@weaver-apps/calendar 0.1.3 → 0.3.0

package/fesm2022/weaver-apps-calendar.mjs

@@ -1,637 +1,16 @@
-import * as i0 from "@angular/core";
-import { CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, Component, DestroyRef, InjectionToken, computed, inject, input, output, resource, signal } from "@angular/core";
-import { TranslocoPipe, TranslocoService } 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";
-var CalendarGatewayError = class extends Error {
-	status;
-	constructor(status) {
-		super(`The calendar answered ${status}.`);
-		this.status = status;
-	}
-};
-const CALENDAR_GATEWAY = new InjectionToken("weaver-apps.calendar.gateway");
-function provideCalendarGateway(gateway) {
-	return {
-		provide: CALENDAR_GATEWAY,
-		useValue: gateway
-	};
-}
-var CalendarHost = class {
-	ctx;
-	bind(ctx) {
-		this.ctx = ctx;
-	}
-	unbind() {
-		this.ctx = void 0;
-	}
-	get ui() {
-		if (!this.ctx) throw new Error("The calendar plugin is not active.");
-		return this.ctx.ui;
-	}
-	navigate(path) {
-		this.ctx?.navigateContent(path);
-	}
-};
-const calendarHost = new CalendarHost();
-const calendarListPath = "calendar";
-function calendarPath(calendarId) {
-	return `${calendarListPath}/${calendarId}`;
-}
-var CalendarListPage = class CalendarListPage {
-	gateway = inject(CALENDAR_GATEWAY);
-	calendars = resource({
-		...ngDevMode ? { debugName: "calendars" } : /* istanbul ignore next */ {},
-		loader: () => this.gateway.calendars()
-	});
-	open(calendarId) {
-		calendarHost.navigate(calendarPath(calendarId));
-	}
-	async create() {
-		const name = await calendarHost.ui.prompt({
-			title: "calendar.calendars.create",
-			message: "calendar.calendars.createMessage",
-			confirmLabel: "calendar.calendars.createConfirm"
-		});
-		if (!name?.trim()) return;
-		try {
-			const calendar = await this.gateway.saveCalendar(crypto.randomUUID(), name.trim());
-			this.open(calendar.id);
-		} catch {
-			calendarHost.ui.toast({
-				message: "calendar.errors.create",
-				kind: "error"
-			});
-		}
-	}
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.3",
-		ngImport: i0,
-		type: CalendarListPage,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Component
-	});
-	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "17.0.0",
-		version: "22.2.3",
-		type: CalendarListPage,
-		isStandalone: true,
-		selector: "wa-calendar-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\">{{ 'calendar.calendars.title' | transloco }}</h2>\n    <button type=\"button\" class=\"lw-btn lw-btn--primary\" (click)=\"create()\">{{ 'calendar.calendars.create' | transloco }}</button>\n  </div>\n  @if (calendars.error()) {\n    <p class=\"text-sm text-negative\" role=\"alert\">{{ 'calendar.errors.load' | transloco }}</p>\n  } @else if (calendars.hasValue()) {\n    <ul role=\"list\" class=\"divide-y divide-border rounded-xl border border-border bg-surface\">\n      @for (calendar of calendars.value(); track calendar.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(calendar.id)\">\n            <lw-icon name=\"calendar\" size=\"1.25rem\"></lw-icon>\n            <span>{{ calendar.name }}</span>\n          </button>\n        </li>\n      } @empty {\n        <li class=\"px-4 py-8 text-center text-sm text-content-faint\">{{ 'calendar.calendars.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: CalendarListPage,
-	decorators: [{
-		type: Component,
-		args: [{
-			selector: "wa-calendar-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\">{{ 'calendar.calendars.title' | transloco }}</h2>\n    <button type=\"button\" class=\"lw-btn lw-btn--primary\" (click)=\"create()\">{{ 'calendar.calendars.create' | transloco }}</button>\n  </div>\n  @if (calendars.error()) {\n    <p class=\"text-sm text-negative\" role=\"alert\">{{ 'calendar.errors.load' | transloco }}</p>\n  } @else if (calendars.hasValue()) {\n    <ul role=\"list\" class=\"divide-y divide-border rounded-xl border border-border bg-surface\">\n      @for (calendar of calendars.value(); track calendar.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(calendar.id)\">\n            <lw-icon name=\"calendar\" size=\"1.25rem\"></lw-icon>\n            <span>{{ calendar.name }}</span>\n          </button>\n        </li>\n      } @empty {\n        <li class=\"px-4 py-8 text-center text-sm text-content-faint\">{{ 'calendar.calendars.empty' | transloco }}</li>\n      }\n    </ul>\n  }\n</div>\n"
-		}]
-	}]
-});
-const daysPerWeek = 7;
-const sunday = 0;
-const daysFromSundayToMonday = 6;
-function startOfWeek(date) {
-	const start = new Date(date.getFullYear(), date.getMonth(), date.getDate());
-	const offset = start.getDay() === sunday ? daysFromSundayToMonday : start.getDay() - 1;
-	start.setDate(start.getDate() - offset);
-	return start;
-}
-function addWeeks(weekStart, weeks) {
-	const moved = new Date(weekStart);
-	moved.setDate(moved.getDate() + weeks * daysPerWeek);
-	return moved;
-}
-function weekRange(weekStart) {
-	return {
-		from: weekStart,
-		until: addWeeks(weekStart, 1)
-	};
-}
-function localDate(value) {
-	const pad = (part) => `${part}`.padStart(2, "0");
-	return `${value.getFullYear()}-${pad(value.getMonth() + 1)}-${pad(value.getDate())}`;
-}
-function localTime(value) {
-	const pad = (part) => `${part}`.padStart(2, "0");
-	return `${pad(value.getHours())}:${pad(value.getMinutes())}`;
-}
-function combine(date, time) {
-	const combined = /* @__PURE__ */ new Date(`${date}T${time}`);
-	return Number.isNaN(combined.getTime()) ? null : combined;
-}
-function activeLocale() {
-	const transloco = inject(TranslocoService);
-	return toSignal(transloco.langChanges$, { initialValue: transloco.getActiveLang() });
-}
-const AppointmentStatus = {
-	scheduled: "scheduled",
-	confirmed: "confirmed",
-	completed: "completed",
-	noShow: "noShow",
-	cancelled: "cancelled"
-};
-const defaultStart = "09:00";
-const defaultEnd = "10:00";
-const settableStatuses = [
-	AppointmentStatus.scheduled,
-	AppointmentStatus.confirmed,
-	AppointmentStatus.completed,
-	AppointmentStatus.noShow
-];
-var AppointmentDialog = class AppointmentDialog {
-	dialog = inject(DialogRef);
-	gateway = inject(CALENDAR_GATEWAY);
-	data = this.dialog.data;
-	existing = this.data.appointment;
-	locale = activeLocale();
-	editing = this.existing !== null;
-	statuses = settableStatuses;
-	title = signal(this.existing?.title ?? "", ...ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []);
-	date = signal(localDate(this.existing ? new Date(this.existing.start) : this.data.day), ...ngDevMode ? [{ debugName: "date" }] : /* istanbul ignore next */ []);
-	start = signal(this.existing ? localTime(new Date(this.existing.start)) : defaultStart, ...ngDevMode ? [{ debugName: "start" }] : /* istanbul ignore next */ []);
-	endDate = signal(localDate(this.existing ? new Date(this.existing.end) : this.data.day), ...ngDevMode ? [{ debugName: "endDate" }] : /* istanbul ignore next */ []);
-	end = signal(this.existing ? localTime(new Date(this.existing.end)) : defaultEnd, ...ngDevMode ? [{ debugName: "end" }] : /* istanbul ignore next */ []);
-	location = signal(this.existing?.location ?? "", ...ngDevMode ? [{ debugName: "location" }] : /* 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 */ []);
-	description = signal(this.existing?.description ?? "", ...ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []);
-	status = signal(this.existing?.status ?? AppointmentStatus.scheduled, ...ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ []);
-	saving = signal(false, ...ngDevMode ? [{ debugName: "saving" }] : /* istanbul ignore next */ []);
-	problem = signal({ kind: "none" }, ...ngDevMode ? [{ debugName: "problem" }] : /* istanbul ignore next */ []);
-	persisted = false;
-	problemKey = computed(() => {
-		const problem = this.problem();
-		return problem.kind === "message" ? problem.key : "";
-	}, ...ngDevMode ? [{ debugName: "problemKey" }] : /* istanbul ignore next */ []);
-	conflictTimes = computed(() => {
-		const problem = this.problem();
-		if (problem.kind !== "conflict") return [];
-		const format = new Intl.DateTimeFormat(this.locale(), {
-			dateStyle: "short",
-			timeStyle: "short"
-		});
-		return problem.conflicts.map((conflict) => `${format.format(new Date(conflict.start))} – ${format.format(new Date(conflict.end))}`);
-	}, ...ngDevMode ? [{ debugName: "conflictTimes" }] : /* istanbul ignore next */ []);
-	bind(target, event) {
-		target.set(event.target.value);
-	}
-	bindDate(event) {
-		const value = event.target.value;
-		if (this.endDate() === this.date()) this.endDate.set(value);
-		this.date.set(value);
-	}
-	chooseStatus(event) {
-		const chosen = settableStatuses.find((status) => status === event.target.value);
-		if (chosen) this.status.set(chosen);
-	}
-	close() {
-		this.dialog.close(this.persisted);
-	}
-	async save() {
-		const request = this.request();
-		if (!request) return;
-		this.saving.set(true);
-		try {
-			const outcome = this.existing ? await this.gateway.update(this.data.calendarId, this.existing.id, request) : await this.gateway.book(this.data.calendarId, request);
-			const final = await this.applyStatus(outcome);
-			this.settle(final);
-		} catch {
-			this.problem.set({
-				kind: "message",
-				key: "calendar.errors.save"
-			});
-		} finally {
-			this.saving.set(false);
-		}
-	}
-	request() {
-		const startsAt = combine(this.date(), this.start());
-		const endsAt = combine(this.endDate(), this.end());
-		if (!this.title().trim()) {
-			this.problem.set({
-				kind: "message",
-				key: "calendar.dialog.titleRequired"
-			});
-			return null;
-		}
-		if (!startsAt || !endsAt || endsAt <= startsAt) {
-			this.problem.set({
-				kind: "message",
-				key: "calendar.dialog.periodInvalid"
-			});
-			return null;
-		}
-		return {
-			title: this.title().trim(),
-			start: startsAt.toISOString(),
-			end: endsAt.toISOString(),
-			description: this.optional(this.description()),
-			location: this.optional(this.location()),
-			contactName: this.optional(this.contactName()),
-			contactPhone: this.optional(this.contactPhone()),
-			contactEmail: this.optional(this.contactEmail())
-		};
-	}
-	async applyStatus(outcome) {
-		if (outcome.kind === "saved") {
-			this.existing = outcome.appointment;
-			this.persisted = true;
-		}
-		if (outcome.kind !== "saved" || outcome.appointment.status === this.status()) return outcome;
-		return this.gateway.setStatus(this.data.calendarId, outcome.appointment.id, this.status());
-	}
-	settle(outcome) {
-		switch (outcome.kind) {
-			case "saved":
-				this.dialog.close(true);
-				return;
-			case "conflict":
-				this.problem.set({
-					kind: "conflict",
-					conflicts: outcome.conflicts
-				});
-				return;
-			case "closed":
-				this.problem.set({
-					kind: "message",
-					key: "calendar.dialog.closed"
-				});
-				return;
-			case "changed":
-				this.problem.set({
-					kind: "message",
-					key: "calendar.dialog.changed"
-				});
-				return;
-			case "invalid":
-				this.problem.set({
-					kind: "message",
-					key: "calendar.dialog.invalid"
-				});
-				return;
-			default: this.problem.set({
-				kind: "message",
-				key: "calendar.dialog.missing"
-			});
-		}
-	}
-	optional(value) {
-		return value.trim() ? value.trim() : null;
-	}
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.3",
-		ngImport: i0,
-		type: AppointmentDialog,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Component
-	});
-	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "17.0.0",
-		version: "22.2.3",
-		type: AppointmentDialog,
-		isStandalone: true,
-		selector: "wa-appointment-dialog",
-		ngImport: i0,
-		template: "<form class=\"flex flex-col gap-4\" (submit)=\"$event.preventDefault(); save()\">\n  <label class=\"flex flex-col gap-1 text-sm text-content\">\n    {{ 'calendar.fields.title' | transloco }}\n    <input class=\"lw-field\" required [value]=\"title()\" (input)=\"bind(title, $event)\" />\n  </label>\n\n  <div class=\"grid grid-cols-2 gap-4 sm:grid-cols-4\">\n    <label class=\"flex flex-col gap-1 text-sm text-content\">\n      {{ 'calendar.fields.date' | transloco }}\n      <input class=\"lw-field\" type=\"date\" required [value]=\"date()\" (input)=\"bindDate($event)\" />\n    </label>\n    <label class=\"flex flex-col gap-1 text-sm text-content\">\n      {{ 'calendar.fields.start' | transloco }}\n      <input class=\"lw-field\" type=\"time\" required [value]=\"start()\" (input)=\"bind(start, $event)\" />\n    </label>\n    <label class=\"flex flex-col gap-1 text-sm text-content\">\n      {{ 'calendar.fields.endDate' | transloco }}\n      <input class=\"lw-field\" type=\"date\" required [value]=\"endDate()\" (input)=\"bind(endDate, $event)\" />\n    </label>\n    <label class=\"flex flex-col gap-1 text-sm text-content\">\n      {{ 'calendar.fields.end' | transloco }}\n      <input class=\"lw-field\" type=\"time\" required [value]=\"end()\" (input)=\"bind(end, $event)\" />\n    </label>\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      {{ 'calendar.fields.contactName' | transloco }}\n      <input class=\"lw-field\" [value]=\"contactName()\" (input)=\"bind(contactName, $event)\" />\n    </label>\n    <label class=\"flex flex-col gap-1 text-sm text-content\">\n      {{ 'calendar.fields.contactPhone' | transloco }}\n      <input class=\"lw-field\" type=\"tel\" [value]=\"contactPhone()\" (input)=\"bind(contactPhone, $event)\" />\n    </label>\n    <label class=\"flex flex-col gap-1 text-sm text-content\">\n      {{ 'calendar.fields.contactEmail' | transloco }}\n      <input class=\"lw-field\" type=\"email\" [value]=\"contactEmail()\" (input)=\"bind(contactEmail, $event)\" />\n    </label>\n  </div>\n\n  <label class=\"flex flex-col gap-1 text-sm text-content\">\n    {{ 'calendar.fields.location' | transloco }}\n    <input class=\"lw-field\" [value]=\"location()\" (input)=\"bind(location, $event)\" />\n  </label>\n\n  <label class=\"flex flex-col gap-1 text-sm text-content\">\n    {{ 'calendar.fields.description' | transloco }}\n    <textarea class=\"lw-field\" rows=\"3\" [value]=\"description()\" (input)=\"bind(description, $event)\"></textarea>\n  </label>\n\n  @if (editing) {\n    <label class=\"flex flex-col gap-1 text-sm text-content\">\n      {{ 'calendar.fields.status' | transloco }}\n      <select class=\"lw-field\" [value]=\"status()\" (change)=\"chooseStatus($event)\">\n        @for (choice of statuses; track choice) {\n          <option [value]=\"choice\" [selected]=\"choice === status()\">{{ 'calendar.status.' + choice | transloco }}</option>\n        }\n      </select>\n    </label>\n  }\n\n  @switch (problem().kind) {\n    @case ('message') {\n      <p class=\"text-sm text-negative\" role=\"alert\">{{ problemKey() | transloco }}</p>\n    }\n    @case ('conflict') {\n      <div class=\"text-sm text-negative\" role=\"alert\">\n        <p>{{ 'calendar.dialog.conflict' | transloco }}</p>\n        <ul class=\"list-disc pl-5\">\n          @for (time of conflictTimes(); track time) {\n            <li>{{ time }}</li>\n          }\n        </ul>\n      </div>\n    }\n  }\n\n  <div class=\"flex justify-end gap-2\">\n    <button type=\"button\" class=\"lw-btn lw-btn--default\" (click)=\"close()\">{{ 'calendar.dialog.cancel' | transloco }}</button>\n    <button type=\"submit\" class=\"lw-btn lw-btn--primary\" [disabled]=\"saving()\">{{ 'calendar.dialog.save' | transloco }}</button>\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: AppointmentDialog,
-	decorators: [{
-		type: Component,
-		args: [{
-			selector: "wa-appointment-dialog",
-			imports: [TranslocoPipe],
-			changeDetection: ChangeDetectionStrategy.OnPush,
-			template: "<form class=\"flex flex-col gap-4\" (submit)=\"$event.preventDefault(); save()\">\n  <label class=\"flex flex-col gap-1 text-sm text-content\">\n    {{ 'calendar.fields.title' | transloco }}\n    <input class=\"lw-field\" required [value]=\"title()\" (input)=\"bind(title, $event)\" />\n  </label>\n\n  <div class=\"grid grid-cols-2 gap-4 sm:grid-cols-4\">\n    <label class=\"flex flex-col gap-1 text-sm text-content\">\n      {{ 'calendar.fields.date' | transloco }}\n      <input class=\"lw-field\" type=\"date\" required [value]=\"date()\" (input)=\"bindDate($event)\" />\n    </label>\n    <label class=\"flex flex-col gap-1 text-sm text-content\">\n      {{ 'calendar.fields.start' | transloco }}\n      <input class=\"lw-field\" type=\"time\" required [value]=\"start()\" (input)=\"bind(start, $event)\" />\n    </label>\n    <label class=\"flex flex-col gap-1 text-sm text-content\">\n      {{ 'calendar.fields.endDate' | transloco }}\n      <input class=\"lw-field\" type=\"date\" required [value]=\"endDate()\" (input)=\"bind(endDate, $event)\" />\n    </label>\n    <label class=\"flex flex-col gap-1 text-sm text-content\">\n      {{ 'calendar.fields.end' | transloco }}\n      <input class=\"lw-field\" type=\"time\" required [value]=\"end()\" (input)=\"bind(end, $event)\" />\n    </label>\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      {{ 'calendar.fields.contactName' | transloco }}\n      <input class=\"lw-field\" [value]=\"contactName()\" (input)=\"bind(contactName, $event)\" />\n    </label>\n    <label class=\"flex flex-col gap-1 text-sm text-content\">\n      {{ 'calendar.fields.contactPhone' | transloco }}\n      <input class=\"lw-field\" type=\"tel\" [value]=\"contactPhone()\" (input)=\"bind(contactPhone, $event)\" />\n    </label>\n    <label class=\"flex flex-col gap-1 text-sm text-content\">\n      {{ 'calendar.fields.contactEmail' | transloco }}\n      <input class=\"lw-field\" type=\"email\" [value]=\"contactEmail()\" (input)=\"bind(contactEmail, $event)\" />\n    </label>\n  </div>\n\n  <label class=\"flex flex-col gap-1 text-sm text-content\">\n    {{ 'calendar.fields.location' | transloco }}\n    <input class=\"lw-field\" [value]=\"location()\" (input)=\"bind(location, $event)\" />\n  </label>\n\n  <label class=\"flex flex-col gap-1 text-sm text-content\">\n    {{ 'calendar.fields.description' | transloco }}\n    <textarea class=\"lw-field\" rows=\"3\" [value]=\"description()\" (input)=\"bind(description, $event)\"></textarea>\n  </label>\n\n  @if (editing) {\n    <label class=\"flex flex-col gap-1 text-sm text-content\">\n      {{ 'calendar.fields.status' | transloco }}\n      <select class=\"lw-field\" [value]=\"status()\" (change)=\"chooseStatus($event)\">\n        @for (choice of statuses; track choice) {\n          <option [value]=\"choice\" [selected]=\"choice === status()\">{{ 'calendar.status.' + choice | transloco }}</option>\n        }\n      </select>\n    </label>\n  }\n\n  @switch (problem().kind) {\n    @case ('message') {\n      <p class=\"text-sm text-negative\" role=\"alert\">{{ problemKey() | transloco }}</p>\n    }\n    @case ('conflict') {\n      <div class=\"text-sm text-negative\" role=\"alert\">\n        <p>{{ 'calendar.dialog.conflict' | transloco }}</p>\n        <ul class=\"list-disc pl-5\">\n          @for (time of conflictTimes(); track time) {\n            <li>{{ time }}</li>\n          }\n        </ul>\n      </div>\n    }\n  }\n\n  <div class=\"flex justify-end gap-2\">\n    <button type=\"button\" class=\"lw-btn lw-btn--default\" (click)=\"close()\">{{ 'calendar.dialog.cancel' | transloco }}</button>\n    <button type=\"submit\" class=\"lw-btn lw-btn--primary\" [disabled]=\"saving()\">{{ 'calendar.dialog.save' | transloco }}</button>\n  </div>\n</form>\n"
-		}]
-	}]
-});
-var AppointmentTable = class AppointmentTable {
-	appointments = input.required(...ngDevMode ? [{ debugName: "appointments" }] : /* istanbul ignore next */ []);
-	locale = input.required(...ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []);
-	editAppointment = output();
-	cancelAppointment = output();
-	deleteAppointment = output();
-	rows = computed(() => {
-		const day = new Intl.DateTimeFormat(this.locale(), {
-			weekday: "short",
-			day: "2-digit",
-			month: "2-digit",
-			year: "numeric"
-		});
-		const time = new Intl.DateTimeFormat(this.locale(), {
-			hour: "2-digit",
-			minute: "2-digit"
-		});
-		return this.appointments().map((appointment) => ({
-			appointment,
-			day: day.format(new Date(appointment.start)),
-			hours: `${time.format(new Date(appointment.start))} – ${time.format(new Date(appointment.end))}`,
-			cancelled: appointment.status === "cancelled",
-			statusKey: `calendar.status.${appointment.status}`
-		}));
-	}, ...ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []);
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.3",
-		ngImport: i0,
-		type: AppointmentTable,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Component
-	});
-	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "17.0.0",
-		version: "22.2.3",
-		type: AppointmentTable,
-		isStandalone: true,
-		selector: "wa-appointment-table",
-		inputs: {
-			appointments: {
-				classPropertyName: "appointments",
-				publicName: "appointments",
-				isSignal: true,
-				isRequired: true,
-				transformFunction: null
-			},
-			locale: {
-				classPropertyName: "locale",
-				publicName: "locale",
-				isSignal: true,
-				isRequired: true,
-				transformFunction: null
-			}
-		},
-		outputs: {
-			editAppointment: "editAppointment",
-			cancelAppointment: "cancelAppointment",
-			deleteAppointment: "deleteAppointment"
-		},
-		ngImport: i0,
-		template: "<table class=\"w-full border-collapse text-sm\">\n  <thead class=\"border-y border-border bg-surface-raised\">\n    <tr>\n      <th scope=\"col\" class=\"px-4 py-2 text-left text-xs font-medium uppercase tracking-wide text-content-faint\">{{ 'calendar.table.when' | transloco }}</th>\n      <th scope=\"col\" class=\"px-4 py-2 text-left text-xs font-medium uppercase tracking-wide text-content-faint\">{{ 'calendar.table.title' | transloco }}</th>\n      <th scope=\"col\" class=\"px-4 py-2 text-left text-xs font-medium uppercase tracking-wide text-content-faint\">{{ 'calendar.table.contact' | transloco }}</th>\n      <th scope=\"col\" class=\"px-4 py-2 text-left text-xs font-medium uppercase tracking-wide text-content-faint\">{{ 'calendar.table.location' | transloco }}</th>\n      <th scope=\"col\" class=\"px-4 py-2 text-left text-xs font-medium uppercase tracking-wide text-content-faint\">{{ 'calendar.table.status' | transloco }}</th>\n      <th scope=\"col\" class=\"px-4 py-2\"><span class=\"sr-only\">{{ 'calendar.table.actions' | transloco }}</span></th>\n    </tr>\n  </thead>\n  <tbody>\n    @for (row of rows(); track row.appointment.id) {\n      <tr class=\"border-b border-border\" [class.text-content-faint]=\"row.cancelled\" data-testid=\"appointment-row\">\n        <td class=\"px-4 py-3 whitespace-nowrap\" [class.line-through]=\"row.cancelled\">\n          <div class=\"font-medium text-content\">{{ row.day }}</div>\n          <div class=\"text-content-faint\">{{ row.hours }}</div>\n        </td>\n        <td class=\"px-4 py-3 font-medium text-content\" [class.line-through]=\"row.cancelled\">{{ row.appointment.title }}</td>\n        <td class=\"px-4 py-3\" [class.line-through]=\"row.cancelled\">\n          <div class=\"text-content\">{{ row.appointment.contactName ?? '–' }}</div>\n          @if (row.appointment.contactPhone) {\n            <div class=\"text-content-faint\">{{ row.appointment.contactPhone }}</div>\n          }\n        </td>\n        <td class=\"px-4 py-3 text-content-faint\" [class.line-through]=\"row.cancelled\">{{ row.appointment.location ?? '–' }}</td>\n        <td class=\"px-4 py-3\">\n          <span class=\"rounded-full border border-border px-2 py-0.5 text-xs text-content\" data-testid=\"appointment-status\">{{ row.statusKey | transloco }}</span>\n        </td>\n        <td class=\"px-4 py-3 text-right whitespace-nowrap\">\n          <button type=\"button\" class=\"relative lw-btn lw-btn--ghost lw-btn--sm lw-btn--icon\" [attr.aria-label]=\"'calendar.actions.edit' | transloco\" (click)=\"editAppointment.emit(row.appointment)\">\n            <lw-icon name=\"edit\" size=\"1rem\"></lw-icon>\n            <lw-tooltip [attr.text]=\"'calendar.actions.edit' | transloco\" position=\"top\"></lw-tooltip>\n          </button>\n          @if (!row.cancelled) {\n            <button type=\"button\" class=\"relative lw-btn lw-btn--ghost lw-btn--sm lw-btn--icon\" [attr.aria-label]=\"'calendar.actions.cancel' | transloco\" (click)=\"cancelAppointment.emit(row.appointment)\">\n              <lw-icon name=\"calendarCancel\" size=\"1rem\"></lw-icon>\n              <lw-tooltip [attr.text]=\"'calendar.actions.cancel' | transloco\" position=\"top\"></lw-tooltip>\n            </button>\n          }\n          <button type=\"button\" class=\"relative lw-btn lw-btn--ghost lw-btn--sm lw-btn--icon\" [attr.aria-label]=\"'calendar.actions.delete' | transloco\" (click)=\"deleteAppointment.emit(row.appointment)\">\n            <lw-icon name=\"trash\" size=\"1rem\"></lw-icon>\n            <lw-tooltip [attr.text]=\"'calendar.actions.delete' | transloco\" position=\"top\"></lw-tooltip>\n          </button>\n        </td>\n      </tr>\n    } @empty {\n      <tr>\n        <td colspan=\"6\" class=\"px-4 py-8 text-center text-content-faint\">{{ 'calendar.table.empty' | transloco }}</td>\n      </tr>\n    }\n  </tbody>\n</table>\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: AppointmentTable,
-	decorators: [{
-		type: Component,
-		args: [{
-			selector: "wa-appointment-table",
-			imports: [TranslocoPipe],
-			schemas: [CUSTOM_ELEMENTS_SCHEMA],
-			changeDetection: ChangeDetectionStrategy.OnPush,
-			template: "<table class=\"w-full border-collapse text-sm\">\n  <thead class=\"border-y border-border bg-surface-raised\">\n    <tr>\n      <th scope=\"col\" class=\"px-4 py-2 text-left text-xs font-medium uppercase tracking-wide text-content-faint\">{{ 'calendar.table.when' | transloco }}</th>\n      <th scope=\"col\" class=\"px-4 py-2 text-left text-xs font-medium uppercase tracking-wide text-content-faint\">{{ 'calendar.table.title' | transloco }}</th>\n      <th scope=\"col\" class=\"px-4 py-2 text-left text-xs font-medium uppercase tracking-wide text-content-faint\">{{ 'calendar.table.contact' | transloco }}</th>\n      <th scope=\"col\" class=\"px-4 py-2 text-left text-xs font-medium uppercase tracking-wide text-content-faint\">{{ 'calendar.table.location' | transloco }}</th>\n      <th scope=\"col\" class=\"px-4 py-2 text-left text-xs font-medium uppercase tracking-wide text-content-faint\">{{ 'calendar.table.status' | transloco }}</th>\n      <th scope=\"col\" class=\"px-4 py-2\"><span class=\"sr-only\">{{ 'calendar.table.actions' | transloco }}</span></th>\n    </tr>\n  </thead>\n  <tbody>\n    @for (row of rows(); track row.appointment.id) {\n      <tr class=\"border-b border-border\" [class.text-content-faint]=\"row.cancelled\" data-testid=\"appointment-row\">\n        <td class=\"px-4 py-3 whitespace-nowrap\" [class.line-through]=\"row.cancelled\">\n          <div class=\"font-medium text-content\">{{ row.day }}</div>\n          <div class=\"text-content-faint\">{{ row.hours }}</div>\n        </td>\n        <td class=\"px-4 py-3 font-medium text-content\" [class.line-through]=\"row.cancelled\">{{ row.appointment.title }}</td>\n        <td class=\"px-4 py-3\" [class.line-through]=\"row.cancelled\">\n          <div class=\"text-content\">{{ row.appointment.contactName ?? '–' }}</div>\n          @if (row.appointment.contactPhone) {\n            <div class=\"text-content-faint\">{{ row.appointment.contactPhone }}</div>\n          }\n        </td>\n        <td class=\"px-4 py-3 text-content-faint\" [class.line-through]=\"row.cancelled\">{{ row.appointment.location ?? '–' }}</td>\n        <td class=\"px-4 py-3\">\n          <span class=\"rounded-full border border-border px-2 py-0.5 text-xs text-content\" data-testid=\"appointment-status\">{{ row.statusKey | transloco }}</span>\n        </td>\n        <td class=\"px-4 py-3 text-right whitespace-nowrap\">\n          <button type=\"button\" class=\"relative lw-btn lw-btn--ghost lw-btn--sm lw-btn--icon\" [attr.aria-label]=\"'calendar.actions.edit' | transloco\" (click)=\"editAppointment.emit(row.appointment)\">\n            <lw-icon name=\"edit\" size=\"1rem\"></lw-icon>\n            <lw-tooltip [attr.text]=\"'calendar.actions.edit' | transloco\" position=\"top\"></lw-tooltip>\n          </button>\n          @if (!row.cancelled) {\n            <button type=\"button\" class=\"relative lw-btn lw-btn--ghost lw-btn--sm lw-btn--icon\" [attr.aria-label]=\"'calendar.actions.cancel' | transloco\" (click)=\"cancelAppointment.emit(row.appointment)\">\n              <lw-icon name=\"calendarCancel\" size=\"1rem\"></lw-icon>\n              <lw-tooltip [attr.text]=\"'calendar.actions.cancel' | transloco\" position=\"top\"></lw-tooltip>\n            </button>\n          }\n          <button type=\"button\" class=\"relative lw-btn lw-btn--ghost lw-btn--sm lw-btn--icon\" [attr.aria-label]=\"'calendar.actions.delete' | transloco\" (click)=\"deleteAppointment.emit(row.appointment)\">\n            <lw-icon name=\"trash\" size=\"1rem\"></lw-icon>\n            <lw-tooltip [attr.text]=\"'calendar.actions.delete' | transloco\" position=\"top\"></lw-tooltip>\n          </button>\n        </td>\n      </tr>\n    } @empty {\n      <tr>\n        <td colspan=\"6\" class=\"px-4 py-8 text-center text-content-faint\">{{ 'calendar.table.empty' | transloco }}</td>\n      </tr>\n    }\n  </tbody>\n</table>\n"
-		}]
-	}],
-	propDecorators: {
-		appointments: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "appointments",
-				required: true
-			}]
-		}],
-		locale: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "locale",
-				required: true
-			}]
-		}],
-		editAppointment: [{
-			type: i0.Output,
-			args: ["editAppointment"]
-		}],
-		cancelAppointment: [{
-			type: i0.Output,
-			args: ["cancelAppointment"]
-		}],
-		deleteAppointment: [{
-			type: i0.Output,
-			args: ["deleteAppointment"]
-		}]
-	}
-});
-const searchDelayMs = 300;
-var CalendarPage = class CalendarPage {
-	gateway = inject(CALENDAR_GATEWAY);
-	route = inject(ActivatedRoute);
-	searchTimer;
-	locale = activeLocale();
-	calendarId = toSignal(this.route.paramMap.pipe(map((params) => params.get("calendarId") ?? "")), { initialValue: this.route.snapshot.paramMap.get("calendarId") ?? "" });
-	weekStart = signal(startOfWeek(/* @__PURE__ */ new Date()), ...ngDevMode ? [{ debugName: "weekStart" }] : /* istanbul ignore next */ []);
-	contact = signal("", ...ngDevMode ? [{ debugName: "contact" }] : /* istanbul ignore next */ []);
-	calendar = resource({
-		...ngDevMode ? { debugName: "calendar" } : /* istanbul ignore next */ {},
-		params: () => this.calendarId(),
-		loader: ({ params }) => this.gateway.calendar(params)
-	});
-	appointments = resource({
-		...ngDevMode ? { debugName: "appointments" } : /* istanbul ignore next */ {},
-		params: () => ({
-			calendarId: this.calendarId(),
-			range: weekRange(this.weekStart()),
-			contact: this.contact().trim()
-		}),
-		loader: ({ params, abortSignal }) => this.gateway.appointments(params.calendarId, params.range, params.contact || void 0, abortSignal)
-	});
-	constructor() {
-		inject(DestroyRef).onDestroy(() => clearTimeout(this.searchTimer));
-	}
-	weekLabel = computed(() => {
-		const range = weekRange(this.weekStart());
-		const last = addWeeks(range.until, 0);
-		last.setDate(last.getDate() - 1);
-		const format = new Intl.DateTimeFormat(this.locale(), {
-			day: "2-digit",
-			month: "2-digit",
-			year: "numeric"
-		});
-		return `${format.format(range.from)} – ${format.format(last)}`;
-	}, ...ngDevMode ? [{ debugName: "weekLabel" }] : /* istanbul ignore next */ []);
-	previousWeek() {
-		this.weekStart.update((start) => addWeeks(start, -1));
-	}
-	nextWeek() {
-		this.weekStart.update((start) => addWeeks(start, 1));
-	}
-	thisWeek() {
-		this.weekStart.set(startOfWeek(/* @__PURE__ */ new Date()));
-	}
-	search(event) {
-		const value = event.target.value;
-		clearTimeout(this.searchTimer);
-		this.searchTimer = setTimeout(() => this.contact.set(value), searchDelayMs);
-	}
-	add() {
-		const today = /* @__PURE__ */ new Date();
-		const shown = weekRange(this.weekStart());
-		const day = today >= shown.from && today < shown.until ? today : this.weekStart();
-		this.openDialog({
-			calendarId: this.calendarId(),
-			appointment: null,
-			day
-		}, "calendar.dialog.addTitle");
-	}
-	edit(appointment) {
-		this.openDialog({
-			calendarId: this.calendarId(),
-			appointment,
-			day: new Date(appointment.start)
-		}, "calendar.dialog.editTitle");
-	}
-	async cancel(appointment) {
-		const reason = await calendarHost.ui.prompt({
-			title: "calendar.cancel.title",
-			message: "calendar.cancel.message",
-			confirmLabel: "calendar.cancel.confirm",
-			tone: "warning"
-		});
-		if (reason === null) return;
-		await this.attempt(async () => {
-			const outcome = await this.gateway.cancel(this.calendarId(), appointment.id, reason.trim() || null);
-			this.report(outcome.kind === "saved" ? "calendar.cancel.done" : "calendar.errors.save", outcome.kind === "saved");
-		});
-	}
-	async remove(appointment) {
-		if (!await calendarHost.ui.confirm({
-			title: "calendar.delete.title",
-			message: "calendar.delete.message",
-			confirmLabel: "calendar.delete.confirm",
-			tone: "danger"
-		})) return;
-		await this.attempt(async () => {
-			await this.gateway.remove(this.calendarId(), appointment.id);
-			this.report("calendar.delete.done", true);
-		});
-	}
-	async attempt(work) {
-		try {
-			await work();
-		} catch {
-			this.report("calendar.errors.save", false);
-		}
-	}
-	openDialog(data, title) {
-		calendarHost.ui.open(AppointmentDialog, {
-			data,
-			title,
-			size: "lg",
-			dismiss: "explicit"
-		}).closed.then((saved) => {
-			if (saved) this.report("calendar.dialog.saved", true);
-		});
-	}
-	report(message, success) {
-		calendarHost.ui.toast({
-			message,
-			kind: success ? "success" : "error"
-		});
-		this.appointments.reload();
-	}
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.3",
-		ngImport: i0,
-		type: CalendarPage,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Component
-	});
-	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "17.0.0",
-		version: "22.2.3",
-		type: CalendarPage,
-		isStandalone: true,
-		selector: "wa-calendar-page",
-		ngImport: i0,
-		template: "<div class=\"flex h-full flex-col gap-4 overflow-auto 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\">{{ calendar.value()?.name ?? ('calendar.title' | transloco) }}</h2>\n    <div class=\"flex flex-wrap items-center gap-2\">\n      <input\n        type=\"search\"\n        class=\"lw-field w-56\"\n        [attr.aria-label]=\"'calendar.search.label' | transloco\"\n        [attr.placeholder]=\"'calendar.search.placeholder' | transloco\"\n        (input)=\"search($event)\"\n      />\n      <button type=\"button\" class=\"lw-btn lw-btn--primary\" (click)=\"add()\">\n        <lw-icon name=\"add\" size=\"1rem\"></lw-icon>\n        {{ 'calendar.actions.add' | transloco }}\n      </button>\n    </div>\n  </div>\n\n  <div class=\"flex items-center gap-2\">\n    <button type=\"button\" class=\"relative lw-btn lw-btn--default lw-btn--sm lw-btn--icon\" [attr.aria-label]=\"'calendar.week.previous' | transloco\" (click)=\"previousWeek()\">\n      <lw-icon name=\"calendarPrevious\" size=\"1rem\"></lw-icon>\n      <lw-tooltip [attr.text]=\"'calendar.week.previous' | transloco\" position=\"bottom\"></lw-tooltip>\n    </button>\n    <button type=\"button\" class=\"lw-btn lw-btn--default lw-btn--sm\" (click)=\"thisWeek()\">{{ 'calendar.week.current' | transloco }}</button>\n    <button type=\"button\" class=\"relative lw-btn lw-btn--default lw-btn--sm lw-btn--icon\" [attr.aria-label]=\"'calendar.week.next' | transloco\" (click)=\"nextWeek()\">\n      <lw-icon name=\"calendarNext\" size=\"1rem\"></lw-icon>\n      <lw-tooltip [attr.text]=\"'calendar.week.next' | transloco\" position=\"bottom\"></lw-tooltip>\n    </button>\n    <span class=\"text-sm font-medium text-content\" data-testid=\"week-label\">{{ weekLabel() }}</span>\n  </div>\n\n  @if (appointments.error()) {\n    <p class=\"text-sm text-negative\" role=\"alert\">{{ 'calendar.errors.load' | transloco }}</p>\n  } @else {\n    <div class=\"overflow-hidden rounded-xl border border-border bg-surface\">\n      <wa-appointment-table\n        [appointments]=\"appointments.value() ?? []\"\n        [locale]=\"locale()\"\n        (editAppointment)=\"edit($event)\"\n        (cancelAppointment)=\"cancel($event)\"\n        (deleteAppointment)=\"remove($event)\"\n      />\n    </div>\n  }\n</div>\n",
-		dependencies: [{
-			kind: "component",
-			type: AppointmentTable,
-			selector: "wa-appointment-table",
-			inputs: ["appointments", "locale"],
-			outputs: [
-				"editAppointment",
-				"cancelAppointment",
-				"deleteAppointment"
-			]
-		}, {
-			kind: "pipe",
-			type: TranslocoPipe,
-			name: "transloco"
-		}],
-		changeDetection: i0.ChangeDetectionStrategy.OnPush
-	});
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.3",
-	ngImport: i0,
-	type: CalendarPage,
-	decorators: [{
-		type: Component,
-		args: [{
-			selector: "wa-calendar-page",
-			imports: [TranslocoPipe, AppointmentTable],
-			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 flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n    <h2 class=\"text-lg font-semibold text-content\">{{ calendar.value()?.name ?? ('calendar.title' | transloco) }}</h2>\n    <div class=\"flex flex-wrap items-center gap-2\">\n      <input\n        type=\"search\"\n        class=\"lw-field w-56\"\n        [attr.aria-label]=\"'calendar.search.label' | transloco\"\n        [attr.placeholder]=\"'calendar.search.placeholder' | transloco\"\n        (input)=\"search($event)\"\n      />\n      <button type=\"button\" class=\"lw-btn lw-btn--primary\" (click)=\"add()\">\n        <lw-icon name=\"add\" size=\"1rem\"></lw-icon>\n        {{ 'calendar.actions.add' | transloco }}\n      </button>\n    </div>\n  </div>\n\n  <div class=\"flex items-center gap-2\">\n    <button type=\"button\" class=\"relative lw-btn lw-btn--default lw-btn--sm lw-btn--icon\" [attr.aria-label]=\"'calendar.week.previous' | transloco\" (click)=\"previousWeek()\">\n      <lw-icon name=\"calendarPrevious\" size=\"1rem\"></lw-icon>\n      <lw-tooltip [attr.text]=\"'calendar.week.previous' | transloco\" position=\"bottom\"></lw-tooltip>\n    </button>\n    <button type=\"button\" class=\"lw-btn lw-btn--default lw-btn--sm\" (click)=\"thisWeek()\">{{ 'calendar.week.current' | transloco }}</button>\n    <button type=\"button\" class=\"relative lw-btn lw-btn--default lw-btn--sm lw-btn--icon\" [attr.aria-label]=\"'calendar.week.next' | transloco\" (click)=\"nextWeek()\">\n      <lw-icon name=\"calendarNext\" size=\"1rem\"></lw-icon>\n      <lw-tooltip [attr.text]=\"'calendar.week.next' | transloco\" position=\"bottom\"></lw-tooltip>\n    </button>\n    <span class=\"text-sm font-medium text-content\" data-testid=\"week-label\">{{ weekLabel() }}</span>\n  </div>\n\n  @if (appointments.error()) {\n    <p class=\"text-sm text-negative\" role=\"alert\">{{ 'calendar.errors.load' | transloco }}</p>\n  } @else {\n    <div class=\"overflow-hidden rounded-xl border border-border bg-surface\">\n      <wa-appointment-table\n        [appointments]=\"appointments.value() ?? []\"\n        [locale]=\"locale()\"\n        (editAppointment)=\"edit($event)\"\n        (cancelAppointment)=\"cancel($event)\"\n        (deleteAppointment)=\"remove($event)\"\n      />\n    </div>\n  }\n</div>\n"
-		}]
-	}],
-	ctorParameters: () => []
-});
+import { i as calendarHost, n as CalendarGatewayError, r as provideCalendarGateway, t as CALENDAR_GATEWAY } from "./weaver-apps-calendar-calendar-gateway-DUo797bn.mjs";
+import { a as calendarPluginId, i as calendarIconNames, n as calendarPath, r as calendarContributionIds, t as calendarListPath } from "./weaver-apps-calendar-calendar-paths-qzIR-lDU.mjs";
 const stroke = "fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"";
 const calendarIcons = {
-	calendar: `<svg viewBox="0 0 24 24" ${stroke}><rect x="3.5" y="5" width="17" height="15" rx="2.5"/><path d="M3.5 10h17M8 3v4M16 3v4"/></svg>`,
-	calendarPrevious: `<svg viewBox="0 0 24 24" ${stroke}><path d="M15 5l-7 7 7 7"/></svg>`,
-	calendarNext: `<svg viewBox="0 0 24 24" ${stroke}><path d="M9 5l7 7-7 7"/></svg>`,
-	calendarCancel: `<svg viewBox="0 0 24 24" ${stroke}><circle cx="12" cy="12" r="8.5"/><path d="M9 9l6 6M15 9l-6 6"/></svg>`
+	[calendarIconNames.calendar]: `<svg viewBox="0 0 24 24" ${stroke}><rect x="3.5" y="5" width="17" height="15" rx="2.5"/><path d="M3.5 10h17M8 3v4M16 3v4"/></svg>`,
+	[calendarIconNames.previous]: `<svg viewBox="0 0 24 24" ${stroke}><path d="M15 5l-7 7 7 7"/></svg>`,
+	[calendarIconNames.next]: `<svg viewBox="0 0 24 24" ${stroke}><path d="M9 5l7 7-7 7"/></svg>`,
+	[calendarIconNames.cancel]: `<svg viewBox="0 0 24 24" ${stroke}><circle cx="12" cy="12" r="8.5"/><path d="M9 9l6 6M15 9l-6 6"/></svg>`
 };
 function createCalendarPlugin(options = {}) {
 	return {
 		manifest: {
-			id: "calendar",
+			id: calendarPluginId,
 			name: "Calendar",
 			capabilities: [
 				"contributions",
@@ -643,24 +22,24 @@ function createCalendarPlugin(options = {}) {
 			calendarHost.bind(ctx);
 			ctx.contributeIcons(calendarIcons);
 			ctx.registerSurface({
-				id: "calendar.calendars",
-				title: "calendar.calendars.title",
-				icon: "calendar",
+				id: calendarContributionIds.calendars,
+				title: "weaver-apps-calendar.calendars.title",
+				icon: calendarIconNames.calendar,
 				routable: { path: calendarListPath },
-				component: CalendarListPage
+				loadComponent: () => import("./weaver-apps-calendar-calendar-list-page-dgF-nnQF.mjs").then((module) => module.CalendarListPage)
 			});
 			ctx.registerSurface({
-				id: "calendar.calendar",
-				title: "calendar.title",
-				icon: "calendar",
+				id: calendarContributionIds.calendar,
+				title: "weaver-apps-calendar.title",
+				icon: calendarIconNames.calendar,
 				routable: { path: `${calendarListPath}/:calendarId` },
-				component: CalendarPage
+				loadComponent: () => import("./weaver-apps-calendar-calendar-page-DpdU_Vfy.mjs").then((module) => module.CalendarPage)
 			});
 			if (options.railItem) ctx.registerRailItem({
-				id: "calendar.rail",
+				id: calendarContributionIds.rail,
 				rail: "primary",
-				icon: "calendar",
-				title: "calendar.calendars.title",
+				icon: calendarIconNames.calendar,
+				title: "weaver-apps-calendar.calendars.title",
 				run: () => ctx.navigateContent(calendarListPath)
 			});
 		},
@@ -765,6 +144,6 @@ function createHttpCalendarGateway(options) {
 		}
 	};
 }
-export { CALENDAR_GATEWAY, CalendarGatewayError, calendarListPath, calendarPath, calendarPlugin, createCalendarPlugin, createHttpCalendarGateway, provideCalendarGateway };
+export { CALENDAR_GATEWAY, CalendarGatewayError, calendarContributionIds, calendarListPath, calendarPath, calendarPlugin, calendarPluginId, createCalendarPlugin, createHttpCalendarGateway, provideCalendarGateway };
 
 //# sourceMappingURL=weaver-apps-calendar.mjs.map