@weaver-apps/service-desk 0.2.0 → 0.3.0

package/fesm2022/weaver-apps-service-desk.mjs

@@ -1,876 +1,5 @@
-import * as i0 from "@angular/core";
-import { CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, Component, InjectionToken, computed, inject, input, output, resource, signal, viewChild } from "@angular/core";
-import { TranslocoPipe, TranslocoService, translateObjectSignal } from "@jsverse/transloco";
-import { toSignal } from "@angular/core/rxjs-interop";
-import { ActivatedRoute } from "@angular/router";
-import { map } from "rxjs";
-import { DialogRef } from "@loomweaver/plugin-sdk";
-import { DataGrid, ListFilter, listingDatasource } from "@weaver-apps/data-grid";
-var ServiceDeskGatewayError = class extends Error {
-	status;
-	constructor(status) {
-		super(`The service desk answered ${status}.`);
-		this.status = status;
-	}
-};
-const SERVICE_DESK_GATEWAY = new InjectionToken("weaver-apps.service-desk.gateway");
-function provideServiceDeskGateway(gateway) {
-	return {
-		provide: SERVICE_DESK_GATEWAY,
-		useValue: gateway
-	};
-}
-var ServiceDeskHost = class {
-	ctx;
-	bind(ctx) {
-		this.ctx = ctx;
-	}
-	unbind() {
-		this.ctx = void 0;
-	}
-	get ui() {
-		if (!this.ctx) throw new Error("The service-desk plugin is not active.");
-		return this.ctx.ui;
-	}
-	navigate(path) {
-		this.ctx?.navigateContent(path);
-	}
-};
-const serviceDeskHost = new ServiceDeskHost();
-const serviceDeskPluginId = "weaver-apps-service-desk";
-const serviceDeskContributionIds = {
-	desks: `${serviceDeskPluginId}.desks`,
-	desk: `${serviceDeskPluginId}.desk`,
-	rail: `${serviceDeskPluginId}.rail`
-};
-const serviceDeskIconNames = {
-	desk: `${serviceDeskPluginId}.desk`,
-	complete: `${serviceDeskPluginId}.complete`,
-	cancel: `${serviceDeskPluginId}.cancel`,
-	previous: `${serviceDeskPluginId}.previous`,
-	next: `${serviceDeskPluginId}.next`
-};
-const deskListPath = serviceDeskPluginId;
-function deskPath(deskId) {
-	return `${deskListPath}/${deskId}`;
-}
-var DeskListPage = class DeskListPage {
-	gateway = inject(SERVICE_DESK_GATEWAY);
-	desks = resource({
-		...ngDevMode ? { debugName: "desks" } : /* istanbul ignore next */ {},
-		loader: () => this.gateway.desks()
-	});
-	open(deskId) {
-		serviceDeskHost.navigate(deskPath(deskId));
-	}
-	async create() {
-		const name = await serviceDeskHost.ui.prompt({
-			title: "weaver-apps-service-desk.desks.create",
-			message: "weaver-apps-service-desk.desks.createMessage",
-			confirmLabel: "weaver-apps-service-desk.desks.createConfirm"
-		});
-		if (!name?.trim()) return;
-		try {
-			const desk = await this.gateway.saveDesk(crypto.randomUUID(), name.trim());
-			this.open(desk.id);
-		} catch {
-			serviceDeskHost.ui.toast({
-				message: "weaver-apps-service-desk.errors.create",
-				kind: "error"
-			});
-		}
-	}
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.3",
-		ngImport: i0,
-		type: DeskListPage,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Component
-	});
-	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "17.0.0",
-		version: "22.2.3",
-		type: DeskListPage,
-		isStandalone: true,
-		selector: "wa-desk-list-page",
-		ngImport: i0,
-		template: "<div class=\"flex h-full flex-col gap-4 overflow-auto p-6\">\n  <div class=\"flex items-center justify-between gap-4\">\n    <h2 class=\"text-lg font-semibold text-content\">{{ 'weaver-apps-service-desk.desks.title' | transloco }}</h2>\n    <button type=\"button\" class=\"lw-btn lw-btn--primary\" (click)=\"create()\">{{ 'weaver-apps-service-desk.desks.create' | transloco }}</button>\n  </div>\n  @if (desks.error()) {\n    <p class=\"text-sm text-negative\" role=\"alert\">{{ 'weaver-apps-service-desk.errors.load' | transloco }}</p>\n  } @else if (desks.hasValue()) {\n    <ul role=\"list\" class=\"divide-y divide-border rounded-xl border border-border bg-surface\">\n      @for (desk of desks.value(); track desk.id) {\n        <li>\n          <button type=\"button\" class=\"flex w-full items-center gap-3 px-4 py-3 text-left text-sm text-content hover:bg-surface-overlay\" (click)=\"open(desk.id)\">\n            <lw-icon name=\"weaver-apps-service-desk.desk\" size=\"1.25rem\"></lw-icon>\n            <span>{{ desk.name }}</span>\n          </button>\n        </li>\n      } @empty {\n        <li class=\"px-4 py-8 text-center text-sm text-content-faint\">{{ 'weaver-apps-service-desk.desks.empty' | transloco }}</li>\n      }\n    </ul>\n  }\n</div>\n",
-		dependencies: [{
-			kind: "pipe",
-			type: TranslocoPipe,
-			name: "transloco"
-		}],
-		changeDetection: i0.ChangeDetectionStrategy.OnPush
-	});
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.3",
-	ngImport: i0,
-	type: DeskListPage,
-	decorators: [{
-		type: Component,
-		args: [{
-			selector: "wa-desk-list-page",
-			imports: [TranslocoPipe],
-			schemas: [CUSTOM_ELEMENTS_SCHEMA],
-			changeDetection: ChangeDetectionStrategy.OnPush,
-			template: "<div class=\"flex h-full flex-col gap-4 overflow-auto p-6\">\n  <div class=\"flex items-center justify-between gap-4\">\n    <h2 class=\"text-lg font-semibold text-content\">{{ 'weaver-apps-service-desk.desks.title' | transloco }}</h2>\n    <button type=\"button\" class=\"lw-btn lw-btn--primary\" (click)=\"create()\">{{ 'weaver-apps-service-desk.desks.create' | transloco }}</button>\n  </div>\n  @if (desks.error()) {\n    <p class=\"text-sm text-negative\" role=\"alert\">{{ 'weaver-apps-service-desk.errors.load' | transloco }}</p>\n  } @else if (desks.hasValue()) {\n    <ul role=\"list\" class=\"divide-y divide-border rounded-xl border border-border bg-surface\">\n      @for (desk of desks.value(); track desk.id) {\n        <li>\n          <button type=\"button\" class=\"flex w-full items-center gap-3 px-4 py-3 text-left text-sm text-content hover:bg-surface-overlay\" (click)=\"open(desk.id)\">\n            <lw-icon name=\"weaver-apps-service-desk.desk\" size=\"1.25rem\"></lw-icon>\n            <span>{{ desk.name }}</span>\n          </button>\n        </li>\n      } @empty {\n        <li class=\"px-4 py-8 text-center text-sm text-content-faint\">{{ 'weaver-apps-service-desk.desks.empty' | transloco }}</li>\n      }\n    </ul>\n  }\n</div>\n"
-		}]
-	}]
-});
-function activeLocale() {
-	const transloco = inject(TranslocoService);
-	return toSignal(transloco.langChanges$, { initialValue: transloco.getActiveLang() });
-}
-const ServiceRequestOrigin = {
-	manual: "manual",
-	voiceChat: "voiceChat",
-	textChat: "textChat",
-	widget: "widget",
-	email: "email",
-	phone: "phone"
-};
-const ServiceRequestPriority = {
-	low: "low",
-	normal: "normal",
-	high: "high",
-	urgent: "urgent"
-};
-const ServiceRequestStatus = {
-	open: "open",
-	inProgress: "inProgress",
-	completed: "completed",
-	cancelled: "cancelled"
-};
-const ServiceRequestType = {
-	inquiry: "inquiry",
-	task: "task",
-	callbackRequest: "callbackRequest",
-	conversationSummary: "conversationSummary",
-	complaint: "complaint",
-	quote: "quote"
-};
-const requestTypes = Object.values(ServiceRequestType);
-const requestPriorities = Object.values(ServiceRequestPriority);
-const requestOrigins = Object.values(ServiceRequestOrigin);
-const settableStatuses = [ServiceRequestStatus.open, ServiceRequestStatus.inProgress];
-function isClosed(status) {
-	return status === ServiceRequestStatus.completed || status === ServiceRequestStatus.cancelled;
-}
-function localDate(value) {
-	const pad = (part) => `${part}`.padStart(2, "0");
-	return `${value.getFullYear()}-${pad(value.getMonth() + 1)}-${pad(value.getDate())}`;
-}
-function pick(choices, value) {
-	return choices.find((choice) => choice === value);
-}
-var RequestDialog = class RequestDialog {
-	dialog = inject(DialogRef);
-	gateway = inject(SERVICE_DESK_GATEWAY);
-	data = this.dialog.data;
-	existing = this.data.request;
-	editing = this.existing !== null;
-	closed = this.existing !== null && isClosed(this.existing.status);
-	types = requestTypes;
-	priorities = requestPriorities;
-	origins = requestOrigins;
-	statuses = settableStatuses;
-	title = signal(this.existing?.title ?? "", ...ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []);
-	type = signal(this.existing?.type ?? ServiceRequestType.inquiry, ...ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []);
-	priority = signal(this.existing?.priority ?? ServiceRequestPriority.normal, ...ngDevMode ? [{ debugName: "priority" }] : /* istanbul ignore next */ []);
-	origin = signal(this.existing?.origin ?? ServiceRequestOrigin.manual, ...ngDevMode ? [{ debugName: "origin" }] : /* istanbul ignore next */ []);
-	status = signal(this.existing?.status ?? "open", ...ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ []);
-	contactName = signal(this.existing?.contactName ?? "", ...ngDevMode ? [{ debugName: "contactName" }] : /* istanbul ignore next */ []);
-	contactPhone = signal(this.existing?.contactPhone ?? "", ...ngDevMode ? [{ debugName: "contactPhone" }] : /* istanbul ignore next */ []);
-	contactEmail = signal(this.existing?.contactEmail ?? "", ...ngDevMode ? [{ debugName: "contactEmail" }] : /* istanbul ignore next */ []);
-	assignee = signal(this.existing?.assignee ?? "", ...ngDevMode ? [{ debugName: "assignee" }] : /* istanbul ignore next */ []);
-	dueDate = signal(this.existing?.dueAt ? localDate(new Date(this.existing.dueAt)) : "", ...ngDevMode ? [{ debugName: "dueDate" }] : /* istanbul ignore next */ []);
-	description = signal(this.existing?.description ?? "", ...ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []);
-	cancellationReason = this.existing?.cancellationReason ?? null;
-	saving = signal(false, ...ngDevMode ? [{ debugName: "saving" }] : /* istanbul ignore next */ []);
-	problem = signal("", ...ngDevMode ? [{ debugName: "problem" }] : /* istanbul ignore next */ []);
-	persisted = false;
-	bind(target, event) {
-		target.set(event.target.value);
-	}
-	chooseType(event) {
-		this.choose(this.type, requestTypes, event);
-	}
-	choosePriority(event) {
-		this.choose(this.priority, requestPriorities, event);
-	}
-	chooseOrigin(event) {
-		this.choose(this.origin, requestOrigins, event);
-	}
-	chooseStatus(event) {
-		this.choose(this.status, settableStatuses, event);
-	}
-	close() {
-		this.dialog.close(this.persisted);
-	}
-	async save() {
-		if (!this.title().trim()) {
-			this.problem.set("weaver-apps-service-desk.dialog.titleRequired");
-			return;
-		}
-		this.saving.set(true);
-		try {
-			const changes = this.changes();
-			const outcome = this.existing ? await this.gateway.edit(this.data.deskId, this.existing.id, changes) : await this.gateway.raise(this.data.deskId, {
-				...changes,
-				origin: this.origin()
-			});
-			this.settle(await this.applyStatus(outcome));
-		} catch {
-			this.problem.set("weaver-apps-service-desk.errors.save");
-		} finally {
-			this.saving.set(false);
-		}
-	}
-	changes() {
-		const keptDue = this.existing?.dueAt && localDate(new Date(this.existing.dueAt)) === this.dueDate() ? this.existing.dueAt : null;
-		if (keptDue) return {
-			...this.fields(),
-			dueAt: keptDue
-		};
-		const due = this.dueDate() ? /* @__PURE__ */ new Date(`${this.dueDate()}T12:00`) : null;
-		return {
-			...this.fields(),
-			dueAt: due && !Number.isNaN(due.getTime()) ? due.toISOString() : null
-		};
-	}
-	fields() {
-		return {
-			title: this.title().trim(),
-			description: this.optional(this.description()),
-			type: this.type(),
-			priority: this.priority(),
-			contactName: this.optional(this.contactName()),
-			contactPhone: this.optional(this.contactPhone()),
-			contactEmail: this.optional(this.contactEmail()),
-			assignee: this.optional(this.assignee())
-		};
-	}
-	async applyStatus(outcome) {
-		if (outcome.kind === "saved") {
-			this.existing = outcome.request;
-			this.persisted = true;
-		}
-		if (outcome.kind !== "saved" || outcome.request.status === this.status()) return outcome;
-		return this.gateway.setStatus(this.data.deskId, outcome.request.id, this.status());
-	}
-	settle(outcome) {
-		const messages = {
-			closed: "weaver-apps-service-desk.dialog.closed",
-			changed: "weaver-apps-service-desk.dialog.changed",
-			invalid: "weaver-apps-service-desk.dialog.invalid",
-			missing: "weaver-apps-service-desk.dialog.missing"
-		};
-		if (outcome.kind === "saved") {
-			this.dialog.close(true);
-			return;
-		}
-		this.problem.set(messages[outcome.kind]);
-	}
-	choose(target, choices, event) {
-		const chosen = pick(choices, event.target.value);
-		if (chosen) target.set(chosen);
-	}
-	optional(value) {
-		return value.trim() ? value.trim() : null;
-	}
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.3",
-		ngImport: i0,
-		type: RequestDialog,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Component
-	});
-	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "17.0.0",
-		version: "22.2.3",
-		type: RequestDialog,
-		isStandalone: true,
-		selector: "wa-request-dialog",
-		ngImport: i0,
-		template: "<form class=\"flex flex-col gap-4\" (submit)=\"$event.preventDefault(); save()\">\n  @if (closed) {\n    <p class=\"text-sm text-content-faint\" role=\"status\">\n      {{ 'weaver-apps-service-desk.dialog.closedNote' | transloco }}\n      @if (cancellationReason) {\n        {{ 'weaver-apps-service-desk.dialog.reason' | transloco: { reason: cancellationReason } }}\n      }\n    </p>\n  }\n\n  <label class=\"flex flex-col gap-1 text-sm text-content\">\n    {{ 'weaver-apps-service-desk.fields.title' | transloco }}\n    <input class=\"lw-field\" required [disabled]=\"closed\" [value]=\"title()\" (input)=\"bind(title, $event)\" />\n  </label>\n\n  <div class=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n    <label class=\"flex flex-col gap-1 text-sm text-content\">\n      {{ 'weaver-apps-service-desk.fields.type' | transloco }}\n      <select class=\"lw-field\" [disabled]=\"closed\" (change)=\"chooseType($event)\">\n        @for (choice of types; track choice) {\n          <option [value]=\"choice\" [selected]=\"choice === type()\">{{ 'weaver-apps-service-desk.type.' + choice | transloco }}</option>\n        }\n      </select>\n    </label>\n    <label class=\"flex flex-col gap-1 text-sm text-content\">\n      {{ 'weaver-apps-service-desk.fields.priority' | transloco }}\n      <select class=\"lw-field\" [disabled]=\"closed\" (change)=\"choosePriority($event)\">\n        @for (choice of priorities; track choice) {\n          <option [value]=\"choice\" [selected]=\"choice === priority()\">{{ 'weaver-apps-service-desk.priority.' + choice | transloco }}</option>\n        }\n      </select>\n    </label>\n    @if (editing) {\n      <label class=\"flex flex-col gap-1 text-sm text-content\">\n        {{ 'weaver-apps-service-desk.fields.status' | transloco }}\n        <select class=\"lw-field\" [disabled]=\"closed\" (change)=\"chooseStatus($event)\">\n          @if (closed) {\n            <option selected>{{ 'weaver-apps-service-desk.status.' + status() | transloco }}</option>\n          } @else {\n            @for (choice of statuses; track choice) {\n              <option [value]=\"choice\" [selected]=\"choice === status()\">{{ 'weaver-apps-service-desk.status.' + choice | transloco }}</option>\n            }\n          }\n        </select>\n      </label>\n    } @else {\n      <label class=\"flex flex-col gap-1 text-sm text-content\">\n        {{ 'weaver-apps-service-desk.fields.origin' | transloco }}\n        <select class=\"lw-field\" (change)=\"chooseOrigin($event)\">\n          @for (choice of origins; track choice) {\n            <option [value]=\"choice\" [selected]=\"choice === origin()\">{{ 'weaver-apps-service-desk.origin.' + choice | transloco }}</option>\n          }\n        </select>\n      </label>\n    }\n  </div>\n\n  <div class=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n    <label class=\"flex flex-col gap-1 text-sm text-content\">\n      {{ 'weaver-apps-service-desk.fields.contactName' | transloco }}\n      <input class=\"lw-field\" [disabled]=\"closed\" [value]=\"contactName()\" (input)=\"bind(contactName, $event)\" />\n    </label>\n    <label class=\"flex flex-col gap-1 text-sm text-content\">\n      {{ 'weaver-apps-service-desk.fields.contactPhone' | transloco }}\n      <input class=\"lw-field\" type=\"tel\" [disabled]=\"closed\" [value]=\"contactPhone()\" (input)=\"bind(contactPhone, $event)\" />\n    </label>\n    <label class=\"flex flex-col gap-1 text-sm text-content\">\n      {{ 'weaver-apps-service-desk.fields.contactEmail' | transloco }}\n      <input class=\"lw-field\" type=\"email\" [disabled]=\"closed\" [value]=\"contactEmail()\" (input)=\"bind(contactEmail, $event)\" />\n    </label>\n  </div>\n\n  <div class=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n    <label class=\"flex flex-col gap-1 text-sm text-content\">\n      {{ 'weaver-apps-service-desk.fields.assignee' | transloco }}\n      <input class=\"lw-field\" [disabled]=\"closed\" [value]=\"assignee()\" (input)=\"bind(assignee, $event)\" />\n    </label>\n    <label class=\"flex flex-col gap-1 text-sm text-content\">\n      {{ 'weaver-apps-service-desk.fields.due' | transloco }}\n      <input class=\"lw-field\" type=\"date\" [disabled]=\"closed\" [value]=\"dueDate()\" (input)=\"bind(dueDate, $event)\" />\n    </label>\n  </div>\n\n  <label class=\"flex flex-col gap-1 text-sm text-content\">\n    {{ 'weaver-apps-service-desk.fields.description' | transloco }}\n    <textarea class=\"lw-field\" rows=\"3\" [disabled]=\"closed\" [value]=\"description()\" (input)=\"bind(description, $event)\"></textarea>\n  </label>\n\n  @if (problem()) {\n    <p class=\"text-sm text-negative\" role=\"alert\">{{ problem() | transloco }}</p>\n  }\n\n  <div class=\"flex justify-end gap-2\">\n    <button type=\"button\" class=\"lw-btn lw-btn--default\" (click)=\"close()\">{{ (closed ? 'weaver-apps-service-desk.dialog.close' : 'weaver-apps-service-desk.dialog.cancel') | transloco }}</button>\n    @if (!closed) {\n      <button type=\"submit\" class=\"lw-btn lw-btn--primary\" [disabled]=\"saving()\">{{ 'weaver-apps-service-desk.dialog.save' | transloco }}</button>\n    }\n  </div>\n</form>\n",
-		dependencies: [{
-			kind: "pipe",
-			type: TranslocoPipe,
-			name: "transloco"
-		}],
-		changeDetection: i0.ChangeDetectionStrategy.OnPush
-	});
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.3",
-	ngImport: i0,
-	type: RequestDialog,
-	decorators: [{
-		type: Component,
-		args: [{
-			selector: "wa-request-dialog",
-			imports: [TranslocoPipe],
-			changeDetection: ChangeDetectionStrategy.OnPush,
-			template: "<form class=\"flex flex-col gap-4\" (submit)=\"$event.preventDefault(); save()\">\n  @if (closed) {\n    <p class=\"text-sm text-content-faint\" role=\"status\">\n      {{ 'weaver-apps-service-desk.dialog.closedNote' | transloco }}\n      @if (cancellationReason) {\n        {{ 'weaver-apps-service-desk.dialog.reason' | transloco: { reason: cancellationReason } }}\n      }\n    </p>\n  }\n\n  <label class=\"flex flex-col gap-1 text-sm text-content\">\n    {{ 'weaver-apps-service-desk.fields.title' | transloco }}\n    <input class=\"lw-field\" required [disabled]=\"closed\" [value]=\"title()\" (input)=\"bind(title, $event)\" />\n  </label>\n\n  <div class=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n    <label class=\"flex flex-col gap-1 text-sm text-content\">\n      {{ 'weaver-apps-service-desk.fields.type' | transloco }}\n      <select class=\"lw-field\" [disabled]=\"closed\" (change)=\"chooseType($event)\">\n        @for (choice of types; track choice) {\n          <option [value]=\"choice\" [selected]=\"choice === type()\">{{ 'weaver-apps-service-desk.type.' + choice | transloco }}</option>\n        }\n      </select>\n    </label>\n    <label class=\"flex flex-col gap-1 text-sm text-content\">\n      {{ 'weaver-apps-service-desk.fields.priority' | transloco }}\n      <select class=\"lw-field\" [disabled]=\"closed\" (change)=\"choosePriority($event)\">\n        @for (choice of priorities; track choice) {\n          <option [value]=\"choice\" [selected]=\"choice === priority()\">{{ 'weaver-apps-service-desk.priority.' + choice | transloco }}</option>\n        }\n      </select>\n    </label>\n    @if (editing) {\n      <label class=\"flex flex-col gap-1 text-sm text-content\">\n        {{ 'weaver-apps-service-desk.fields.status' | transloco }}\n        <select class=\"lw-field\" [disabled]=\"closed\" (change)=\"chooseStatus($event)\">\n          @if (closed) {\n            <option selected>{{ 'weaver-apps-service-desk.status.' + status() | transloco }}</option>\n          } @else {\n            @for (choice of statuses; track choice) {\n              <option [value]=\"choice\" [selected]=\"choice === status()\">{{ 'weaver-apps-service-desk.status.' + choice | transloco }}</option>\n            }\n          }\n        </select>\n      </label>\n    } @else {\n      <label class=\"flex flex-col gap-1 text-sm text-content\">\n        {{ 'weaver-apps-service-desk.fields.origin' | transloco }}\n        <select class=\"lw-field\" (change)=\"chooseOrigin($event)\">\n          @for (choice of origins; track choice) {\n            <option [value]=\"choice\" [selected]=\"choice === origin()\">{{ 'weaver-apps-service-desk.origin.' + choice | transloco }}</option>\n          }\n        </select>\n      </label>\n    }\n  </div>\n\n  <div class=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n    <label class=\"flex flex-col gap-1 text-sm text-content\">\n      {{ 'weaver-apps-service-desk.fields.contactName' | transloco }}\n      <input class=\"lw-field\" [disabled]=\"closed\" [value]=\"contactName()\" (input)=\"bind(contactName, $event)\" />\n    </label>\n    <label class=\"flex flex-col gap-1 text-sm text-content\">\n      {{ 'weaver-apps-service-desk.fields.contactPhone' | transloco }}\n      <input class=\"lw-field\" type=\"tel\" [disabled]=\"closed\" [value]=\"contactPhone()\" (input)=\"bind(contactPhone, $event)\" />\n    </label>\n    <label class=\"flex flex-col gap-1 text-sm text-content\">\n      {{ 'weaver-apps-service-desk.fields.contactEmail' | transloco }}\n      <input class=\"lw-field\" type=\"email\" [disabled]=\"closed\" [value]=\"contactEmail()\" (input)=\"bind(contactEmail, $event)\" />\n    </label>\n  </div>\n\n  <div class=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n    <label class=\"flex flex-col gap-1 text-sm text-content\">\n      {{ 'weaver-apps-service-desk.fields.assignee' | transloco }}\n      <input class=\"lw-field\" [disabled]=\"closed\" [value]=\"assignee()\" (input)=\"bind(assignee, $event)\" />\n    </label>\n    <label class=\"flex flex-col gap-1 text-sm text-content\">\n      {{ 'weaver-apps-service-desk.fields.due' | transloco }}\n      <input class=\"lw-field\" type=\"date\" [disabled]=\"closed\" [value]=\"dueDate()\" (input)=\"bind(dueDate, $event)\" />\n    </label>\n  </div>\n\n  <label class=\"flex flex-col gap-1 text-sm text-content\">\n    {{ 'weaver-apps-service-desk.fields.description' | transloco }}\n    <textarea class=\"lw-field\" rows=\"3\" [disabled]=\"closed\" [value]=\"description()\" (input)=\"bind(description, $event)\"></textarea>\n  </label>\n\n  @if (problem()) {\n    <p class=\"text-sm text-negative\" role=\"alert\">{{ problem() | transloco }}</p>\n  }\n\n  <div class=\"flex justify-end gap-2\">\n    <button type=\"button\" class=\"lw-btn lw-btn--default\" (click)=\"close()\">{{ (closed ? 'weaver-apps-service-desk.dialog.close' : 'weaver-apps-service-desk.dialog.cancel') | transloco }}</button>\n    @if (!closed) {\n      <button type=\"submit\" class=\"lw-btn lw-btn--primary\" [disabled]=\"saving()\">{{ 'weaver-apps-service-desk.dialog.save' | transloco }}</button>\n    }\n  </div>\n</form>\n"
-		}]
-	}]
-});
-var RequestCell = class RequestCell {
-	params = null;
-	kind = signal("title", ...ngDevMode ? [{ debugName: "kind" }] : /* istanbul ignore next */ []);
-	request = signal(null, ...ngDevMode ? [{ debugName: "request" }] : /* istanbul ignore next */ []);
-	locale = signal("en", ...ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []);
-	closed = computed(() => {
-		const request = this.request();
-		return request !== null && isClosed(request.status);
-	}, ...ngDevMode ? [{ debugName: "closed" }] : /* istanbul ignore next */ []);
-	dates = computed(() => {
-		const request = this.request();
-		const date = new Intl.DateTimeFormat(this.locale(), {
-			day: "2-digit",
-			month: "2-digit",
-			year: "numeric"
-		});
-		return {
-			raised: request ? date.format(new Date(request.raisedAt)) : "",
-			due: request?.dueAt ? date.format(new Date(request.dueAt)) : ""
-		};
-	}, ...ngDevMode ? [{ debugName: "dates" }] : /* istanbul ignore next */ []);
-	agInit(params) {
-		this.params = params;
-		this.kind.set(params.kind);
-		this.request.set(params.data ?? null);
-		this.locale.set(params.locale());
-	}
-	refresh(params) {
-		this.agInit(params);
-		return true;
-	}
-	openActions(event) {
-		const request = this.request();
-		if (request) this.params?.actions({
-			request,
-			x: event.clientX,
-			y: event.clientY
-		});
-	}
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.3",
-		ngImport: i0,
-		type: RequestCell,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Component
-	});
-	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "17.0.0",
-		version: "22.2.3",
-		type: RequestCell,
-		isStandalone: true,
-		selector: "wa-request-cell",
-		ngImport: i0,
-		template: "@if (request(); as request) {\n  @switch (kind()) {\n    @case ('title') {\n      <span class=\"font-medium\" [class.text-content]=\"!closed()\" [class.line-through]=\"request.status === 'cancelled'\" data-testid=\"request-title\">{{ request.title }}</span>\n    }\n    @case ('type') {\n      <span class=\"rounded-full border border-border px-2 py-0.5 text-xs text-content\">{{ 'weaver-apps-service-desk.type.' + request.type | transloco }}</span>\n    }\n    @case ('priority') {\n      <span class=\"rounded-full border border-border px-2 py-0.5 text-xs\" [class.text-negative]=\"request.priority === 'urgent'\" [class.font-semibold]=\"request.priority === 'urgent' || request.priority === 'high'\" data-testid=\"request-priority\">{{ 'weaver-apps-service-desk.priority.' + request.priority | transloco }}</span>\n    }\n    @case ('status') {\n      <span class=\"rounded-full border border-border px-2 py-0.5 text-xs text-content\" data-testid=\"request-status\">{{ 'weaver-apps-service-desk.status.' + request.status | transloco }}</span>\n    }\n    @case ('contact') {\n      <span>{{ request.contactName ?? '–' }}</span>\n      @if (request.contactPhone ?? request.contactEmail; as reach) {\n        <span class=\"ml-2 text-content-faint\">{{ reach }}</span>\n      }\n    }\n    @case ('raised') {\n      <span>{{ dates().raised }}</span>\n    }\n    @case ('due') {\n      <span>{{ dates().due }}</span>\n    }\n    @case ('actions') {\n      <button type=\"button\" class=\"relative lw-btn lw-btn--ghost lw-btn--sm lw-btn--icon\" [attr.aria-label]=\"'weaver-apps-service-desk.actions.more' | transloco\" (click)=\"openActions($event)\">\n        <lw-icon name=\"more\" size=\"1rem\"></lw-icon>\n      </button>\n    }\n  }\n}\n",
-		dependencies: [{
-			kind: "pipe",
-			type: TranslocoPipe,
-			name: "transloco"
-		}],
-		changeDetection: i0.ChangeDetectionStrategy.OnPush
-	});
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.3",
-	ngImport: i0,
-	type: RequestCell,
-	decorators: [{
-		type: Component,
-		args: [{
-			selector: "wa-request-cell",
-			imports: [TranslocoPipe],
-			schemas: [CUSTOM_ELEMENTS_SCHEMA],
-			changeDetection: ChangeDetectionStrategy.OnPush,
-			template: "@if (request(); as request) {\n  @switch (kind()) {\n    @case ('title') {\n      <span class=\"font-medium\" [class.text-content]=\"!closed()\" [class.line-through]=\"request.status === 'cancelled'\" data-testid=\"request-title\">{{ request.title }}</span>\n    }\n    @case ('type') {\n      <span class=\"rounded-full border border-border px-2 py-0.5 text-xs text-content\">{{ 'weaver-apps-service-desk.type.' + request.type | transloco }}</span>\n    }\n    @case ('priority') {\n      <span class=\"rounded-full border border-border px-2 py-0.5 text-xs\" [class.text-negative]=\"request.priority === 'urgent'\" [class.font-semibold]=\"request.priority === 'urgent' || request.priority === 'high'\" data-testid=\"request-priority\">{{ 'weaver-apps-service-desk.priority.' + request.priority | transloco }}</span>\n    }\n    @case ('status') {\n      <span class=\"rounded-full border border-border px-2 py-0.5 text-xs text-content\" data-testid=\"request-status\">{{ 'weaver-apps-service-desk.status.' + request.status | transloco }}</span>\n    }\n    @case ('contact') {\n      <span>{{ request.contactName ?? '–' }}</span>\n      @if (request.contactPhone ?? request.contactEmail; as reach) {\n        <span class=\"ml-2 text-content-faint\">{{ reach }}</span>\n      }\n    }\n    @case ('raised') {\n      <span>{{ dates().raised }}</span>\n    }\n    @case ('due') {\n      <span>{{ dates().due }}</span>\n    }\n    @case ('actions') {\n      <button type=\"button\" class=\"relative lw-btn lw-btn--ghost lw-btn--sm lw-btn--icon\" [attr.aria-label]=\"'weaver-apps-service-desk.actions.more' | transloco\" (click)=\"openActions($event)\">\n        <lw-icon name=\"more\" size=\"1rem\"></lw-icon>\n      </button>\n    }\n  }\n}\n"
-		}]
-	}]
-});
-const requestColumn = {
-	title: "title",
-	type: "type",
-	priority: "priority",
-	status: "status",
-	contact: "contact",
-	raised: "raisedAt",
-	due: "dueAt",
-	actions: "actions"
-};
-const defaultStatuses = [
-	ServiceRequestStatus.open,
-	ServiceRequestStatus.inProgress,
-	ServiceRequestStatus.completed
-];
-const defaultRequestFilter = { [requestColumn.status]: { values: [...defaultStatuses] } };
-const sortableColumns = /* @__PURE__ */ new Set([
-	requestColumn.title,
-	requestColumn.priority,
-	requestColumn.status,
-	requestColumn.raised,
-	requestColumn.due
-]);
-function listingOf(request) {
-	const { filters, sort } = request;
-	return {
-		...sort && sortableColumns.has(sort.column) ? {
-			sort: sort.column,
-			descending: sort.descending
-		} : {},
-		...textOf("text", filters[requestColumn.title]),
-		...textOf("contact", filters[requestColumn.contact]),
-		...valuesOf("type", filters[requestColumn.type]),
-		...valuesOf("status", filters[requestColumn.status]),
-		...valuesOf("priority", filters[requestColumn.priority]),
-		offset: request.offset,
-		limit: request.limit
-	};
-}
-function textOf(key, filter) {
-	const text = filter?.filter?.trim();
-	return text ? { [key]: text } : {};
-}
-function valuesOf(key, filter) {
-	const values = filter?.values ?? [];
-	return values.length > 0 ? { [key]: [...values] } : {};
-}
-const allStatuses = [
-	"open",
-	"inProgress",
-	"completed",
-	"cancelled"
-];
-const actionsWidthPx = 72;
-const titleMinWidthPx = 160;
-const contactMinWidthPx = 140;
-const narrowMinWidthPx = 112;
-var RequestGrid = class RequestGrid {
-	table = translateObjectSignal("weaver-apps-service-desk.table");
-	types = translateObjectSignal("weaver-apps-service-desk.type");
-	statuses = translateObjectSignal("weaver-apps-service-desk.status");
-	priorities = translateObjectSignal("weaver-apps-service-desk.priority");
-	api = null;
-	fetch = input.required(...ngDevMode ? [{ debugName: "fetch" }] : /* istanbul ignore next */ []);
-	locale = input.required(...ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []);
-	requestActions = output();
-	counted = output();
-	failed = output();
-	translated = computed(() => typeof this.table() === "object" && typeof this.table()["title"] === "string", ...ngDevMode ? [{ debugName: "translated" }] : /* istanbul ignore next */ []);
-	empty = computed(() => ({ noRowsToShow: this.table()["empty"] ?? "" }), ...ngDevMode ? [{ debugName: "empty" }] : /* istanbul ignore next */ []);
-	options = computed(() => ({
-		columnDefs: this.columns(this.table()),
-		defaultColDef: {
-			sortable: false,
-			resizable: true,
-			suppressHeaderMenuButton: true
-		},
-		datasource: listingDatasource(this.fetch(), {
-			answered: (answer) => this.counted.emit(answer.total),
-			failed: () => this.failed.emit()
-		}),
-		initialState: {
-			sort: { sortModel: [{
-				colId: requestColumn.raised,
-				sort: "desc"
-			}] },
-			filter: { filterModel: { ...defaultRequestFilter } }
-		},
-		rowClassRules: { "text-content-faint": (params) => !!params.data && isClosed(params.data.status) }
-	}), ...ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []);
-	reload() {
-		this.api?.refreshInfiniteCache();
-	}
-	ready(api) {
-		this.api = api;
-	}
-	columns(table) {
-		const narrow = {
-			flex: 1,
-			minWidth: narrowMinWidthPx
-		};
-		return [
-			{
-				...this.cell(requestColumn.title, "title", table["title"]),
-				sortable: true,
-				flex: 3,
-				minWidth: titleMinWidthPx,
-				filter: "agTextColumnFilter",
-				filterParams: {
-					filterOptions: ["contains"],
-					maxNumConditions: 1
-				}
-			},
-			{
-				...this.cell(requestColumn.type, "type", table["type"]),
-				...narrow,
-				filter: ListFilter,
-				filterParams: this.choices(requestTypes, this.types)
-			},
-			{
-				...this.cell(requestColumn.priority, "priority", table["priority"]),
-				...narrow,
-				sortable: true,
-				filter: ListFilter,
-				filterParams: this.choices(requestPriorities, this.priorities)
-			},
-			{
-				...this.cell(requestColumn.status, "status", table["status"]),
-				...narrow,
-				sortable: true,
-				filter: ListFilter,
-				filterParams: this.choices(allStatuses, this.statuses)
-			},
-			{
-				...this.cell(requestColumn.contact, "contact", table["contact"]),
-				flex: 2,
-				minWidth: contactMinWidthPx,
-				filter: "agTextColumnFilter",
-				filterParams: {
-					filterOptions: ["contains"],
-					maxNumConditions: 1
-				}
-			},
-			{
-				...this.cell(requestColumn.raised, "raised", table["raised"]),
-				...narrow,
-				sortable: true,
-				sortingOrder: ["desc", "asc"]
-			},
-			{
-				...this.cell(requestColumn.due, "due", table["due"]),
-				...narrow,
-				sortable: true
-			},
-			{
-				...this.cell(requestColumn.actions, "actions", ""),
-				width: actionsWidthPx,
-				resizable: false,
-				sortable: false
-			}
-		];
-	}
-	cell(colId, kind, headerName) {
-		return {
-			colId,
-			headerName: headerName ?? "",
-			cellRenderer: RequestCell,
-			cellRendererParams: {
-				kind,
-				locale: () => this.locale(),
-				actions: (actions) => this.requestActions.emit(actions)
-			}
-		};
-	}
-	choices(values, labels) {
-		return { options: () => values.map((value) => ({
-			value,
-			label: labels()[value] ?? value
-		})) };
-	}
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.3",
-		ngImport: i0,
-		type: RequestGrid,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Component
-	});
-	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "17.0.0",
-		version: "22.2.3",
-		type: RequestGrid,
-		isStandalone: true,
-		selector: "wa-request-grid",
-		inputs: {
-			fetch: {
-				classPropertyName: "fetch",
-				publicName: "fetch",
-				isSignal: true,
-				isRequired: true,
-				transformFunction: null
-			},
-			locale: {
-				classPropertyName: "locale",
-				publicName: "locale",
-				isSignal: true,
-				isRequired: true,
-				transformFunction: null
-			}
-		},
-		outputs: {
-			requestActions: "requestActions",
-			counted: "counted",
-			failed: "failed"
-		},
-		host: { classAttribute: "block h-full w-full" },
-		ngImport: i0,
-		template: "@if (translated()) {\n  <wa-data-grid [options]=\"options()\" [localeOverrides]=\"empty()\" (ready)=\"ready($event)\" />\n}\n",
-		dependencies: [{
-			kind: "component",
-			type: DataGrid,
-			selector: "wa-data-grid",
-			inputs: ["options", "localeOverrides"],
-			outputs: ["ready"]
-		}],
-		changeDetection: i0.ChangeDetectionStrategy.OnPush
-	});
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.3",
-	ngImport: i0,
-	type: RequestGrid,
-	decorators: [{
-		type: Component,
-		args: [{
-			selector: "wa-request-grid",
-			imports: [DataGrid],
-			changeDetection: ChangeDetectionStrategy.OnPush,
-			host: { class: "block h-full w-full" },
-			template: "@if (translated()) {\n  <wa-data-grid [options]=\"options()\" [localeOverrides]=\"empty()\" (ready)=\"ready($event)\" />\n}\n"
-		}]
-	}],
-	propDecorators: {
-		fetch: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "fetch",
-				required: true
-			}]
-		}],
-		locale: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "locale",
-				required: true
-			}]
-		}],
-		requestActions: [{
-			type: i0.Output,
-			args: ["requestActions"]
-		}],
-		counted: [{
-			type: i0.Output,
-			args: ["counted"]
-		}],
-		failed: [{
-			type: i0.Output,
-			args: ["failed"]
-		}]
-	}
-});
-var DeskPage = class DeskPage {
-	gateway = inject(SERVICE_DESK_GATEWAY);
-	route = inject(ActivatedRoute);
-	grid = viewChild(RequestGrid, ...ngDevMode ? [{ debugName: "grid" }] : /* istanbul ignore next */ []);
-	locale = activeLocale();
-	deskId = toSignal(this.route.paramMap.pipe(map((params) => params.get("deskId") ?? "")), { initialValue: this.route.snapshot.paramMap.get("deskId") ?? "" });
-	count = signal(null, ...ngDevMode ? [{ debugName: "count" }] : /* istanbul ignore next */ []);
-	loadFailed = signal(false, ...ngDevMode ? [{ debugName: "loadFailed" }] : /* istanbul ignore next */ []);
-	desk = resource({
-		...ngDevMode ? { debugName: "desk" } : /* istanbul ignore next */ {},
-		params: () => this.deskId(),
-		loader: ({ params }) => this.gateway.desk(params)
-	});
-	fetch = computed(() => {
-		const deskId = this.deskId();
-		return async (request) => {
-			const page = await this.gateway.requests(deskId, listingOf(request));
-			return {
-				items: page.items,
-				total: Number(page.total)
-			};
-		};
-	}, ...ngDevMode ? [{ debugName: "fetch" }] : /* istanbul ignore next */ []);
-	counted(total) {
-		this.loadFailed.set(false);
-		this.count.set(total);
-	}
-	failed() {
-		this.loadFailed.set(true);
-	}
-	add() {
-		this.openDialog({
-			deskId: this.deskId(),
-			request: null
-		}, "weaver-apps-service-desk.dialog.addTitle");
-	}
-	actions({ request, x, y }) {
-		const closed = isClosed(request.status);
-		serviceDeskHost.ui.openMenu([
-			{
-				label: closed ? "weaver-apps-service-desk.actions.view" : "weaver-apps-service-desk.actions.edit",
-				icon: closed ? "preview" : "edit",
-				run: () => this.open(request)
-			},
-			...closed ? [] : [{
-				label: "weaver-apps-service-desk.actions.complete",
-				icon: serviceDeskIconNames.complete,
-				run: () => void this.complete(request)
-			}, {
-				label: "weaver-apps-service-desk.actions.cancel",
-				icon: serviceDeskIconNames.cancel,
-				run: () => void this.cancel(request)
-			}],
-			{
-				label: "weaver-apps-service-desk.actions.delete",
-				icon: "trash",
-				run: () => void this.remove(request)
-			}
-		], {
-			x,
-			y
-		});
-	}
-	open(request) {
-		const closed = isClosed(request.status);
-		this.openDialog({
-			deskId: this.deskId(),
-			request
-		}, closed ? "weaver-apps-service-desk.dialog.viewTitle" : "weaver-apps-service-desk.dialog.editTitle");
-	}
-	async complete(request) {
-		await this.attempt(async () => this.report(await this.gateway.complete(this.deskId(), request.id), "weaver-apps-service-desk.complete.done"));
-	}
-	async cancel(request) {
-		const reason = await serviceDeskHost.ui.prompt({
-			title: "weaver-apps-service-desk.cancel.title",
-			message: "weaver-apps-service-desk.cancel.message",
-			confirmLabel: "weaver-apps-service-desk.cancel.confirm",
-			tone: "warning"
-		});
-		if (reason === null) return;
-		await this.attempt(async () => this.report(await this.gateway.cancel(this.deskId(), request.id, reason.trim() || null), "weaver-apps-service-desk.cancel.done"));
-	}
-	async remove(request) {
-		if (!await serviceDeskHost.ui.confirm({
-			title: "weaver-apps-service-desk.delete.title",
-			message: "weaver-apps-service-desk.delete.message",
-			confirmLabel: "weaver-apps-service-desk.delete.confirm",
-			tone: "danger"
-		})) return;
-		await this.attempt(async () => {
-			await this.gateway.remove(this.deskId(), request.id);
-			serviceDeskHost.ui.toast({
-				message: "weaver-apps-service-desk.delete.done",
-				kind: "success"
-			});
-			this.reload();
-		});
-	}
-	reload() {
-		this.grid()?.reload();
-	}
-	async attempt(work) {
-		try {
-			await work();
-		} catch {
-			serviceDeskHost.ui.toast({
-				message: "weaver-apps-service-desk.errors.save",
-				kind: "error"
-			});
-			this.reload();
-		}
-	}
-	openDialog(data, title) {
-		serviceDeskHost.ui.open(RequestDialog, {
-			data,
-			title,
-			size: "lg",
-			dismiss: "explicit"
-		}).closed.then((saved) => {
-			if (saved) {
-				serviceDeskHost.ui.toast({
-					message: "weaver-apps-service-desk.dialog.saved",
-					kind: "success"
-				});
-				this.reload();
-			}
-		});
-	}
-	report(outcome, done) {
-		const saved = outcome.kind === "saved";
-		serviceDeskHost.ui.toast({
-			message: saved ? done : "weaver-apps-service-desk.errors.save",
-			kind: saved ? "success" : "error"
-		});
-		this.reload();
-	}
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.3",
-		ngImport: i0,
-		type: DeskPage,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Component
-	});
-	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "17.0.0",
-		version: "22.2.3",
-		type: DeskPage,
-		isStandalone: true,
-		selector: "wa-desk-page",
-		viewQueries: [{
-			propertyName: "grid",
-			first: true,
-			predicate: RequestGrid,
-			descendants: true,
-			isSignal: true
-		}],
-		ngImport: i0,
-		template: "<div class=\"flex h-full flex-col gap-4 p-6\">\n  <div class=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n    <h2 class=\"text-lg font-semibold text-content\">{{ desk.value()?.name ?? ('weaver-apps-service-desk.title' | transloco) }}</h2>\n    <div class=\"flex flex-wrap items-center gap-3\">\n      @if (count() !== null) {\n        <span class=\"text-sm text-content-faint\" data-testid=\"request-count\">{{ 'weaver-apps-service-desk.table.count' | transloco: { count: count() } }}</span>\n      }\n      <button type=\"button\" class=\"lw-btn lw-btn--primary\" (click)=\"add()\">\n        <lw-icon name=\"add\" size=\"1rem\"></lw-icon>\n        {{ 'weaver-apps-service-desk.actions.add' | transloco }}\n      </button>\n    </div>\n  </div>\n\n  @if (loadFailed()) {\n    <p class=\"text-sm text-negative\" role=\"alert\">{{ 'weaver-apps-service-desk.errors.load' | transloco }}</p>\n  }\n  <div class=\"min-h-80 flex-1\">\n    <wa-request-grid [fetch]=\"fetch()\" [locale]=\"locale()\" (requestActions)=\"actions($event)\" (counted)=\"counted($event)\" (failed)=\"failed()\" />\n  </div>\n</div>\n",
-		dependencies: [{
-			kind: "component",
-			type: RequestGrid,
-			selector: "wa-request-grid",
-			inputs: ["fetch", "locale"],
-			outputs: [
-				"requestActions",
-				"counted",
-				"failed"
-			]
-		}, {
-			kind: "pipe",
-			type: TranslocoPipe,
-			name: "transloco"
-		}],
-		changeDetection: i0.ChangeDetectionStrategy.OnPush
-	});
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.3",
-	ngImport: i0,
-	type: DeskPage,
-	decorators: [{
-		type: Component,
-		args: [{
-			selector: "wa-desk-page",
-			imports: [TranslocoPipe, RequestGrid],
-			schemas: [CUSTOM_ELEMENTS_SCHEMA],
-			changeDetection: ChangeDetectionStrategy.OnPush,
-			template: "<div class=\"flex h-full flex-col gap-4 p-6\">\n  <div class=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n    <h2 class=\"text-lg font-semibold text-content\">{{ desk.value()?.name ?? ('weaver-apps-service-desk.title' | transloco) }}</h2>\n    <div class=\"flex flex-wrap items-center gap-3\">\n      @if (count() !== null) {\n        <span class=\"text-sm text-content-faint\" data-testid=\"request-count\">{{ 'weaver-apps-service-desk.table.count' | transloco: { count: count() } }}</span>\n      }\n      <button type=\"button\" class=\"lw-btn lw-btn--primary\" (click)=\"add()\">\n        <lw-icon name=\"add\" size=\"1rem\"></lw-icon>\n        {{ 'weaver-apps-service-desk.actions.add' | transloco }}\n      </button>\n    </div>\n  </div>\n\n  @if (loadFailed()) {\n    <p class=\"text-sm text-negative\" role=\"alert\">{{ 'weaver-apps-service-desk.errors.load' | transloco }}</p>\n  }\n  <div class=\"min-h-80 flex-1\">\n    <wa-request-grid [fetch]=\"fetch()\" [locale]=\"locale()\" (requestActions)=\"actions($event)\" (counted)=\"counted($event)\" (failed)=\"failed()\" />\n  </div>\n</div>\n"
-		}]
-	}],
-	propDecorators: { grid: [{
-		type: i0.ViewChild,
-		args: [i0.forwardRef(() => RequestGrid), { isSignal: true }]
-	}] }
-});
+import { a as serviceDeskIconNames, i as serviceDeskContributionIds, n as ServiceDeskGatewayError, o as serviceDeskPluginId, r as provideServiceDeskGateway, s as serviceDeskHost, t as SERVICE_DESK_GATEWAY } from "./weaver-apps-service-desk-service-desk-gateway-BK42Rgow.mjs";
+import { n as deskPath, t as deskListPath } from "./weaver-apps-service-desk-service-desk-paths-BmQrbz-V.mjs";
 const stroke = "fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"";
 const serviceDeskIcons = {
 	[serviceDeskIconNames.desk]: `<svg viewBox="0 0 24 24" ${stroke}><path d="M4 13.5V7a2.5 2.5 0 0 1 2.5-2.5h11A2.5 2.5 0 0 1 20 7v6.5"/><path d="M3 13.5h5l1.5 2.5h5l1.5-2.5h5V18a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/></svg>`,
@@ -898,14 +27,14 @@ function createServiceDeskPlugin(options = {}) {
 				title: "weaver-apps-service-desk.desks.title",
 				icon: serviceDeskIconNames.desk,
 				routable: { path: deskListPath },
-				component: DeskListPage
+				loadComponent: () => import("./weaver-apps-service-desk-desk-list-page-DPxs6zRX.mjs").then((module) => module.DeskListPage)
 			});
 			ctx.registerSurface({
 				id: serviceDeskContributionIds.desk,
 				title: "weaver-apps-service-desk.title",
 				icon: serviceDeskIconNames.desk,
 				routable: { path: `${deskListPath}/:deskId` },
-				component: DeskPage
+				loadComponent: () => import("./weaver-apps-service-desk-desk-page-CgKsdNiZ.mjs").then((module) => module.DeskPage)
 			});
 			if (options.railItem) ctx.registerRailItem({
 				id: serviceDeskContributionIds.rail,