ngwr 15.4.0 → 15.6.0

package/fesm2022/ngwr-load-state.mjs

@@ -0,0 +1,495 @@
+import * as i0 from "@angular/core";
+import { Component, Directive, TemplateRef, ViewEncapsulation, computed, contentChild, inject, input, linkedSignal, output } from "@angular/core";
+import { NgTemplateOutlet } from "@angular/common";
+import { numAttr, wrCheckStyles } from "ngwr/utils";
+import { useI18nText } from "ngwr/i18n";
+import { WrButton } from "ngwr/button";
+import { WrEmpty } from "ngwr/empty";
+import { WrResult } from "ngwr/result";
+import { WrSkeleton } from "ngwr/skeleton";
+/**
+* @license
+*
+* Use of this source code is governed by an MIT-style license that can be
+* found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+*/
+var WrLoadStateContent = class WrLoadStateContent {
+	wrLoadStateContentOf = input(void 0, ...ngDevMode ? [{ debugName: "wrLoadStateContentOf" }] : /* istanbul ignore next */ []);
+	template = inject(TemplateRef);
+	static ngTemplateContextGuard(_dir, _ctx) {
+		return true;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.4",
+		ngImport: i0,
+		type: WrLoadStateContent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.4",
+		type: WrLoadStateContent,
+		isStandalone: true,
+		selector: "ng-template[wrLoadStateContent]",
+		inputs: { wrLoadStateContentOf: {
+			classPropertyName: "wrLoadStateContentOf",
+			publicName: "wrLoadStateContentOf",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: WrLoadStateContent,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "ng-template[wrLoadStateContent]" }]
+	}],
+	propDecorators: { wrLoadStateContentOf: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "wrLoadStateContentOf",
+			required: false
+		}]
+	}] }
+});
+var WrLoadStateLoading = class WrLoadStateLoading {
+	template = inject(TemplateRef);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.4",
+		ngImport: i0,
+		type: WrLoadStateLoading,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.4",
+		type: WrLoadStateLoading,
+		isStandalone: true,
+		selector: "ng-template[wrLoadStateLoading]",
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: WrLoadStateLoading,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "ng-template[wrLoadStateLoading]" }]
+	}]
+});
+var WrLoadStateError = class WrLoadStateError {
+	template = inject(TemplateRef);
+	static ngTemplateContextGuard(_dir, _ctx) {
+		return true;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.4",
+		ngImport: i0,
+		type: WrLoadStateError,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.4",
+		type: WrLoadStateError,
+		isStandalone: true,
+		selector: "ng-template[wrLoadStateError]",
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: WrLoadStateError,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "ng-template[wrLoadStateError]" }]
+	}]
+});
+var WrLoadStateEmpty = class WrLoadStateEmpty {
+	template = inject(TemplateRef);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.4",
+		ngImport: i0,
+		type: WrLoadStateEmpty,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.4",
+		type: WrLoadStateEmpty,
+		isStandalone: true,
+		selector: "ng-template[wrLoadStateEmpty]",
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: WrLoadStateEmpty,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "ng-template[wrLoadStateEmpty]" }]
+	}]
+});
+/**
+* @license
+*
+* Use of this source code is governed by an MIT-style license that can be
+* found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+*/
+const isEmptyValue = (value) => value == null || Array.isArray(value) && value.length === 0;
+var WrLoadState = class WrLoadState {
+	constructor() {
+		if (typeof ngDevMode === "undefined" || ngDevMode) wrCheckStyles("load-state");
+	}
+	status = input(null, ...ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ []);
+	resource = input(null, ...ngDevMode ? [{ debugName: "resource" }] : /* istanbul ignore next */ []);
+	isEmpty = input(isEmptyValue, ...ngDevMode ? [{ debugName: "isEmpty" }] : /* istanbul ignore next */ []);
+	lines = input(3, {
+		...ngDevMode ? { debugName: "lines" } : /* istanbul ignore next */ {},
+		transform: numAttr(3)
+	});
+	errorLabel = input(null, ...ngDevMode ? [{ debugName: "errorLabel" }] : /* istanbul ignore next */ []);
+	retryLabel = input(null, ...ngDevMode ? [{ debugName: "retryLabel" }] : /* istanbul ignore next */ []);
+	emptyLabel = input(null, ...ngDevMode ? [{ debugName: "emptyLabel" }] : /* istanbul ignore next */ []);
+	retry = output();
+	resolvedErrorLabel = useI18nText(this.errorLabel, "loadState.failed", "Could not load");
+	resolvedRetryLabel = useI18nText(this.retryLabel, "loadState.retry", "Try again");
+	contentTpl = contentChild(WrLoadStateContent, ...ngDevMode ? [{ debugName: "contentTpl" }] : /* istanbul ignore next */ []);
+	loadingTpl = contentChild(WrLoadStateLoading, ...ngDevMode ? [{ debugName: "loadingTpl" }] : /* istanbul ignore next */ []);
+	errorTpl = contentChild(WrLoadStateError, ...ngDevMode ? [{ debugName: "errorTpl" }] : /* istanbul ignore next */ []);
+	emptyTpl = contentChild(WrLoadStateEmpty, ...ngDevMode ? [{ debugName: "emptyTpl" }] : /* istanbul ignore next */ []);
+	state = computed(() => {
+		const resource = this.resource();
+		if (!resource) return this.status() ?? "loading";
+		const status = resource.status();
+		if (status === "loading") return "loading";
+		if (status === "error") return "error";
+		const held = resource.hasValue();
+		if (status === "reloading" && !held) return resource.error() !== void 0 ? "error" : "loading";
+		return this.isEmpty()(held ? resource.value() : void 0) ? "empty" : "ready";
+	}, ...ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []);
+	busy = computed(() => {
+		const resource = this.resource();
+		return resource ? resource.isLoading() : this.state() === "loading";
+	}, ...ngDevMode ? [{ debugName: "busy" }] : /* istanbul ignore next */ []);
+	pressed = linkedSignal({
+		...ngDevMode ? { debugName: "pressed" } : /* istanbul ignore next */ {},
+		source: () => [this.status(), this.resource()?.status()],
+		computation: () => false
+	});
+	retrying = computed(() => this.pressed() || (this.resource()?.isLoading() ?? false), ...ngDevMode ? [{ debugName: "retrying" }] : /* istanbul ignore next */ []);
+	classes = computed(() => {
+		const parts = ["wr-load-state", `wr-load-state--${this.state()}`];
+		if (this.busy()) parts.push("wr-load-state--busy");
+		return parts.join(" ");
+	}, ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	contentContext = computed(() => {
+		const resource = this.resource();
+		return {
+			$implicit: resource?.hasValue() ? resource.value() : void 0,
+			reloading: this.busy()
+		};
+	}, ...ngDevMode ? [{ debugName: "contentContext" }] : /* istanbul ignore next */ []);
+	errorContext = computed(() => ({
+		$implicit: this.resource()?.error(),
+		retry: () => this.onRetry(),
+		retrying: this.retrying()
+	}), ...ngDevMode ? [{ debugName: "errorContext" }] : /* istanbul ignore next */ []);
+	onRetry() {
+		if (this.retrying()) return;
+		this.pressed.set(true);
+		this.retry.emit();
+		this.resource()?.reload?.();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.4",
+		ngImport: i0,
+		type: WrLoadState,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.4",
+		type: WrLoadState,
+		isStandalone: true,
+		selector: "wr-load-state",
+		inputs: {
+			status: {
+				classPropertyName: "status",
+				publicName: "status",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			resource: {
+				classPropertyName: "resource",
+				publicName: "resource",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			isEmpty: {
+				classPropertyName: "isEmpty",
+				publicName: "isEmpty",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			lines: {
+				classPropertyName: "lines",
+				publicName: "lines",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			errorLabel: {
+				classPropertyName: "errorLabel",
+				publicName: "errorLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			retryLabel: {
+				classPropertyName: "retryLabel",
+				publicName: "retryLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			emptyLabel: {
+				classPropertyName: "emptyLabel",
+				publicName: "emptyLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { retry: "retry" },
+		host: { properties: {
+			"class": "classes()",
+			"attr.aria-busy": "busy() ? \"true\" : null"
+		} },
+		queries: [
+			{
+				propertyName: "contentTpl",
+				first: true,
+				predicate: WrLoadStateContent,
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "loadingTpl",
+				first: true,
+				predicate: WrLoadStateLoading,
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "errorTpl",
+				first: true,
+				predicate: WrLoadStateError,
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "emptyTpl",
+				first: true,
+				predicate: WrLoadStateEmpty,
+				descendants: true,
+				isSignal: true
+			}
+		],
+		ngImport: i0,
+		template: "@switch (state()) {\n  @case ('loading') {\n    @if (loadingTpl(); as custom) {\n      <ng-container [ngTemplateOutlet]=\"custom.template\" />\n    } @else {\n      <wr-skeleton class=\"wr-load-state__skeleton\" [lines]=\"lines()\" />\n    }\n  }\n  @case ('error') {\n    @if (errorTpl(); as custom) {\n      <ng-container [ngTemplateOutlet]=\"custom.template\" [ngTemplateOutletContext]=\"errorContext()\" />\n    } @else {\n      <wr-result class=\"wr-load-state__error\" status=\"error\" [title]=\"resolvedErrorLabel()\">\n        <wr-btn wrResultExtra class=\"wr-load-state__retry\" size=\"sm\" [loading]=\"retrying()\" (click)=\"onRetry()\">\n          {{ resolvedRetryLabel() }}\n        </wr-btn>\n      </wr-result>\n    }\n  }\n  @case ('empty') {\n    @if (emptyTpl(); as custom) {\n      <ng-container [ngTemplateOutlet]=\"custom.template\" />\n    } @else {\n      <wr-empty class=\"wr-load-state__empty\" [title]=\"emptyLabel()\" />\n    }\n  }\n  @case ('ready') {\n    @if (contentTpl(); as custom) {\n      <ng-container [ngTemplateOutlet]=\"custom.template\" [ngTemplateOutletContext]=\"contentContext()\" />\n    }\n  }\n}\n<!-- Always in the DOM, so a screen reader is watching it before the failure\n     lands. The text leaves while a retry runs and comes back if that fails, so\n     a second failure is announced too; a reload behind the content never\n     touches it. -->\n<span class=\"wr-load-state__announce\" role=\"status\" aria-live=\"polite\">\n  @if (state() === 'error' && !retrying()) {\n    {{ resolvedErrorLabel() }}\n  }\n</span>\n",
+		dependencies: [
+			{
+				kind: "directive",
+				type: NgTemplateOutlet,
+				selector: "[ngTemplateOutlet]",
+				inputs: [
+					"ngTemplateOutletContext",
+					"ngTemplateOutlet",
+					"ngTemplateOutletInjector"
+				]
+			},
+			{
+				kind: "component",
+				type: WrSkeleton,
+				selector: "wr-skeleton",
+				inputs: [
+					"color",
+					"animated",
+					"lines"
+				]
+			},
+			{
+				kind: "component",
+				type: WrResult,
+				selector: "wr-result",
+				inputs: [
+					"title",
+					"description",
+					"status"
+				]
+			},
+			{
+				kind: "component",
+				type: WrEmpty,
+				selector: "wr-empty",
+				inputs: [
+					"icon",
+					"iconName",
+					"title"
+				]
+			},
+			{
+				kind: "component",
+				type: WrButton,
+				selector: "wr-btn, button[wr-btn], a[wr-btn]",
+				inputs: [
+					"color",
+					"size",
+					"shape",
+					"icon",
+					"iconPosition",
+					"disabled",
+					"outlined",
+					"block",
+					"loading",
+					"disabledWhenLoading"
+				]
+			}
+		],
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: WrLoadState,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "wr-load-state",
+			imports: [
+				NgTemplateOutlet,
+				WrSkeleton,
+				WrResult,
+				WrEmpty,
+				WrButton
+			],
+			encapsulation: ViewEncapsulation.None,
+			host: {
+				"[class]": "classes()",
+				"[attr.aria-busy]": "busy() ? \"true\" : null"
+			},
+			template: "@switch (state()) {\n  @case ('loading') {\n    @if (loadingTpl(); as custom) {\n      <ng-container [ngTemplateOutlet]=\"custom.template\" />\n    } @else {\n      <wr-skeleton class=\"wr-load-state__skeleton\" [lines]=\"lines()\" />\n    }\n  }\n  @case ('error') {\n    @if (errorTpl(); as custom) {\n      <ng-container [ngTemplateOutlet]=\"custom.template\" [ngTemplateOutletContext]=\"errorContext()\" />\n    } @else {\n      <wr-result class=\"wr-load-state__error\" status=\"error\" [title]=\"resolvedErrorLabel()\">\n        <wr-btn wrResultExtra class=\"wr-load-state__retry\" size=\"sm\" [loading]=\"retrying()\" (click)=\"onRetry()\">\n          {{ resolvedRetryLabel() }}\n        </wr-btn>\n      </wr-result>\n    }\n  }\n  @case ('empty') {\n    @if (emptyTpl(); as custom) {\n      <ng-container [ngTemplateOutlet]=\"custom.template\" />\n    } @else {\n      <wr-empty class=\"wr-load-state__empty\" [title]=\"emptyLabel()\" />\n    }\n  }\n  @case ('ready') {\n    @if (contentTpl(); as custom) {\n      <ng-container [ngTemplateOutlet]=\"custom.template\" [ngTemplateOutletContext]=\"contentContext()\" />\n    }\n  }\n}\n<!-- Always in the DOM, so a screen reader is watching it before the failure\n     lands. The text leaves while a retry runs and comes back if that fails, so\n     a second failure is announced too; a reload behind the content never\n     touches it. -->\n<span class=\"wr-load-state__announce\" role=\"status\" aria-live=\"polite\">\n  @if (state() === 'error' && !retrying()) {\n    {{ resolvedErrorLabel() }}\n  }\n</span>\n"
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		status: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "status",
+				required: false
+			}]
+		}],
+		resource: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "resource",
+				required: false
+			}]
+		}],
+		isEmpty: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "isEmpty",
+				required: false
+			}]
+		}],
+		lines: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "lines",
+				required: false
+			}]
+		}],
+		errorLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "errorLabel",
+				required: false
+			}]
+		}],
+		retryLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "retryLabel",
+				required: false
+			}]
+		}],
+		emptyLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "emptyLabel",
+				required: false
+			}]
+		}],
+		retry: [{
+			type: i0.Output,
+			args: ["retry"]
+		}],
+		contentTpl: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => WrLoadStateContent), { isSignal: true }]
+		}],
+		loadingTpl: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => WrLoadStateLoading), { isSignal: true }]
+		}],
+		errorTpl: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => WrLoadStateError), { isSignal: true }]
+		}],
+		emptyTpl: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => WrLoadStateEmpty), { isSignal: true }]
+		}]
+	}
+});
+export { WrLoadState, WrLoadStateContent, WrLoadStateEmpty, WrLoadStateError, WrLoadStateLoading };
+
+//# sourceMappingURL=ngwr-load-state.mjs.map

package/fesm2022/ngwr-load-state.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngwr-load-state.mjs","names":[],"sources":["../../../projects/lib/load-state/load-state-templates.ts","../../../projects/lib/load-state/load-state.ts","../../../projects/lib/load-state/load-state.html"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { Directive, type Resource, TemplateRef, inject, input } from '@angular/core';\n\nimport type { SafeAny } from 'ngwr/utils';\n\nimport type { WrLoadStateContentContext, WrLoadStateErrorContext } from './types';\n\n/**\n * The content `<wr-load-state>` draws once the data is ready. A template rather\n * than projected content, so nothing of it is created before that: a plain\n * `<ng-content>` would be instantiated in every state.\n *\n * Name the resource through `[wrLoadStateContentOf]` and `let-value` arrives\n * typed. The input is read by the type checker only, the way `[wrTableCellOf]`\n * types a table cell: the wrapper hands the template the same context whether\n * or not it is set.\n *\n * @example\n * ```html\n * <wr-load-state [resource]=\"users\">\n *   <ng-template wrLoadStateContent [wrLoadStateContentOf]=\"users\" let-users>\n *     <wr-table [items]=\"users\" [columns]=\"columns\" />\n *   </ng-template>\n * </wr-load-state>\n * ```\n */\n@Directive({\n  selector: 'ng-template[wrLoadStateContent]',\n})\nexport class WrLoadStateContent<T = SafeAny> {\n  /**\n   * The resource the template draws, for the type checker: nothing reads it at\n   * runtime. Bind the same resource as the wrapper's `[resource]`.\n   */\n  readonly wrLoadStateContentOf = input<Resource<T | undefined> | null | undefined>(undefined);\n\n  readonly template = inject<TemplateRef<WrLoadStateContentContext<T>>>(TemplateRef);\n\n  /**\n   * Types the template's `let-` variables under `strictTemplates`. `T` defaults\n   * to `SafeAny` for the reason `WrOptionLeading` gives: without\n   * `[wrLoadStateContentOf]` nothing infers the value, and narrowed to\n   * `unknown` every `value.length` would stop compiling.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- a guard's parameters exist to be narrowed, never read\n  static ngTemplateContextGuard<T>(_dir: WrLoadStateContent<T>, _ctx: unknown): _ctx is WrLoadStateContentContext<T> {\n    return true;\n  }\n}\n\n/**\n * Replaces the default skeleton while `<wr-load-state>` loads for the first time.\n *\n * @example\n * ```html\n * <ng-template wrLoadStateLoading><wr-spinner /></ng-template>\n * ```\n */\n@Directive({\n  selector: 'ng-template[wrLoadStateLoading]',\n})\nexport class WrLoadStateLoading {\n  readonly template = inject<TemplateRef<void>>(TemplateRef);\n}\n\n/**\n * Replaces the default failure of `<wr-load-state>`. The context carries the\n * error, `retry()` and `retrying`; the error's message is the app's to show.\n *\n * @example\n * ```html\n * <ng-template wrLoadStateError let-error let-retry=\"retry\" let-retrying=\"retrying\">\n *   <wr-alert type=\"danger\" title=\"Could not load\" [message]=\"error.message\">\n *     <wr-btn wrAlertActions size=\"sm\" [loading]=\"retrying\" (click)=\"retry()\">Try again</wr-btn>\n *   </wr-alert>\n * </ng-template>\n * ```\n */\n@Directive({\n  selector: 'ng-template[wrLoadStateError]',\n})\nexport class WrLoadStateError<E = SafeAny> {\n  readonly template = inject<TemplateRef<WrLoadStateErrorContext<E>>>(TemplateRef);\n\n  /**\n   * Types the template's `let-` variables under `strictTemplates`. `E` defaults\n   * to `SafeAny` for the reason `WrOptionLeading` gives: nothing infers the error\n   * type, and narrowed to `unknown`, `error.message` would not compile.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- a guard's parameters exist to be narrowed, never read\n  static ngTemplateContextGuard<E>(_dir: WrLoadStateError<E>, _ctx: unknown): _ctx is WrLoadStateErrorContext<E> {\n    return true;\n  }\n}\n\n/**\n * Replaces the default `<wr-empty>` of `<wr-load-state>`.\n *\n * @example\n * ```html\n * <ng-template wrLoadStateEmpty>\n *   <wr-empty title=\"No orders yet\"><wr-btn wrEmptyActions (click)=\"create()\">Create one</wr-btn></wr-empty>\n * </ng-template>\n * ```\n */\n@Directive({\n  selector: 'ng-template[wrLoadStateEmpty]',\n})\nexport class WrLoadStateEmpty {\n  readonly template = inject<TemplateRef<void>>(TemplateRef);\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n  Component,\n  type Resource,\n  ViewEncapsulation,\n  type WritableResource,\n  computed,\n  contentChild,\n  input,\n  linkedSignal,\n  output,\n} from '@angular/core';\n\nimport { WrButton } from 'ngwr/button';\nimport { WrEmpty } from 'ngwr/empty';\nimport { useI18nText } from 'ngwr/i18n';\nimport { WrResult } from 'ngwr/result';\nimport { WrSkeleton } from 'ngwr/skeleton';\nimport { numAttr, type SafeAny, wrCheckStyles } from 'ngwr/utils';\n\nimport { WrLoadStateContent, WrLoadStateEmpty, WrLoadStateError, WrLoadStateLoading } from './load-state-templates';\nimport type { WrLoadStateContentContext, WrLoadStateErrorContext, WrLoadStateStatus } from './types';\n\n/** The default `isEmpty`: nothing, or a list with nothing in it. */\nconst isEmptyValue = (value: unknown): boolean => value == null || (Array.isArray(value) && value.length === 0);\n\n/**\n * One wrapper for the four states of a screen that loads: the skeleton, the\n * failure with a retry, the empty slot and the content. Give it a `resource`\n * and it reads the state from there; give it a `status` and the app decides.\n * Never both.\n *\n * The content and any custom part are templates, so nothing of the content is\n * created before it is ready. The defaults are `<wr-skeleton [lines]>`,\n * `<wr-result status=\"error\">` with a retry button, and `<wr-empty>`, so the\n * minimal use is the resource and a content template.\n *\n * What each resource status draws:\n *\n * | `resource.status()`   | Drawn                                                                 |\n * | --------------------- | --------------------------------------------------------------------- |\n * | `loading`             | the skeleton                                                          |\n * | `reloading`           | what was on screen, marked busy; the failure, with its button busy, after a failed load; the skeleton when there is no value yet |\n * | `error`               | the failure                                                           |\n * | `resolved`, `local`   | the empty slot when `isEmpty(value)`, else the content                |\n * | `idle`                | the content or the empty slot by `isEmpty`: nothing was asked for, so nothing loads |\n *\n * Accessibility: the host carries `aria-busy` while a load is in flight, the\n * failure's title is announced once through a polite live region, nothing is\n * announced for a reload that keeps the content, and focus is never moved.\n *\n * @example\n * ```html\n * <wr-load-state [resource]=\"users\">\n *   <ng-template wrLoadStateContent [wrLoadStateContentOf]=\"users\" let-users>\n *     <wr-table [items]=\"users\" [columns]=\"columns\" />\n *   </ng-template>\n * </wr-load-state>\n *\n * <wr-load-state [status]=\"status()\" (retry)=\"load()\">\n *   <ng-template wrLoadStateContent>{{ text() }}</ng-template>\n * </wr-load-state>\n * ```\n *\n * @see https://ngwr.dev/reference/components/load-state\n */\n@Component({\n  selector: 'wr-load-state',\n  templateUrl: './load-state.html',\n  imports: [NgTemplateOutlet, WrSkeleton, WrResult, WrEmpty, WrButton],\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class]': 'classes()',\n    '[attr.aria-busy]': 'busy() ? \"true\" : null',\n  },\n})\nexport class WrLoadState<T = SafeAny> {\n  constructor() {\n    if (typeof ngDevMode === 'undefined' || ngDevMode) wrCheckStyles('load-state');\n  }\n\n  /**\n   * The state, when the app decides it. Ignored while `resource` is set.\n   *\n   * @default null\n   */\n  readonly status = input<WrLoadStateStatus | null>(null);\n\n  /**\n   * The resource to read the state from: `resource()`, `rxResource()` and\n   * `httpResource()` alike. The retry button calls its `reload()`.\n   *\n   * @default null\n   */\n  readonly resource = input<Resource<T | undefined> | null>(null);\n\n  /**\n   * Decides whether a settled value shows the empty slot instead of the content.\n   * The default is empty for `null`, `undefined` and an empty array.\n   *\n   * @default isEmptyValue\n   */\n  readonly isEmpty = input<(value: T | undefined) => boolean>(isEmptyValue);\n\n  /**\n   * How many lines the default skeleton draws.\n   *\n   * @default 3\n   */\n  readonly lines = input(3, { transform: numAttr(3) });\n\n  /** The failure's title. Falls back to `loadState.failed`, then `'Could not load'`. */\n  readonly errorLabel = input<string | null>(null);\n\n  /** The retry button's label. Falls back to `loadState.retry`, then `'Try again'`. */\n  readonly retryLabel = input<string | null>(null);\n\n  /** The default empty slot's title. Falls back to `empty.noData` through `<wr-empty>`. */\n  readonly emptyLabel = input<string | null>(null);\n\n  /**\n   * Emitted when the retry button is pressed, once per press that starts a\n   * retry. With a `resource`, `reload()` has been called as well.\n   */\n  readonly retry = output<void>();\n\n  protected readonly resolvedErrorLabel = useI18nText(this.errorLabel, 'loadState.failed', 'Could not load');\n  protected readonly resolvedRetryLabel = useI18nText(this.retryLabel, 'loadState.retry', 'Try again');\n\n  protected readonly contentTpl = contentChild<WrLoadStateContent<T>>(WrLoadStateContent);\n  protected readonly loadingTpl = contentChild(WrLoadStateLoading);\n  protected readonly errorTpl = contentChild(WrLoadStateError);\n  protected readonly emptyTpl = contentChild(WrLoadStateEmpty);\n\n  protected readonly state = computed<WrLoadStateStatus>(() => {\n    const resource = this.resource();\n    if (!resource) return this.status() ?? 'loading';\n    const status = resource.status();\n    if (status === 'loading') return 'loading';\n    if (status === 'error') return 'error';\n    const held = resource.hasValue();\n    if (status === 'reloading' && !held) return resource.error() !== undefined ? 'error' : 'loading';\n    return this.isEmpty()(held ? resource.value() : undefined) ? 'empty' : 'ready';\n  });\n\n  /** A load is in flight: the first one, or a reload behind whatever is on screen. */\n  protected readonly busy = computed(() => {\n    const resource = this.resource();\n    return resource ? resource.isLoading() : this.state() === 'loading';\n  });\n\n  /**\n   * A press that has not reached the resource's status yet. `reload()` flips the\n   * status in the same tick, so with a resource this covers only the gap before\n   * it; with a `status` it holds until the app answers the `retry` output.\n   */\n  private readonly pressed = linkedSignal({\n    source: () => [this.status(), this.resource()?.status()],\n    computation: () => false,\n  });\n\n  protected readonly retrying = computed(() => this.pressed() || (this.resource()?.isLoading() ?? false));\n\n  protected readonly classes = computed(() => {\n    const parts = ['wr-load-state', `wr-load-state--${this.state()}`];\n    if (this.busy()) parts.push('wr-load-state--busy');\n    return parts.join(' ');\n  });\n\n  protected readonly contentContext = computed<WrLoadStateContentContext<T | undefined>>(() => {\n    const resource = this.resource();\n    return {\n      $implicit: resource?.hasValue() ? resource.value() : undefined,\n      reloading: this.busy(),\n    };\n  });\n\n  protected readonly errorContext = computed<WrLoadStateErrorContext>(() => ({\n    $implicit: this.resource()?.error(),\n    retry: () => this.onRetry(),\n    retrying: this.retrying(),\n  }));\n\n  /** A second press while one is in flight starts nothing. */\n  protected onRetry(): void {\n    if (this.retrying()) return;\n    this.pressed.set(true);\n    this.retry.emit();\n    (this.resource() as Partial<WritableResource<T | undefined>> | null)?.reload?.();\n  }\n}\n","@switch (state()) {\n  @case ('loading') {\n    @if (loadingTpl(); as custom) {\n      <ng-container [ngTemplateOutlet]=\"custom.template\" />\n    } @else {\n      <wr-skeleton class=\"wr-load-state__skeleton\" [lines]=\"lines()\" />\n    }\n  }\n  @case ('error') {\n    @if (errorTpl(); as custom) {\n      <ng-container [ngTemplateOutlet]=\"custom.template\" [ngTemplateOutletContext]=\"errorContext()\" />\n    } @else {\n      <wr-result class=\"wr-load-state__error\" status=\"error\" [title]=\"resolvedErrorLabel()\">\n        <wr-btn wrResultExtra class=\"wr-load-state__retry\" size=\"sm\" [loading]=\"retrying()\" (click)=\"onRetry()\">\n          {{ resolvedRetryLabel() }}\n        </wr-btn>\n      </wr-result>\n    }\n  }\n  @case ('empty') {\n    @if (emptyTpl(); as custom) {\n      <ng-container [ngTemplateOutlet]=\"custom.template\" />\n    } @else {\n      <wr-empty class=\"wr-load-state__empty\" [title]=\"emptyLabel()\" />\n    }\n  }\n  @case ('ready') {\n    @if (contentTpl(); as custom) {\n      <ng-container [ngTemplateOutlet]=\"custom.template\" [ngTemplateOutletContext]=\"contentContext()\" />\n    }\n  }\n}\n<!-- Always in the DOM, so a screen reader is watching it before the failure\n     lands. The text leaves while a retry runs and comes back if that fails, so\n     a second failure is announced too; a reload behind the content never\n     touches it. -->\n<span class=\"wr-load-state__announce\" role=\"status\" aria-live=\"polite\">\n  @if (state() === 'error' && !retrying()) {\n    {{ resolvedErrorLabel() }}\n  }\n</span>\n"],"mappings":"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"}