@camp2gether/c2g-ui 0.0.7

package/fesm2022/camp2gether-c2g-ui-presets.mjs

@@ -0,0 +1,2855 @@
+import * as i0 from '@angular/core';
+import { input, output, signal, computed, ChangeDetectionStrategy, Component, effect, HostListener } from '@angular/core';
+import * as i1 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import { AvatarComponent, BadgeComponent, ButtonComponent, RadioGroupComponent, CheckboxComponent, SelectComponent, InputComponent, TextareaComponent } from '@humbeldore/c2g-ui';
+import * as i1$2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1$1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { CdkMenu, CdkMenuItem, CdkMenuTrigger } from '@angular/cdk/menu';
+import { LottieComponent } from 'ngx-lottie';
+
+const DEFAULT_PACKING_LIST_LABEL_KEYS = {
+    searchPlaceholderKey: 'packingList.search.placeholder',
+    essentialsOnlyKey: 'packingList.filters.essentialsOnly',
+    showAllVisibilityKey: 'packingList.filters.visibility.all',
+    sharedVisibilityKey: 'packingList.filters.visibility.shared',
+    personalVisibilityKey: 'packingList.filters.visibility.personal',
+    privateVisibilityKey: 'packingList.filters.visibility.private',
+    privateSectionTitleKey: 'packingList.private.title',
+    emptyStateKey: 'packingList.empty',
+    categoryStatsKey: 'packingList.category.stats',
+    deleteConfirmKey: 'packingList.delete.confirm',
+    addItemKey: 'packingList.addItem',
+    createItemKey: 'packingList.createItem',
+    itemNameKey: 'packingList.itemName',
+    categoryKey: 'packingList.category',
+    visibilityKey: 'packingList.visibility',
+    essentialKey: 'packingList.essential',
+    quantityKey: 'packingList.quantity',
+    weightKey: 'packingList.weight',
+    volumeKey: 'packingList.volume',
+    hintKey: 'packingList.hint',
+    cancelKey: 'packingList.cancel',
+    createKey: 'packingList.create'
+};
+const DEFAULT_PACKING_LIST_CONFIG = {
+    features: {
+        search: true,
+        filters: true,
+        stats: true,
+        create: false,
+        assignments: true,
+        privateSection: false,
+        expandAllOnLoad: false,
+    },
+    defaultExpandedCount: 3,
+};
+
+const C2G_PACKING_CATEGORY_INFO = {
+    shelter: { key: 'shelter', labelKey: 'packingList.categories.shelter', label: 'Unterkunft', icon: 'home' },
+    sleeping: { key: 'sleeping', labelKey: 'packingList.categories.sleeping', label: 'Schlafen', icon: 'bed' },
+    cookingEating: { key: 'cookingEating', labelKey: 'packingList.categories.cookingEating', label: 'Kochen & Essen', icon: 'restaurant' },
+    clothing: { key: 'clothing', labelKey: 'packingList.categories.clothing', label: 'Kleidung', icon: 'checkroom' },
+    navigation: { key: 'navigation', labelKey: 'packingList.categories.navigation', label: 'Navigation', icon: 'explore' },
+    lighting: { key: 'lighting', labelKey: 'packingList.categories.lighting', label: 'Beleuchtung', icon: 'light_mode' },
+    safety: { key: 'safety', labelKey: 'packingList.categories.safety', label: 'Sicherheit', icon: 'medical_services' },
+    tools: { key: 'tools', labelKey: 'packingList.categories.tools', label: 'Werkzeug', icon: 'build' },
+    hygiene: { key: 'hygiene', labelKey: 'packingList.categories.hygiene', label: 'Hygiene', icon: 'wash' },
+    furniture: { key: 'furniture', labelKey: 'packingList.categories.furniture', label: 'Möbel & Ausstattung', icon: 'chair' },
+    hydration: { key: 'hydration', labelKey: 'packingList.categories.hydration', label: 'Getränke', icon: 'water_drop' },
+    mobility: { key: 'mobility', labelKey: 'packingList.categories.mobility', label: 'Transport', icon: 'backpack' },
+    activity: { key: 'activity', labelKey: 'packingList.categories.activity', label: 'Aktivitäten', icon: 'sports' },
+    documents: { key: 'documents', labelKey: 'packingList.categories.documents', label: 'Dokumente', icon: 'description' },
+    other: { key: 'other', labelKey: 'packingList.categories.other', label: 'Sonstiges', icon: 'category' }
+};
+function resolvePackingCategory(categoryKey) {
+    return (C2G_PACKING_CATEGORY_INFO[categoryKey] ?? {
+        key: categoryKey,
+        labelKey: `packingList.categories.${categoryKey}`,
+        icon: 'inventory_2'
+    });
+}
+
+class PackingListItemComponent {
+    item = input.required(...(ngDevMode ? [{ debugName: "item" }] : []));
+    members = input.required(...(ngDevMode ? [{ debugName: "members" }] : []));
+    currentUserId = input.required(...(ngDevMode ? [{ debugName: "currentUserId" }] : []));
+    permissions = input.required(...(ngDevMode ? [{ debugName: "permissions" }] : []));
+    selectedMemberIds = input([], ...(ngDevMode ? [{ debugName: "selectedMemberIds" }] : []));
+    itemChecked = output();
+    itemAssigned = output();
+    itemDeleted = output();
+    itemEditRequested = output();
+    personalItemToggled = output();
+    memberOverlayRequested = output();
+    overlayOpen = signal(false, ...(ngDevMode ? [{ debugName: "overlayOpen" }] : []));
+    overlaySearch = signal('', ...(ngDevMode ? [{ debugName: "overlaySearch" }] : []));
+    ctaMenuOpen = signal(false, ...(ngDevMode ? [{ debugName: "ctaMenuOpen" }] : []));
+    quantityPickerOpen = signal(false, ...(ngDevMode ? [{ debugName: "quantityPickerOpen" }] : []));
+    quantityPickerValue = signal(1, ...(ngDevMode ? [{ debugName: "quantityPickerValue" }] : []));
+    delegateDialogOpen = signal(false, ...(ngDevMode ? [{ debugName: "delegateDialogOpen" }] : []));
+    delegateMemberId = signal(null, ...(ngDevMode ? [{ debugName: "delegateMemberId" }] : []));
+    delegateQuantity = signal(1, ...(ngDevMode ? [{ debugName: "delegateQuantity" }] : []));
+    avatarDialogOpen = signal(false, ...(ngDevMode ? [{ debugName: "avatarDialogOpen" }] : []));
+    avatarDialogMemberId = signal(null, ...(ngDevMode ? [{ debugName: "avatarDialogMemberId" }] : []));
+    avatarDialogQuantity = signal(1, ...(ngDevMode ? [{ debugName: "avatarDialogQuantity" }] : []));
+    personalAssignDialogOpen = signal(false, ...(ngDevMode ? [{ debugName: "personalAssignDialogOpen" }] : []));
+    personalAssignSearch = signal('', ...(ngDevMode ? [{ debugName: "personalAssignSearch" }] : []));
+    personalAssignMemberId = signal(null, ...(ngDevMode ? [{ debugName: "personalAssignMemberId" }] : []));
+    applicableMembers = computed(() => {
+        const item = this.item();
+        if (item.visibility === 'personal') {
+            return this.members().filter(m => m.type !== 'pet');
+        }
+        return this.members().filter(m => m.type !== 'child' && m.type !== 'pet');
+    }, ...(ngDevMode ? [{ debugName: "applicableMembers" }] : []));
+    visibleMembers = computed(() => {
+        const selected = this.selectedMemberIds();
+        if (selected.length === 0) {
+            return this.applicableMembers();
+        }
+        const allowed = new Set(selected);
+        return this.applicableMembers().filter(member => allowed.has(member.id));
+    }, ...(ngDevMode ? [{ debugName: "visibleMembers" }] : []));
+    packedCount = computed(() => {
+        const assignments = this.item().assignments ?? [];
+        return assignments
+            .filter(a => a.status === 'packed' || a.status === 'confirmed')
+            .reduce((sum, a) => sum + Math.max(1, a.quantity ?? 1), 0);
+    }, ...(ngDevMode ? [{ debugName: "packedCount" }] : []));
+    isPacked = computed(() => this.packedCount() > 0 || !!this.item().confirmed, ...(ngDevMode ? [{ debugName: "isPacked" }] : []));
+    requiredQuantity = computed(() => Math.max(1, this.item().quantity ?? 1), ...(ngDevMode ? [{ debugName: "requiredQuantity" }] : []));
+    checkedMembers = computed(() => {
+        const currentUserId = this.currentUserId();
+        const checked = this.visibleMembers().filter(member => this.isMemberChecked(member.id));
+        return checked.sort((a, b) => {
+            if (a.id === currentUserId)
+                return -1;
+            if (b.id === currentUserId)
+                return 1;
+            return 0;
+        });
+    }, ...(ngDevMode ? [{ debugName: "checkedMembers" }] : []));
+    personalAssignedMembers = computed(() => {
+        if (this.item().visibility !== 'personal') {
+            return [];
+        }
+        const currentUserId = this.currentUserId();
+        const assigned = this.visibleMembers().filter(member => this.hasAnyAssignment(member.id));
+        return assigned.sort((a, b) => {
+            if (a.id === currentUserId)
+                return -1;
+            if (b.id === currentUserId)
+                return 1;
+            return 0;
+        });
+    }, ...(ngDevMode ? [{ debugName: "personalAssignedMembers" }] : []));
+    missingMembers = computed(() => this.visibleMembers().filter(member => !this.isMemberChecked(member.id)), ...(ngDevMode ? [{ debugName: "missingMembers" }] : []));
+    checkedPreview = computed(() => this.checkedMembers().slice(0, 3), ...(ngDevMode ? [{ debugName: "checkedPreview" }] : []));
+    hiddenCheckedCount = computed(() => Math.max(0, this.checkedMembers().length - this.checkedPreview().length), ...(ngDevMode ? [{ debugName: "hiddenCheckedCount" }] : []));
+    personalAssignedPreview = computed(() => this.personalAssignedMembers().slice(0, 3), ...(ngDevMode ? [{ debugName: "personalAssignedPreview" }] : []));
+    personalHiddenAssignedCount = computed(() => Math.max(0, this.personalAssignedMembers().length - this.personalAssignedPreview().length), ...(ngDevMode ? [{ debugName: "personalHiddenAssignedCount" }] : []));
+    missingPreview = computed(() => this.missingMembers().slice(0, 3), ...(ngDevMode ? [{ debugName: "missingPreview" }] : []));
+    hiddenMissingCount = computed(() => Math.max(0, this.missingMembers().length - this.missingPreview().length), ...(ngDevMode ? [{ debugName: "hiddenMissingCount" }] : []));
+    currentUserMember = computed(() => this.members().find(member => member.id === this.currentUserId()) ?? null, ...(ngDevMode ? [{ debugName: "currentUserMember" }] : []));
+    isItemOwner = computed(() => {
+        const ownerId = this.item().createdBy;
+        if (!ownerId) {
+            // Legacy items may not carry ownership metadata.
+            return true;
+        }
+        return ownerId === this.currentUserId();
+    }, ...(ngDevMode ? [{ debugName: "isItemOwner" }] : []));
+    canEditOrDeleteItem = computed(() => {
+        const permissions = this.permissions();
+        if (permissions.readOnly) {
+            return false;
+        }
+        const item = this.item();
+        if (item.visibility === 'shared') {
+            return permissions.isOrganizer || !!permissions.canMembersManageSharedItems || this.isItemOwner();
+        }
+        return permissions.isOrganizer || this.isItemOwner();
+    }, ...(ngDevMode ? [{ debugName: "canEditOrDeleteItem" }] : []));
+    canShowAssignCta = computed(() => {
+        const permissions = this.permissions();
+        if (permissions.readOnly) {
+            return false;
+        }
+        if (permissions.isSolo) {
+            return false;
+        }
+        return permissions.isOrganizer || !!permissions.canManageAssignments;
+    }, ...(ngDevMode ? [{ debugName: "canShowAssignCta" }] : []));
+    sharedAssignmentsCount = computed(() => {
+        const assignments = this.item().assignments ?? [];
+        return assignments
+            .filter(a => a.status === 'confirmed' || a.status === 'packed')
+            .reduce((sum, a) => sum + Math.max(1, a.quantity ?? 1), 0);
+    }, ...(ngDevMode ? [{ debugName: "sharedAssignmentsCount" }] : []));
+    sharedTotalAssignedCount = computed(() => {
+        const assignments = this.item().assignments ?? [];
+        return assignments.reduce((sum, a) => sum + Math.max(1, a.quantity ?? 1), 0);
+    }, ...(ngDevMode ? [{ debugName: "sharedTotalAssignedCount" }] : []));
+    sharedMissingSlots = computed(() => Math.max(0, this.requiredQuantity() - this.sharedTotalAssignedCount()), ...(ngDevMode ? [{ debugName: "sharedMissingSlots" }] : []));
+    selfAssignableMaxQuantity = computed(() => Math.max(1, this.sharedMissingSlots()), ...(ngDevMode ? [{ debugName: "selfAssignableMaxQuantity" }] : []));
+    delegateCandidates = computed(() => this.visibleMembers().filter(member => this.canAssignShared(member.id)), ...(ngDevMode ? [{ debugName: "delegateCandidates" }] : []));
+    selfAssignedToShared = computed(() => this.isSharedAssigned(this.currentUserId()), ...(ngDevMode ? [{ debugName: "selfAssignedToShared" }] : []));
+    isPlanner = computed(() => {
+        const p = this.permissions();
+        return p.isOrganizer || !!p.canManageAssignments;
+    }, ...(ngDevMode ? [{ debugName: "isPlanner" }] : []));
+    // Label for the "join / adjust" button on shared items
+    joinBtnLabel = computed(() => {
+        if (!this.selfAssignedToShared())
+            return '+ Eintragen';
+        return this.isPlanner() ? 'Menge anpassen' : 'Meine Menge anpassen';
+    }, ...(ngDevMode ? [{ debugName: "joinBtnLabel" }] : []));
+    // Context label inside the quantity picker
+    pickerLabel = computed(() => {
+        if (this.isPlanner())
+            return 'Wie viel wird mitgenommen?';
+        return 'Wie viel nimmst du mit?';
+    }, ...(ngDevMode ? [{ debugName: "pickerLabel" }] : []));
+    // Context label inside the delegate dialog
+    delegatePickerLabel = computed(() => 'Wer bringt es mit? Menge festlegen:', ...(ngDevMode ? [{ debugName: "delegatePickerLabel" }] : []));
+    canSelfAssignShared = computed(() => {
+        const currentUserId = this.currentUserId();
+        if (!this.canAssignShared(currentUserId)) {
+            return false;
+        }
+        if (this.selfAssignedToShared()) {
+            return true;
+        }
+        return this.sharedMissingSlots() > 0;
+    }, ...(ngDevMode ? [{ debugName: "canSelfAssignShared" }] : []));
+    selectedDelegateMember = computed(() => {
+        const memberId = this.delegateMemberId();
+        if (!memberId) {
+            return null;
+        }
+        return this.members().find(member => member.id === memberId) ?? null;
+    }, ...(ngDevMode ? [{ debugName: "selectedDelegateMember" }] : []));
+    canManagePersonalAssignments = computed(() => {
+        const permissions = this.permissions();
+        if (permissions.readOnly || permissions.isSolo) {
+            return false;
+        }
+        return permissions.isOrganizer || !!permissions.canManageAssignments || this.isItemOwner();
+    }, ...(ngDevMode ? [{ debugName: "canManagePersonalAssignments" }] : []));
+    personalAssignableMembers = computed(() => {
+        if (this.item().visibility !== 'personal' || !this.canManagePersonalAssignments()) {
+            return [];
+        }
+        return this.visibleMembers().filter(member => !this.hasAnyAssignment(member.id));
+    }, ...(ngDevMode ? [{ debugName: "personalAssignableMembers" }] : []));
+    filteredPersonalAssignableMembers = computed(() => {
+        const query = this.personalAssignSearch().trim().toLowerCase();
+        if (!query) {
+            return this.personalAssignableMembers();
+        }
+        return this.personalAssignableMembers().filter(member => {
+            const searchable = `${member.name} ${member.initials ?? ''}`.toLowerCase();
+            return searchable.includes(query);
+        });
+    }, ...(ngDevMode ? [{ debugName: "filteredPersonalAssignableMembers" }] : []));
+    selectedPersonalAssignMember = computed(() => {
+        const memberId = this.personalAssignMemberId();
+        if (!memberId) {
+            return null;
+        }
+        return this.members().find(member => member.id === memberId) ?? null;
+    }, ...(ngDevMode ? [{ debugName: "selectedPersonalAssignMember" }] : []));
+    completionText = computed(() => {
+        if (this.item().visibility === 'shared') {
+            return `${this.sharedAssignmentsCount()}/${this.requiredQuantity()} bereit`;
+        }
+        if (this.item().visibility === 'personal') {
+            return `${this.checkedMembers().length}/${this.visibleMembers().length} bereit`;
+        }
+        return this.isPacked() ? 'bereit' : 'offen';
+    }, ...(ngDevMode ? [{ debugName: "completionText" }] : []));
+    progressNumerator = computed(() => {
+        if (this.item().visibility === 'shared') {
+            return this.sharedAssignmentsCount();
+        }
+        if (this.item().visibility === 'personal') {
+            return this.checkedMembers().length;
+        }
+        return this.isPacked() ? 1 : 0;
+    }, ...(ngDevMode ? [{ debugName: "progressNumerator" }] : []));
+    progressDenominator = computed(() => {
+        if (this.item().visibility === 'shared') {
+            return this.requiredQuantity();
+        }
+        if (this.item().visibility === 'personal') {
+            return Math.max(1, this.visibleMembers().length);
+        }
+        return 1;
+    }, ...(ngDevMode ? [{ debugName: "progressDenominator" }] : []));
+    progressRatioText = computed(() => `${this.progressNumerator()}/${this.progressDenominator()}`, ...(ngDevMode ? [{ debugName: "progressRatioText" }] : []));
+    // Badge shown top-right: "x/y" packed — only for group items
+    quantityBadge = computed(() => {
+        const vis = this.item().visibility;
+        if (this.permissions().isSolo || vis === 'private')
+            return null;
+        const n = this.progressNumerator();
+        const d = this.progressDenominator();
+        if (d <= 1 && vis === 'shared')
+            return null; // single shared item, dot is enough
+        return { value: `${n}/${d}`, tone: this.progressTone() };
+    }, ...(ngDevMode ? [{ debugName: "quantityBadge" }] : []));
+    progressPercentage = computed(() => {
+        const denominator = this.progressDenominator();
+        if (denominator <= 0) {
+            return 0;
+        }
+        return Math.min(100, Math.round((this.progressNumerator() / denominator) * 100));
+    }, ...(ngDevMode ? [{ debugName: "progressPercentage" }] : []));
+    progressTone = computed(() => {
+        const progress = this.progressPercentage();
+        if (progress === 100) {
+            return 'success';
+        }
+        if (progress >= 50) {
+            return 'warning';
+        }
+        return 'danger';
+    }, ...(ngDevMode ? [{ debugName: "progressTone" }] : []));
+    needsPackLabel = computed(() => {
+        if (this.item().visibility === 'shared') {
+            return `${this.sharedMissingSlots()} offen`;
+        }
+        return `${this.missingMembers().length} müssen packen`;
+    }, ...(ngDevMode ? [{ debugName: "needsPackLabel" }] : []));
+    overlayMembers = computed(() => this.visibleMembers().map(member => ({
+        memberId: member.id,
+        memberName: member.name,
+        initials: member.initials,
+        checked: this.isMemberChecked(member.id),
+        canToggle: this.item().visibility === 'shared'
+            ? this.canAssignShared(member.id)
+            : this.canPackForMember(member.id)
+    })), ...(ngDevMode ? [{ debugName: "overlayMembers" }] : []));
+    filteredOverlayMembers = computed(() => {
+        const query = this.overlaySearch().trim().toLowerCase();
+        if (!query) {
+            return this.overlayMembers();
+        }
+        return this.overlayMembers().filter(member => {
+            const searchable = `${member.memberName} ${member.initials ?? ''}`.toLowerCase();
+            return searchable.includes(query);
+        });
+    }, ...(ngDevMode ? [{ debugName: "filteredOverlayMembers" }] : []));
+    personalStatusBadges = computed(() => {
+        if (this.item().visibility !== 'personal') {
+            return [];
+        }
+        const badges = [];
+        for (const assignment of this.item().assignments ?? []) {
+            const targetMember = this.members().find(m => m.id === assignment.memberId);
+            const targetName = targetMember?.name ?? assignment.memberName ?? assignment.memberId;
+            const sourceMember = assignment.packedBy ? this.members().find(m => m.id === assignment.packedBy) : null;
+            const sourceName = sourceMember?.name ?? assignment.packedByName ?? assignment.packedBy;
+            const isTakeover = !!assignment.packedBy && assignment.packedBy !== assignment.memberId;
+            badges.push({
+                key: `${assignment.memberId}:${assignment.packedBy ?? assignment.memberId}:${assignment.status}`,
+                text: isTakeover ? `${sourceName} -> ${targetName}` : targetName,
+                tone: assignment.status === 'assigned' ? 'warning' : 'success',
+                dotColor: this.memberRingColor(assignment.memberId)
+            });
+        }
+        return badges.sort((a, b) => {
+            const aIsCurrent = a.key.startsWith(`${this.currentUserId()}:`);
+            const bIsCurrent = b.key.startsWith(`${this.currentUserId()}:`);
+            if (aIsCurrent && !bIsCurrent)
+                return -1;
+            if (!aIsCurrent && bIsCurrent)
+                return 1;
+            return a.text.localeCompare(b.text);
+        });
+    }, ...(ngDevMode ? [{ debugName: "personalStatusBadges" }] : []));
+    sharedCountChips = computed(() => {
+        if (this.item().visibility !== 'shared') {
+            return [];
+        }
+        const byMember = new Map();
+        for (const assignment of this.item().assignments ?? []) {
+            const quantity = Math.max(1, assignment.quantity ?? 1);
+            const prev = byMember.get(assignment.memberId) ?? { quantity: 0, hasPacked: false };
+            byMember.set(assignment.memberId, {
+                quantity: prev.quantity + quantity,
+                hasPacked: prev.hasPacked || assignment.status === 'packed' || assignment.status === 'confirmed'
+            });
+        }
+        return Array.from(byMember.entries())
+            .map(([memberId, value]) => {
+            const member = this.members().find(m => m.id === memberId);
+            return {
+                key: memberId,
+                text: `${member?.name ?? memberId}: ${value.quantity}x`,
+                tone: (value.hasPacked ? 'success' : 'warning')
+            };
+        })
+            .sort((a, b) => {
+            const aIsCurrent = a.key === this.currentUserId();
+            const bIsCurrent = b.key === this.currentUserId();
+            if (aIsCurrent && !bIsCurrent)
+                return -1;
+            if (!aIsCurrent && bIsCurrent)
+                return 1;
+            return a.text.localeCompare(b.text);
+        });
+    }, ...(ngDevMode ? [{ debugName: "sharedCountChips" }] : []));
+    memberAssignmentStatus(memberId) {
+        const assignments = this.item().assignments ?? [];
+        const a = assignments.find(a => a.memberId === memberId);
+        if (!a)
+            return 'none';
+        if (a.status === 'confirmed')
+            return 'confirmed';
+        if (a.status === 'packed')
+            return 'packed';
+        return 'assigned';
+    }
+    memberAssignedQuantity(memberId) {
+        const assignments = this.item().assignments ?? [];
+        const assignment = assignments.find(a => a.memberId === memberId);
+        if (!assignment) {
+            return 0;
+        }
+        return Math.max(1, assignment.quantity ?? 1);
+    }
+    memberRingTone(memberId) {
+        return 'custom';
+    }
+    memberRingColor(memberId) {
+        const status = this.memberAssignmentStatus(memberId);
+        if (status === 'confirmed' || status === 'packed')
+            return '#4caf50';
+        if (status === 'assigned')
+            return '#f1c84a';
+        return '#cad8d0';
+    }
+    memberBadge(memberId) {
+        const status = this.memberAssignmentStatus(memberId);
+        if (status === 'confirmed' || status === 'packed') {
+            return { icon: '✓', tone: 'success', ariaLabel: 'Bestätigt' };
+        }
+        if (status === 'assigned') {
+            return { icon: '?', tone: 'neutral', ariaLabel: 'Zugewiesen' };
+        }
+        return null;
+    }
+    memberBackground(member) {
+        switch (member.type) {
+            case 'child':
+            case 'baby':
+                return '#fdf2d9';
+            case 'pet':
+                return '#efe6fb';
+            default:
+                return '#e8f0ea';
+        }
+    }
+    isMemberChecked(memberId) {
+        return this.item().visibility === 'shared'
+            ? this.isSharedAssigned(memberId)
+            : this.isAssignmentChecked(memberId);
+    }
+    hasAnyAssignment(memberId) {
+        const assignments = this.item().assignments ?? [];
+        return assignments.some(a => a.memberId === memberId);
+    }
+    canPackForMember(memberId) {
+        const permissions = this.permissions();
+        if (permissions.readOnly) {
+            return false;
+        }
+        return memberId === this.currentUserId() || permissions.isOrganizer;
+    }
+    isAssignmentChecked(memberId) {
+        const assignments = this.item().assignments ?? [];
+        return assignments.some(a => a.memberId === memberId && (a.status === 'packed' || a.status === 'confirmed'));
+    }
+    isSharedAssigned(memberId) {
+        const assignments = this.item().assignments ?? [];
+        return assignments.some(a => a.memberId === memberId);
+    }
+    canAssignShared(memberId) {
+        const permissions = this.permissions();
+        if (permissions.readOnly) {
+            return false;
+        }
+        if (permissions.isGuest && memberId !== this.currentUserId()) {
+            return false;
+        }
+        return true;
+    }
+    onSoloToggle(checked) {
+        this.itemChecked.emit({ itemId: this.item().id, checked });
+    }
+    onPrivateToggle(checked) {
+        this.itemChecked.emit({ itemId: this.item().id, checked });
+    }
+    onSharedToggle(memberId, quantity = 1) {
+        const assigned = !this.isSharedAssigned(memberId);
+        const safeQuantity = Math.max(1, quantity);
+        const label = assigned
+            ? `Willst du dich mit ${safeQuantity}x fuer dieses Shared-Item eintragen?`
+            : 'Willst du deine Zuordnung fuer dieses Shared-Item entfernen?';
+        if (!globalThis.confirm(label)) {
+            return;
+        }
+        this.itemAssigned.emit({ itemId: this.item().id, memberId, assigned, quantity: assigned ? safeQuantity : undefined });
+    }
+    setSharedAssignment(memberId, assigned, quantity) {
+        const safeQuantity = quantity !== undefined ? Math.max(1, quantity) : undefined;
+        this.itemAssigned.emit({
+            itemId: this.item().id,
+            memberId,
+            assigned,
+            quantity: assigned ? safeQuantity : undefined
+        });
+    }
+    setPersonalAssignment(memberId, assigned) {
+        this.itemAssigned.emit({
+            itemId: this.item().id,
+            memberId,
+            assigned
+        });
+    }
+    onPersonalToggle(memberId) {
+        const checked = !this.isAssignmentChecked(memberId);
+        this.personalItemToggled.emit({ itemId: this.item().id, memberId, checked });
+    }
+    deleteItem() {
+        if (!this.canEditOrDeleteItem()) {
+            return;
+        }
+        this.itemDeleted.emit(this.item().id);
+    }
+    requestEdit() {
+        if (!this.canEditOrDeleteItem()) {
+            return;
+        }
+        this.itemEditRequested.emit(this.item().id);
+    }
+    requestAssign() {
+        if (!this.canShowAssignCta()) {
+            return;
+        }
+        if (this.item().visibility === 'personal') {
+            this.openPersonalAssignDialog();
+            return;
+        }
+        this.openOverlay();
+    }
+    openPersonalAssignDialog() {
+        if (this.item().visibility !== 'personal') {
+            return;
+        }
+        const candidates = this.personalAssignableMembers();
+        if (candidates.length === 0) {
+            return;
+        }
+        this.closeCtaMenu();
+        this.closeOverlay();
+        this.closeDelegateDialog();
+        this.closeAvatarDialog();
+        this.quantityPickerOpen.set(false);
+        this.personalAssignSearch.set('');
+        this.personalAssignMemberId.set(candidates[0].id);
+        this.personalAssignDialogOpen.set(true);
+    }
+    closePersonalAssignDialog() {
+        this.personalAssignDialogOpen.set(false);
+        this.personalAssignSearch.set('');
+        this.personalAssignMemberId.set(null);
+    }
+    onPersonalAssignSearch(event) {
+        this.personalAssignSearch.set(event.target.value);
+        const filtered = this.filteredPersonalAssignableMembers();
+        const selectedMemberId = this.personalAssignMemberId();
+        if (!selectedMemberId || !filtered.some(member => member.id === selectedMemberId)) {
+            this.personalAssignMemberId.set(filtered[0]?.id ?? null);
+        }
+    }
+    selectPersonalAssignMember(memberId) {
+        this.personalAssignMemberId.set(memberId);
+    }
+    confirmPersonalAssignment() {
+        const member = this.selectedPersonalAssignMember();
+        if (!member) {
+            return;
+        }
+        if (!globalThis.confirm(`${member.name} diesem Personal-Item zuweisen?`)) {
+            return;
+        }
+        this.setPersonalAssignment(member.id, true);
+        this.closePersonalAssignDialog();
+    }
+    onPersonalAvatarClick(memberId) {
+        if (this.item().visibility !== 'personal' || !this.canManagePersonalAssignments() || !this.hasAnyAssignment(memberId)) {
+            return;
+        }
+        const member = this.members().find(entry => entry.id === memberId);
+        if (!globalThis.confirm(`${member?.name ?? memberId} von diesem Personal-Item entfernen?`)) {
+            return;
+        }
+        this.setPersonalAssignment(memberId, false);
+    }
+    onAssignMeToggle() {
+        if (this.selfAssignedToShared()) {
+            this.openDelegateDialog();
+            return;
+        }
+        if (this.requiredQuantity() <= 1) {
+            this.onSharedToggle(this.currentUserId(), 1);
+            return;
+        }
+        const missing = this.sharedMissingSlots();
+        if (missing <= 0) {
+            return;
+        }
+        this.quantityPickerValue.set(Math.min(this.quantityPickerValue(), missing));
+        this.quantityPickerOpen.update(open => !open);
+    }
+    openDelegateDialog() {
+        if (this.item().visibility !== 'shared') {
+            return;
+        }
+        const candidates = this.delegateCandidates();
+        if (candidates.length === 0) {
+            return;
+        }
+        this.closeAvatarDialog();
+        this.quantityPickerOpen.set(false);
+        this.delegateMemberId.set(candidates[0].id);
+        this.delegateQuantity.set(1);
+        this.delegateDialogOpen.set(true);
+    }
+    closeDelegateDialog() {
+        this.delegateDialogOpen.set(false);
+        this.delegateMemberId.set(null);
+        this.delegateQuantity.set(1);
+    }
+    onDelegateMemberChange(event) {
+        this.delegateMemberId.set(event.target.value || null);
+    }
+    increaseDelegateQuantity() {
+        this.delegateQuantity.update(value => Math.min(this.requiredQuantity(), value + 1));
+    }
+    decreaseDelegateQuantity() {
+        this.delegateQuantity.update(value => Math.max(1, value - 1));
+    }
+    confirmDelegateAssignment() {
+        const memberId = this.delegateMemberId();
+        if (!memberId) {
+            return;
+        }
+        const target = this.members().find(member => member.id === memberId);
+        const quantity = Math.max(1, this.delegateQuantity());
+        const confirmationText = `Auch User mit Account können von anderen übernommen werden.`;
+        if (!globalThis.confirm(`Zuordnung setzen: ${target?.name ?? memberId} (${quantity}x)?\n${confirmationText}`)) {
+            return;
+        }
+        this.setSharedAssignment(memberId, true, quantity);
+        this.closeDelegateDialog();
+    }
+    onSharedAvatarClick(memberId) {
+        if (this.item().visibility !== 'shared') {
+            return;
+        }
+        const quantity = this.memberAssignedQuantity(memberId);
+        if (quantity <= 0) {
+            return;
+        }
+        this.closeDelegateDialog();
+        this.quantityPickerOpen.set(false);
+        this.avatarDialogMemberId.set(memberId);
+        this.avatarDialogQuantity.set(quantity);
+        this.avatarDialogOpen.set(true);
+    }
+    closeAvatarDialog() {
+        this.avatarDialogOpen.set(false);
+        this.avatarDialogMemberId.set(null);
+        this.avatarDialogQuantity.set(1);
+    }
+    increaseAvatarDialogQuantity() {
+        this.avatarDialogQuantity.update(value => Math.min(this.requiredQuantity(), value + 1));
+    }
+    decreaseAvatarDialogQuantity() {
+        this.avatarDialogQuantity.update(value => Math.max(0, value - 1));
+    }
+    confirmAvatarDialogUpdate() {
+        const memberId = this.avatarDialogMemberId();
+        if (!memberId) {
+            return;
+        }
+        const quantity = this.avatarDialogQuantity();
+        const member = this.members().find(m => m.id === memberId);
+        if (quantity === 0) {
+            if (!globalThis.confirm(`Zuordnung fuer ${member?.name ?? memberId} entfernen?`)) {
+                return;
+            }
+            this.setSharedAssignment(memberId, false);
+            this.closeAvatarDialog();
+            return;
+        }
+        if (!globalThis.confirm(`Menge fuer ${member?.name ?? memberId} auf ${quantity} setzen?`)) {
+            return;
+        }
+        this.setSharedAssignment(memberId, true, quantity);
+        this.closeAvatarDialog();
+    }
+    increaseSelfAssignQuantity() {
+        const max = this.selfAssignableMaxQuantity();
+        this.quantityPickerValue.update(value => Math.min(max, value + 1));
+    }
+    decreaseSelfAssignQuantity() {
+        this.quantityPickerValue.update(value => Math.max(1, value - 1));
+    }
+    cancelSelfAssignQuantity() {
+        this.quantityPickerOpen.set(false);
+        this.quantityPickerValue.set(1);
+    }
+    confirmSelfAssignQuantity() {
+        const quantity = Math.max(1, Math.min(this.quantityPickerValue(), this.selfAssignableMaxQuantity()));
+        this.quantityPickerOpen.set(false);
+        if (!globalThis.confirm(`Willst du dich mit ${quantity}x fuer dieses Shared-Item eintragen?`)) {
+            return;
+        }
+        this.setSharedAssignment(this.currentUserId(), true, quantity);
+    }
+    toggleCtaMenu() {
+        this.ctaMenuOpen.update(open => !open);
+    }
+    closeCtaMenu() {
+        this.ctaMenuOpen.set(false);
+    }
+    onMenuAssign() {
+        this.closeCtaMenu();
+        this.requestAssign();
+    }
+    onMenuEdit() {
+        this.closeCtaMenu();
+        this.requestEdit();
+    }
+    onMenuDelete() {
+        this.closeCtaMenu();
+        this.deleteItem();
+    }
+    openOverlay() {
+        this.closeCtaMenu();
+        this.overlaySearch.set('');
+        this.quantityPickerOpen.set(false);
+        this.closeDelegateDialog();
+        this.closeAvatarDialog();
+        this.closePersonalAssignDialog();
+        this.overlayOpen.set(true);
+        this.memberOverlayRequested.emit({
+            itemId: this.item().id,
+            itemName: this.item().name,
+            members: this.overlayMembers()
+        });
+    }
+    closeOverlay() {
+        this.overlayOpen.set(false);
+        this.overlaySearch.set('');
+    }
+    onOverlaySearch(event) {
+        this.overlaySearch.set(event.target.value);
+    }
+    toggleFromOverlay(memberId) {
+        if (this.item().visibility === 'shared') {
+            this.onSharedToggle(memberId);
+            return;
+        }
+        if (this.item().visibility === 'personal') {
+            this.onPersonalToggle(memberId);
+        }
+    }
+    privateItemOwnerLabel() {
+        if (!this.item().privateOwnerVisible) {
+            return 'Privat';
+        }
+        const ownerId = this.item().createdBy ?? this.item().assignments?.[0]?.memberId;
+        const owner = this.members().find(member => member.id === ownerId);
+        return owner?.name ?? 'Privat';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PackingListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: PackingListItemComponent, isStandalone: true, selector: "c2g-packing-list-item", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null }, members: { classPropertyName: "members", publicName: "members", isSignal: true, isRequired: true, transformFunction: null }, currentUserId: { classPropertyName: "currentUserId", publicName: "currentUserId", isSignal: true, isRequired: true, transformFunction: null }, permissions: { classPropertyName: "permissions", publicName: "permissions", isSignal: true, isRequired: true, transformFunction: null }, selectedMemberIds: { classPropertyName: "selectedMemberIds", publicName: "selectedMemberIds", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemChecked: "itemChecked", itemAssigned: "itemAssigned", itemDeleted: "itemDeleted", itemEditRequested: "itemEditRequested", personalItemToggled: "personalItemToggled", memberOverlayRequested: "memberOverlayRequested" }, ngImport: i0, template: "<div class=\"c2g-pl-item\" [class.c2g-pl-item--packed]=\"isPacked()\">\n\n  <div class=\"c2g-pl-item__row\">\n\n    <!-- Solo: echte Checkbox -->\n    @if (permissions().isSolo) {\n      <button\n        class=\"c2g-pl-item__check\"\n        [class.c2g-pl-item__check--done]=\"isPacked()\"\n        type=\"button\"\n        [disabled]=\"permissions().readOnly\"\n        [attr.aria-pressed]=\"isPacked()\"\n        [attr.aria-label]=\"isPacked() ? 'Als ungepackt markieren' : 'Als gepackt markieren'\"\n        (click)=\"onSoloToggle(!isPacked())\">\n        @if (isPacked()) {\n          <span class=\"c2g-pl-item__check-mark\" aria-hidden=\"true\">\u2713</span>\n        }\n      </button>\n    } @else {\n      <!-- Gruppen-Item: farbiger Fortschritts-Dot -->\n      <span\n        class=\"c2g-pl-item__dot\"\n        [class.c2g-pl-item__dot--danger]=\"progressTone() === 'danger'\"\n        [class.c2g-pl-item__dot--warning]=\"progressTone() === 'warning'\"\n        [class.c2g-pl-item__dot--success]=\"progressTone() === 'success'\"\n        [attr.title]=\"progressRatioText() + ' bereit'\"\n        aria-hidden=\"true\">\n      </span>\n    }\n\n    <!-- Body -->\n    <div class=\"c2g-pl-item__body\">\n\n      <!-- Zeile 1: Name + Tags + Mengen-Badge -->\n      <div class=\"c2g-pl-item__title-row\">\n        <span class=\"c2g-pl-item__name\">{{ item().name }}</span>\n        <div class=\"c2g-pl-item__tags\">\n          @if (item().essential) {\n            <span class=\"c2g-pl-item__tag c2g-pl-item__tag--essential\">Pflicht</span>\n          }\n          @if (item().weather) {\n            <span class=\"c2g-pl-item__tag c2g-pl-item__tag--weather\">Wetter</span>\n          }\n          @if (item().visibility === 'private') {\n            <span class=\"c2g-pl-item__tag c2g-pl-item__tag--private\">\uD83D\uDD12 {{ privateItemOwnerLabel() }}</span>\n          }\n        </div>\n\n        @if (quantityBadge(); as badge) {\n          <c2g-badge\n            class=\"c2g-pl-item__qty-badge\"\n            [value]=\"badge.value\"\n            [tone]=\"badge.tone\"\n            variant=\"subtle\"\n            size=\"sm\"\n            [attr.aria-label]=\"'Gepackt: ' + badge.value\">\n          </c2g-badge>\n        }\n      </div>\n\n      <!-- Zeile 2: Mitglieder / Avatare -->\n      @if (!permissions().isSolo) {\n        <div class=\"c2g-pl-item__members-row\">\n\n          @if (item().visibility === 'shared') {\n            <!-- Assigned-Avatare -->\n            @for (member of checkedPreview(); track member.id) {\n              <button\n                class=\"c2g-pl-item__avatar-btn\"\n                type=\"button\"\n                [disabled]=\"permissions().readOnly\"\n                [attr.aria-label]=\"member.name + ' \u2013 antippen zum Bearbeiten'\"\n                (click)=\"onSharedAvatarClick(member.id)\">\n                <c2g-avatar\n                  size=\"sm\"\n                  [name]=\"member.name\"\n                  [initials]=\"member.initials || ''\"\n                  [backgroundColor]=\"memberBackground(member)\"\n                  [ringTone]=\"memberRingTone(member.id)\"\n                  [ringColor]=\"memberRingColor(member.id)\"\n                  [badge]=\"memberBadge(member.id)\">\n                </c2g-avatar>\n              </button>\n            }\n\n            @if (hiddenCheckedCount() > 0) {\n              <div class=\"c2g-pl-item__more-wrap\">\n                <button class=\"c2g-pl-item__more\" type=\"button\" (click)=\"openOverlay()\">\n                  +{{ hiddenCheckedCount() }}\n                </button>\n                @if (overlayOpen()) {\n                  <div class=\"c2g-pl-item__overlay\" role=\"dialog\" aria-label=\"Alle Mitglieder\">\n                    <div class=\"c2g-pl-item__overlay-head\">\n                      <strong>{{ item().name }}</strong>\n                      <button type=\"button\" class=\"c2g-pl-item__overlay-close\" (click)=\"closeOverlay()\">\u2715</button>\n                    </div>\n                    <input class=\"c2g-pl-item__overlay-search\" type=\"search\" [value]=\"overlaySearch()\" placeholder=\"Mitglied suchen...\" (input)=\"onOverlaySearch($event)\" />\n                    <div class=\"c2g-pl-item__overlay-list\">\n                      @for (member of filteredOverlayMembers(); track member.memberId) {\n                        <button class=\"c2g-pl-item__overlay-row\" type=\"button\" [disabled]=\"!member.canToggle\" (click)=\"toggleFromOverlay(member.memberId)\">\n                          <span>{{ member.memberName }}</span>\n                          <span class=\"c2g-pl-item__overlay-status\" [class.c2g-pl-item__overlay-status--done]=\"member.checked\">{{ member.checked ? '\u2713 bereit' : 'ausstehend' }}</span>\n                        </button>\n                      }\n                    </div>\n                  </div>\n                }\n              </div>\n            }\n\n            <!-- Empty state -->\n            @if (checkedMembers().length === 0) {\n              <span class=\"c2g-pl-item__empty\">Noch niemand eingetragen</span>\n            }\n\n            <!-- + Eintragen Button -->\n            @if (canSelfAssignShared()) {\n              <button\n                class=\"c2g-pl-item__join-btn\"\n                [class.c2g-pl-item__join-btn--active]=\"selfAssignedToShared()\"\n                type=\"button\"\n                (click)=\"onAssignMeToggle()\">\n                {{ joinBtnLabel() }}\n              </button>\n            }\n\n          } @else if (item().visibility === 'personal') {\n            <!-- Personal: wer hat es f\u00FCr sich -->\n            @for (member of personalAssignedPreview(); track member.id) {\n              <button\n                class=\"c2g-pl-item__avatar-btn\"\n                type=\"button\"\n                [disabled]=\"!canManagePersonalAssignments()\"\n                [attr.aria-label]=\"member.name + ' \u2013 antippen zum Entfernen'\"\n                (click)=\"onPersonalAvatarClick(member.id)\">\n                <c2g-avatar\n                  size=\"sm\"\n                  [name]=\"member.name\"\n                  [initials]=\"member.initials || ''\"\n                  [backgroundColor]=\"memberBackground(member)\"\n                  [ringTone]=\"memberRingTone(member.id)\"\n                  [ringColor]=\"memberRingColor(member.id)\"\n                  [badge]=\"memberBadge(member.id)\">\n                </c2g-avatar>\n              </button>\n            }\n\n            @if (personalHiddenAssignedCount() > 0) {\n              <div class=\"c2g-pl-item__more-wrap\">\n                <button class=\"c2g-pl-item__more\" type=\"button\" (click)=\"openOverlay()\">\n                  +{{ personalHiddenAssignedCount() }}\n                </button>\n                @if (overlayOpen()) {\n                  <div class=\"c2g-pl-item__overlay\" role=\"dialog\" aria-label=\"Alle Mitglieder\">\n                    <div class=\"c2g-pl-item__overlay-head\">\n                      <strong>{{ item().name }}</strong>\n                      <button type=\"button\" class=\"c2g-pl-item__overlay-close\" (click)=\"closeOverlay()\">\u2715</button>\n                    </div>\n                    <input class=\"c2g-pl-item__overlay-search\" type=\"search\" [value]=\"overlaySearch()\" placeholder=\"Mitglied suchen...\" (input)=\"onOverlaySearch($event)\" />\n                    <div class=\"c2g-pl-item__overlay-list\">\n                      @for (member of filteredOverlayMembers(); track member.memberId) {\n                        <button class=\"c2g-pl-item__overlay-row\" type=\"button\" [disabled]=\"!member.canToggle\" (click)=\"toggleFromOverlay(member.memberId)\">\n                          <span>{{ member.memberName }}</span>\n                          <span class=\"c2g-pl-item__overlay-status\" [class.c2g-pl-item__overlay-status--done]=\"member.checked\">{{ member.checked ? '\u2713 bereit' : 'ausstehend' }}</span>\n                        </button>\n                      }\n                    </div>\n                  </div>\n                }\n              </div>\n            }\n\n            @if (personalAssignedMembers().length === 0) {\n              <span class=\"c2g-pl-item__empty\">Nicht zugewiesen</span>\n            }\n\n            @if (canManagePersonalAssignments()) {\n              <button class=\"c2g-pl-item__join-btn\" type=\"button\" (click)=\"openPersonalAssignDialog()\">\n                + Zuweisen\n              </button>\n            }\n          }\n\n        </div>\n      }\n\n    </div>\n\n    <!-- Aktions-Spalte: \u22EF Men\u00FC -->\n    @if (canShowAssignCta() || canEditOrDeleteItem()) {\n      <div class=\"c2g-pl-item__cta\">\n        <button\n          class=\"c2g-pl-item__menu-trigger\"\n          type=\"button\"\n          aria-label=\"Aktionen\"\n          [attr.aria-expanded]=\"ctaMenuOpen()\"\n          (click)=\"toggleCtaMenu()\">\n          \u22EF\n        </button>\n\n        @if (ctaMenuOpen()) {\n          <div class=\"c2g-pl-item__menu\" role=\"menu\">\n            @if (canShowAssignCta()) {\n              <button class=\"c2g-pl-item__menu-item\" type=\"button\" role=\"menuitem\" (click)=\"onMenuAssign()\">\n                <span class=\"c2g-pl-item__menu-icon\">\uD83D\uDC64</span> {{ isPlanner() ? 'Zuweisen' : 'Einpacken' }}\n              </button>\n            }\n            @if (canEditOrDeleteItem()) {\n              <button class=\"c2g-pl-item__menu-item\" type=\"button\" role=\"menuitem\" (click)=\"onMenuEdit()\">\n                <span class=\"c2g-pl-item__menu-icon\">\u270F\uFE0F</span> Bearbeiten\n              </button>\n              <div class=\"c2g-pl-item__menu-divider\"></div>\n              <button class=\"c2g-pl-item__menu-item c2g-pl-item__menu-item--danger\" type=\"button\" role=\"menuitem\" (click)=\"onMenuDelete()\">\n                <span class=\"c2g-pl-item__menu-icon\">\uD83D\uDDD1</span> L\u00F6schen\n              </button>\n            }\n          </div>\n        }\n      </div>\n    }\n\n  </div>\n\n  <!-- Quantity Picker (Shared: eigene Menge) -->\n  @if (quantityPickerOpen()) {\n    <div class=\"c2g-pl-item__picker\" role=\"group\" aria-label=\"Menge w\u00E4hlen\">\n      <span class=\"c2g-pl-item__picker-label\">{{ pickerLabel() }}</span>\n      <button class=\"c2g-pl-item__qty-btn\" type=\"button\" (click)=\"decreaseSelfAssignQuantity()\">\u2212</button>\n      <span class=\"c2g-pl-item__qty-val\">{{ quantityPickerValue() }}x</span>\n      <button class=\"c2g-pl-item__qty-btn\" type=\"button\" (click)=\"increaseSelfAssignQuantity()\">+</button>\n      <button class=\"c2g-pl-item__qty-ok\" type=\"button\" (click)=\"confirmSelfAssignQuantity()\">Best\u00E4tigen</button>\n      <button class=\"c2g-pl-item__qty-cancel\" type=\"button\" (click)=\"cancelSelfAssignQuantity()\">Abbrechen</button>\n    </div>\n  }\n\n  <!-- Delegate Dialog (Organizer weist anderem zu) -->\n  @if (delegateDialogOpen()) {\n    <div class=\"c2g-pl-item__picker\" role=\"dialog\" aria-label=\"Mitglied zuweisen\">\n      <span class=\"c2g-pl-item__picker-label\">{{ delegatePickerLabel() }}</span>\n      <select class=\"c2g-pl-item__select\" [value]=\"delegateMemberId() ?? ''\" (change)=\"onDelegateMemberChange($event)\">\n        @for (member of delegateCandidates(); track member.id) {\n          <option [value]=\"member.id\">{{ member.name }}</option>\n        }\n      </select>\n      <button class=\"c2g-pl-item__qty-btn\" type=\"button\" (click)=\"decreaseDelegateQuantity()\">\u2212</button>\n      <span class=\"c2g-pl-item__qty-val\">{{ delegateQuantity() }}x</span>\n      <button class=\"c2g-pl-item__qty-btn\" type=\"button\" (click)=\"increaseDelegateQuantity()\">+</button>\n      <button class=\"c2g-pl-item__qty-ok\" type=\"button\" (click)=\"confirmDelegateAssignment()\">Best\u00E4tigen</button>\n      <button class=\"c2g-pl-item__qty-cancel\" type=\"button\" (click)=\"closeDelegateDialog()\">Abbrechen</button>\n    </div>\n  }\n\n  <!-- Avatar Dialog (Menge eines Zugewiesenen \u00E4ndern) -->\n  @if (avatarDialogOpen()) {\n    <div class=\"c2g-pl-item__picker\" role=\"dialog\" aria-label=\"Zuteilung bearbeiten\">\n      <span class=\"c2g-pl-item__picker-label\">Menge anpassen \u2013 0 zum Entfernen</span>\n      <button class=\"c2g-pl-item__qty-btn\" type=\"button\" (click)=\"decreaseAvatarDialogQuantity()\">\u2212</button>\n      <span class=\"c2g-pl-item__qty-val\">{{ avatarDialogQuantity() }}x</span>\n      <button class=\"c2g-pl-item__qty-btn\" type=\"button\" (click)=\"increaseAvatarDialogQuantity()\">+</button>\n      <button class=\"c2g-pl-item__qty-ok\" type=\"button\" (click)=\"confirmAvatarDialogUpdate()\">Best\u00E4tigen</button>\n      <button class=\"c2g-pl-item__qty-cancel\" type=\"button\" (click)=\"closeAvatarDialog()\">Abbrechen</button>\n    </div>\n  }\n\n  <!-- Personal Assign Panel -->\n  @if (personalAssignDialogOpen()) {\n    <div class=\"c2g-pl-item__assign-panel\" role=\"dialog\" aria-label=\"Mitglied zuweisen\">\n      <input\n        class=\"c2g-pl-item__assign-search\"\n        type=\"search\"\n        [value]=\"personalAssignSearch()\"\n        placeholder=\"Mitglied suchen...\"\n        (input)=\"onPersonalAssignSearch($event)\" />\n      <div class=\"c2g-pl-item__assign-list\">\n        @for (member of filteredPersonalAssignableMembers(); track member.id) {\n          <button\n            class=\"c2g-pl-item__assign-option\"\n            [class.c2g-pl-item__assign-option--active]=\"personalAssignMemberId() === member.id\"\n            type=\"button\"\n            (click)=\"selectPersonalAssignMember(member.id)\">\n            <c2g-avatar\n              size=\"sm\"\n              [name]=\"member.name\"\n              [initials]=\"member.initials || ''\"\n              [backgroundColor]=\"memberBackground(member)\">\n            </c2g-avatar>\n            <span>{{ member.name }}</span>\n          </button>\n        }\n      </div>\n      <div class=\"c2g-pl-item__assign-footer\">\n        <button class=\"c2g-pl-item__qty-ok\" type=\"button\" [disabled]=\"!selectedPersonalAssignMember()\" (click)=\"confirmPersonalAssignment()\">Zuweisen</button>\n        <button class=\"c2g-pl-item__qty-cancel\" type=\"button\" (click)=\"closePersonalAssignDialog()\">Abbrechen</button>\n      </div>\n    </div>\n  }\n\n  <!-- Hinweis -->\n  @if (item().hint) {\n    <p class=\"c2g-pl-item__hint\">{{ item().hint }}</p>\n  }\n\n  <!-- Shared: Mengen-Chips -->\n  @if (sharedCountChips().length > 0) {\n    <div class=\"c2g-pl-item__chip-row\">\n      @for (chip of sharedCountChips(); track chip.key) {\n        <c2g-badge [value]=\"chip.text\" [tone]=\"chip.tone\" variant=\"subtle\" size=\"sm\"></c2g-badge>\n      }\n    </div>\n  }\n\n  <!-- Personal: Status-Chips -->\n  @if (personalStatusBadges().length > 0) {\n    <div class=\"c2g-pl-item__chip-row\">\n      @for (badge of personalStatusBadges(); track badge.key) {\n        <c2g-badge\n          [value]=\"badge.text\"\n          [tone]=\"badge.tone\"\n          variant=\"subtle\"\n          size=\"sm\"\n          [dot]=\"true\"\n          [dotColor]=\"badge.dotColor\">\n        </c2g-badge>\n      }\n    </div>\n  }\n\n\n</div>\n", styles: [".c2g-pl-item{border:1px solid var(--c2g-color-outline-variant);border-radius:.625rem;padding:.65rem .75rem;background:var(--c2g-color-surface);display:grid;gap:.45rem;position:relative;transition:background .15s ease,border-color .15s ease}.c2g-pl-item--packed{background:color-mix(in srgb,#16a34a 6%,var(--c2g-color-surface));border-color:color-mix(in srgb,#16a34a 25%,transparent)}.c2g-pl-item--packed .c2g-pl-item__name{color:var(--c2g-color-text-muted);text-decoration:line-through;text-decoration-color:color-mix(in srgb,#16a34a 50%,transparent)}.c2g-pl-item__row{display:grid;grid-template-columns:.875rem minmax(0,1fr) auto;gap:.6rem;align-items:start}.c2g-pl-item__check{width:1.1rem;height:1.1rem;border:2px solid var(--c2g-color-outline);border-radius:.25rem;background:var(--c2g-color-surface);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;margin-top:.15rem;flex-shrink:0;transition:background .12s,border-color .12s}.c2g-pl-item__check:hover:not(:disabled){border-color:var(--c2g-color-secondary-dark)}.c2g-pl-item__check--done{background:var(--c2g-color-secondary-dark, #2d6a4f);border-color:var(--c2g-color-secondary-dark, #2d6a4f)}.c2g-pl-item__check-mark{color:#fff;font-size:.65rem;font-weight:800;line-height:1}.c2g-pl-item__dot{width:.5rem;height:.5rem;border-radius:50%;margin-top:.35rem;flex-shrink:0;background:var(--c2g-color-outline)}.c2g-pl-item__dot--danger{background:#ef4444}.c2g-pl-item__dot--warning{background:#f59e0b}.c2g-pl-item__dot--success{background:#16a34a}.c2g-pl-item__body{display:grid;gap:.4rem;min-width:0}.c2g-pl-item__title-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;min-width:0}.c2g-pl-item__qty-badge{margin-left:auto;flex-shrink:0}.c2g-pl-item__name{font-weight:600;font-size:.875rem;color:var(--c2g-color-text-primary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .15s}.c2g-pl-item__tags{display:inline-flex;align-items:center;gap:.25rem;flex-wrap:wrap;flex-shrink:0}.c2g-pl-item__tag{font-size:.65rem;font-weight:500;border-radius:99px;padding:.1rem .4rem;background:var(--c2g-color-neutral-100);color:var(--c2g-color-text-muted);white-space:nowrap}.c2g-pl-item__tag--essential{background:color-mix(in srgb,#f59e0b 15%,transparent);color:#92400e}.c2g-pl-item__tag--weather{background:color-mix(in srgb,#3b82f6 12%,transparent);color:#1d4ed8}.c2g-pl-item__tag--private{background:var(--c2g-color-primary-container);color:var(--c2g-color-on-primary-container)}.c2g-pl-item__members-row{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem}.c2g-pl-item__avatar-btn{border:0;background:transparent;padding:0;cursor:pointer;border-radius:50%;display:inline-flex}.c2g-pl-item__avatar-btn:disabled{cursor:default;opacity:.85}.c2g-pl-item__avatar-btn:not(:disabled):hover{transform:translateY(-1px);transition:transform .1s}.c2g-pl-item__more-wrap{position:relative;display:inline-flex}.c2g-pl-item__more{height:1.75rem;min-width:1.75rem;padding:0 .4rem;border-radius:99px;border:1px dashed var(--c2g-color-outline);background:transparent;color:var(--c2g-color-text-muted);font-size:.72rem;font-weight:600;cursor:pointer}.c2g-pl-item__more:hover{background:var(--c2g-color-neutral-100)}.c2g-pl-item__empty{font-size:.75rem;color:var(--c2g-color-text-muted);font-style:italic}.c2g-pl-item__join-btn{display:inline-flex;align-items:center;height:1.75rem;padding:0 .6rem;border-radius:99px;border:1.5px dashed var(--c2g-color-secondary-dark);background:transparent;color:var(--c2g-color-secondary-dark);font-size:.72rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .1s}.c2g-pl-item__join-btn:hover{background:var(--c2g-color-secondary-container)}.c2g-pl-item__join-btn--active{border-style:solid;background:var(--c2g-color-secondary-container)}.c2g-pl-item__cta{position:relative;display:inline-grid;justify-items:end}.c2g-pl-item__menu-trigger{width:1.75rem;height:1.75rem;border:1px solid var(--c2g-color-outline-variant);border-radius:.4rem;background:transparent;color:var(--c2g-color-text-muted);font-size:1rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}.c2g-pl-item__menu-trigger:hover{background:var(--c2g-color-neutral-100);color:var(--c2g-color-text-primary)}.c2g-pl-item__menu{position:absolute;top:calc(100% + .3rem);right:0;min-width:10rem;border:1px solid var(--c2g-color-outline-variant);border-radius:.65rem;background:var(--c2g-color-surface);box-shadow:0 8px 24px #152b2124;padding:.3rem;display:grid;gap:.1rem;z-index:20}.c2g-pl-item__menu-item{display:flex;align-items:center;gap:.45rem;border:0;background:transparent;color:var(--c2g-color-text-primary);border-radius:.45rem;min-height:2rem;padding:.25rem .55rem;font-size:.82rem;text-align:left;cursor:pointer;width:100%}.c2g-pl-item__menu-item:hover{background:var(--c2g-color-neutral-100)}.c2g-pl-item__menu-item--danger{color:var(--c2g-color-error)}.c2g-pl-item__menu-icon{font-size:.85rem;line-height:1;flex-shrink:0}.c2g-pl-item__menu-divider{height:1px;background:var(--c2g-color-outline-variant);margin:.15rem .3rem}.c2g-pl-item__picker{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem;padding:.45rem .6rem;border:1px solid var(--c2g-color-outline-variant);border-radius:.5rem;background:var(--c2g-color-neutral-50)}.c2g-pl-item__picker-label{font-size:.75rem;color:var(--c2g-color-text-muted);width:100%}.c2g-pl-item__qty-btn{width:1.6rem;height:1.6rem;border:1px solid var(--c2g-color-outline);border-radius:.35rem;background:var(--c2g-color-surface);color:var(--c2g-color-text-primary);font-size:1.1rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}.c2g-pl-item__qty-val{min-width:2rem;text-align:center;font-weight:700;font-size:.85rem}.c2g-pl-item__select{height:1.7rem;border:1px solid var(--c2g-color-outline);border-radius:.35rem;background:var(--c2g-color-surface);color:var(--c2g-color-text-primary);font-size:.78rem;padding:0 .5rem}.c2g-pl-item__qty-ok{height:1.7rem;padding:0 .65rem;border-radius:.35rem;border:1px solid var(--c2g-color-secondary-dark);background:var(--c2g-color-secondary-container);color:var(--c2g-color-secondary-dark);font-size:.76rem;font-weight:600;cursor:pointer}.c2g-pl-item__qty-ok:disabled{opacity:.45;cursor:not-allowed}.c2g-pl-item__qty-cancel{height:1.7rem;padding:0 .5rem;border-radius:.35rem;border:1px solid transparent;background:transparent;color:var(--c2g-color-text-muted);font-size:.76rem;cursor:pointer}.c2g-pl-item__qty-cancel:hover{background:var(--c2g-color-neutral-100)}.c2g-pl-item__assign-panel{display:grid;gap:.35rem;padding:.55rem;border:1px solid var(--c2g-color-outline-variant);border-radius:.65rem;background:var(--c2g-color-neutral-50)}.c2g-pl-item__assign-search{height:2rem;border:1px solid var(--c2g-color-outline);border-radius:.4rem;background:var(--c2g-color-surface);color:var(--c2g-color-text-primary);font-size:.82rem;padding:0 .65rem}.c2g-pl-item__assign-list{display:grid;gap:.2rem;max-height:10rem;overflow:auto}.c2g-pl-item__assign-option{display:flex;align-items:center;gap:.55rem;border:1px solid var(--c2g-color-outline-variant);background:var(--c2g-color-surface);color:var(--c2g-color-text-primary);border-radius:.45rem;min-height:2.2rem;padding:.3rem .6rem;font-size:.82rem;cursor:pointer;text-align:left}.c2g-pl-item__assign-option:hover{background:var(--c2g-color-neutral-100)}.c2g-pl-item__assign-option--active{border-color:var(--c2g-color-secondary-dark);background:var(--c2g-color-secondary-container)}.c2g-pl-item__assign-footer{display:flex;gap:.35rem}.c2g-pl-item__hint{margin:0;font-size:.78rem;color:var(--c2g-color-text-muted)}.c2g-pl-item__chip-row{display:flex;flex-wrap:wrap;gap:.3rem}.c2g-pl-item__overlay{position:absolute;top:calc(100% + .35rem);left:0;width:min(22rem,92vw);border:1px solid var(--c2g-color-outline);background:var(--c2g-color-surface);border-radius:.7rem;box-shadow:0 12px 32px #152b212e;padding:.6rem;display:grid;gap:.4rem;z-index:30}.c2g-pl-item__overlay-head{display:flex;align-items:center;justify-content:space-between;font-size:.88rem;font-weight:600}.c2g-pl-item__overlay-close{border:0;background:transparent;cursor:pointer;color:var(--c2g-color-text-secondary);font-size:.9rem;padding:.1rem .25rem;border-radius:.3rem}.c2g-pl-item__overlay-close:hover{background:var(--c2g-color-neutral-100)}.c2g-pl-item__overlay-search{height:2rem;border:1px solid var(--c2g-color-outline);border-radius:.4rem;padding:0 .6rem;font-size:.82rem}.c2g-pl-item__overlay-list{max-height:12rem;overflow:auto;display:grid;gap:.2rem}.c2g-pl-item__overlay-row{border:1px solid var(--c2g-color-outline-variant);background:var(--c2g-color-surface);border-radius:.45rem;padding:.4rem .55rem;display:flex;justify-content:space-between;align-items:center;font-size:.82rem;cursor:pointer;text-align:left}.c2g-pl-item__overlay-row:hover:not(:disabled){background:var(--c2g-color-neutral-100)}.c2g-pl-item__overlay-row:disabled{cursor:not-allowed;opacity:.55}.c2g-pl-item__overlay-status{font-size:.7rem;border-radius:99px;padding:.1rem .45rem;background:var(--c2g-color-neutral-100);color:var(--c2g-color-text-muted);white-space:nowrap}.c2g-pl-item__overlay-status--done{background:color-mix(in srgb,#16a34a 12%,transparent);color:#15803d}@media(max-width:480px){.c2g-pl-item__overlay{left:0;right:auto;width:calc(100vw - 2rem)}}\n"], dependencies: [{ kind: "component", type: AvatarComponent, selector: "c2g-avatar", inputs: ["name", "initials", "imageUrl", "ariaLabel", "size", "backgroundColor", "textColor", "ringTone", "ringColor", "clickable", "disabled", "badge"], outputs: ["avatarClick"] }, { kind: "component", type: BadgeComponent, selector: "c2g-badge", inputs: ["value", "tone", "variant", "size", "max", "dot", "dotOnly", "dotRing", "dotPulse", "dotColor", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PackingListItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c2g-packing-list-item', standalone: true, imports: [AvatarComponent, BadgeComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"c2g-pl-item\" [class.c2g-pl-item--packed]=\"isPacked()\">\n\n  <div class=\"c2g-pl-item__row\">\n\n    <!-- Solo: echte Checkbox -->\n    @if (permissions().isSolo) {\n      <button\n        class=\"c2g-pl-item__check\"\n        [class.c2g-pl-item__check--done]=\"isPacked()\"\n        type=\"button\"\n        [disabled]=\"permissions().readOnly\"\n        [attr.aria-pressed]=\"isPacked()\"\n        [attr.aria-label]=\"isPacked() ? 'Als ungepackt markieren' : 'Als gepackt markieren'\"\n        (click)=\"onSoloToggle(!isPacked())\">\n        @if (isPacked()) {\n          <span class=\"c2g-pl-item__check-mark\" aria-hidden=\"true\">\u2713</span>\n        }\n      </button>\n    } @else {\n      <!-- Gruppen-Item: farbiger Fortschritts-Dot -->\n      <span\n        class=\"c2g-pl-item__dot\"\n        [class.c2g-pl-item__dot--danger]=\"progressTone() === 'danger'\"\n        [class.c2g-pl-item__dot--warning]=\"progressTone() === 'warning'\"\n        [class.c2g-pl-item__dot--success]=\"progressTone() === 'success'\"\n        [attr.title]=\"progressRatioText() + ' bereit'\"\n        aria-hidden=\"true\">\n      </span>\n    }\n\n    <!-- Body -->\n    <div class=\"c2g-pl-item__body\">\n\n      <!-- Zeile 1: Name + Tags + Mengen-Badge -->\n      <div class=\"c2g-pl-item__title-row\">\n        <span class=\"c2g-pl-item__name\">{{ item().name }}</span>\n        <div class=\"c2g-pl-item__tags\">\n          @if (item().essential) {\n            <span class=\"c2g-pl-item__tag c2g-pl-item__tag--essential\">Pflicht</span>\n          }\n          @if (item().weather) {\n            <span class=\"c2g-pl-item__tag c2g-pl-item__tag--weather\">Wetter</span>\n          }\n          @if (item().visibility === 'private') {\n            <span class=\"c2g-pl-item__tag c2g-pl-item__tag--private\">\uD83D\uDD12 {{ privateItemOwnerLabel() }}</span>\n          }\n        </div>\n\n        @if (quantityBadge(); as badge) {\n          <c2g-badge\n            class=\"c2g-pl-item__qty-badge\"\n            [value]=\"badge.value\"\n            [tone]=\"badge.tone\"\n            variant=\"subtle\"\n            size=\"sm\"\n            [attr.aria-label]=\"'Gepackt: ' + badge.value\">\n          </c2g-badge>\n        }\n      </div>\n\n      <!-- Zeile 2: Mitglieder / Avatare -->\n      @if (!permissions().isSolo) {\n        <div class=\"c2g-pl-item__members-row\">\n\n          @if (item().visibility === 'shared') {\n            <!-- Assigned-Avatare -->\n            @for (member of checkedPreview(); track member.id) {\n              <button\n                class=\"c2g-pl-item__avatar-btn\"\n                type=\"button\"\n                [disabled]=\"permissions().readOnly\"\n                [attr.aria-label]=\"member.name + ' \u2013 antippen zum Bearbeiten'\"\n                (click)=\"onSharedAvatarClick(member.id)\">\n                <c2g-avatar\n                  size=\"sm\"\n                  [name]=\"member.name\"\n                  [initials]=\"member.initials || ''\"\n                  [backgroundColor]=\"memberBackground(member)\"\n                  [ringTone]=\"memberRingTone(member.id)\"\n                  [ringColor]=\"memberRingColor(member.id)\"\n                  [badge]=\"memberBadge(member.id)\">\n                </c2g-avatar>\n              </button>\n            }\n\n            @if (hiddenCheckedCount() > 0) {\n              <div class=\"c2g-pl-item__more-wrap\">\n                <button class=\"c2g-pl-item__more\" type=\"button\" (click)=\"openOverlay()\">\n                  +{{ hiddenCheckedCount() }}\n                </button>\n                @if (overlayOpen()) {\n                  <div class=\"c2g-pl-item__overlay\" role=\"dialog\" aria-label=\"Alle Mitglieder\">\n                    <div class=\"c2g-pl-item__overlay-head\">\n                      <strong>{{ item().name }}</strong>\n                      <button type=\"button\" class=\"c2g-pl-item__overlay-close\" (click)=\"closeOverlay()\">\u2715</button>\n                    </div>\n                    <input class=\"c2g-pl-item__overlay-search\" type=\"search\" [value]=\"overlaySearch()\" placeholder=\"Mitglied suchen...\" (input)=\"onOverlaySearch($event)\" />\n                    <div class=\"c2g-pl-item__overlay-list\">\n                      @for (member of filteredOverlayMembers(); track member.memberId) {\n                        <button class=\"c2g-pl-item__overlay-row\" type=\"button\" [disabled]=\"!member.canToggle\" (click)=\"toggleFromOverlay(member.memberId)\">\n                          <span>{{ member.memberName }}</span>\n                          <span class=\"c2g-pl-item__overlay-status\" [class.c2g-pl-item__overlay-status--done]=\"member.checked\">{{ member.checked ? '\u2713 bereit' : 'ausstehend' }}</span>\n                        </button>\n                      }\n                    </div>\n                  </div>\n                }\n              </div>\n            }\n\n            <!-- Empty state -->\n            @if (checkedMembers().length === 0) {\n              <span class=\"c2g-pl-item__empty\">Noch niemand eingetragen</span>\n            }\n\n            <!-- + Eintragen Button -->\n            @if (canSelfAssignShared()) {\n              <button\n                class=\"c2g-pl-item__join-btn\"\n                [class.c2g-pl-item__join-btn--active]=\"selfAssignedToShared()\"\n                type=\"button\"\n                (click)=\"onAssignMeToggle()\">\n                {{ joinBtnLabel() }}\n              </button>\n            }\n\n          } @else if (item().visibility === 'personal') {\n            <!-- Personal: wer hat es f\u00FCr sich -->\n            @for (member of personalAssignedPreview(); track member.id) {\n              <button\n                class=\"c2g-pl-item__avatar-btn\"\n                type=\"button\"\n                [disabled]=\"!canManagePersonalAssignments()\"\n                [attr.aria-label]=\"member.name + ' \u2013 antippen zum Entfernen'\"\n                (click)=\"onPersonalAvatarClick(member.id)\">\n                <c2g-avatar\n                  size=\"sm\"\n                  [name]=\"member.name\"\n                  [initials]=\"member.initials || ''\"\n                  [backgroundColor]=\"memberBackground(member)\"\n                  [ringTone]=\"memberRingTone(member.id)\"\n                  [ringColor]=\"memberRingColor(member.id)\"\n                  [badge]=\"memberBadge(member.id)\">\n                </c2g-avatar>\n              </button>\n            }\n\n            @if (personalHiddenAssignedCount() > 0) {\n              <div class=\"c2g-pl-item__more-wrap\">\n                <button class=\"c2g-pl-item__more\" type=\"button\" (click)=\"openOverlay()\">\n                  +{{ personalHiddenAssignedCount() }}\n                </button>\n                @if (overlayOpen()) {\n                  <div class=\"c2g-pl-item__overlay\" role=\"dialog\" aria-label=\"Alle Mitglieder\">\n                    <div class=\"c2g-pl-item__overlay-head\">\n                      <strong>{{ item().name }}</strong>\n                      <button type=\"button\" class=\"c2g-pl-item__overlay-close\" (click)=\"closeOverlay()\">\u2715</button>\n                    </div>\n                    <input class=\"c2g-pl-item__overlay-search\" type=\"search\" [value]=\"overlaySearch()\" placeholder=\"Mitglied suchen...\" (input)=\"onOverlaySearch($event)\" />\n                    <div class=\"c2g-pl-item__overlay-list\">\n                      @for (member of filteredOverlayMembers(); track member.memberId) {\n                        <button class=\"c2g-pl-item__overlay-row\" type=\"button\" [disabled]=\"!member.canToggle\" (click)=\"toggleFromOverlay(member.memberId)\">\n                          <span>{{ member.memberName }}</span>\n                          <span class=\"c2g-pl-item__overlay-status\" [class.c2g-pl-item__overlay-status--done]=\"member.checked\">{{ member.checked ? '\u2713 bereit' : 'ausstehend' }}</span>\n                        </button>\n                      }\n                    </div>\n                  </div>\n                }\n              </div>\n            }\n\n            @if (personalAssignedMembers().length === 0) {\n              <span class=\"c2g-pl-item__empty\">Nicht zugewiesen</span>\n            }\n\n            @if (canManagePersonalAssignments()) {\n              <button class=\"c2g-pl-item__join-btn\" type=\"button\" (click)=\"openPersonalAssignDialog()\">\n                + Zuweisen\n              </button>\n            }\n          }\n\n        </div>\n      }\n\n    </div>\n\n    <!-- Aktions-Spalte: \u22EF Men\u00FC -->\n    @if (canShowAssignCta() || canEditOrDeleteItem()) {\n      <div class=\"c2g-pl-item__cta\">\n        <button\n          class=\"c2g-pl-item__menu-trigger\"\n          type=\"button\"\n          aria-label=\"Aktionen\"\n          [attr.aria-expanded]=\"ctaMenuOpen()\"\n          (click)=\"toggleCtaMenu()\">\n          \u22EF\n        </button>\n\n        @if (ctaMenuOpen()) {\n          <div class=\"c2g-pl-item__menu\" role=\"menu\">\n            @if (canShowAssignCta()) {\n              <button class=\"c2g-pl-item__menu-item\" type=\"button\" role=\"menuitem\" (click)=\"onMenuAssign()\">\n                <span class=\"c2g-pl-item__menu-icon\">\uD83D\uDC64</span> {{ isPlanner() ? 'Zuweisen' : 'Einpacken' }}\n              </button>\n            }\n            @if (canEditOrDeleteItem()) {\n              <button class=\"c2g-pl-item__menu-item\" type=\"button\" role=\"menuitem\" (click)=\"onMenuEdit()\">\n                <span class=\"c2g-pl-item__menu-icon\">\u270F\uFE0F</span> Bearbeiten\n              </button>\n              <div class=\"c2g-pl-item__menu-divider\"></div>\n              <button class=\"c2g-pl-item__menu-item c2g-pl-item__menu-item--danger\" type=\"button\" role=\"menuitem\" (click)=\"onMenuDelete()\">\n                <span class=\"c2g-pl-item__menu-icon\">\uD83D\uDDD1</span> L\u00F6schen\n              </button>\n            }\n          </div>\n        }\n      </div>\n    }\n\n  </div>\n\n  <!-- Quantity Picker (Shared: eigene Menge) -->\n  @if (quantityPickerOpen()) {\n    <div class=\"c2g-pl-item__picker\" role=\"group\" aria-label=\"Menge w\u00E4hlen\">\n      <span class=\"c2g-pl-item__picker-label\">{{ pickerLabel() }}</span>\n      <button class=\"c2g-pl-item__qty-btn\" type=\"button\" (click)=\"decreaseSelfAssignQuantity()\">\u2212</button>\n      <span class=\"c2g-pl-item__qty-val\">{{ quantityPickerValue() }}x</span>\n      <button class=\"c2g-pl-item__qty-btn\" type=\"button\" (click)=\"increaseSelfAssignQuantity()\">+</button>\n      <button class=\"c2g-pl-item__qty-ok\" type=\"button\" (click)=\"confirmSelfAssignQuantity()\">Best\u00E4tigen</button>\n      <button class=\"c2g-pl-item__qty-cancel\" type=\"button\" (click)=\"cancelSelfAssignQuantity()\">Abbrechen</button>\n    </div>\n  }\n\n  <!-- Delegate Dialog (Organizer weist anderem zu) -->\n  @if (delegateDialogOpen()) {\n    <div class=\"c2g-pl-item__picker\" role=\"dialog\" aria-label=\"Mitglied zuweisen\">\n      <span class=\"c2g-pl-item__picker-label\">{{ delegatePickerLabel() }}</span>\n      <select class=\"c2g-pl-item__select\" [value]=\"delegateMemberId() ?? ''\" (change)=\"onDelegateMemberChange($event)\">\n        @for (member of delegateCandidates(); track member.id) {\n          <option [value]=\"member.id\">{{ member.name }}</option>\n        }\n      </select>\n      <button class=\"c2g-pl-item__qty-btn\" type=\"button\" (click)=\"decreaseDelegateQuantity()\">\u2212</button>\n      <span class=\"c2g-pl-item__qty-val\">{{ delegateQuantity() }}x</span>\n      <button class=\"c2g-pl-item__qty-btn\" type=\"button\" (click)=\"increaseDelegateQuantity()\">+</button>\n      <button class=\"c2g-pl-item__qty-ok\" type=\"button\" (click)=\"confirmDelegateAssignment()\">Best\u00E4tigen</button>\n      <button class=\"c2g-pl-item__qty-cancel\" type=\"button\" (click)=\"closeDelegateDialog()\">Abbrechen</button>\n    </div>\n  }\n\n  <!-- Avatar Dialog (Menge eines Zugewiesenen \u00E4ndern) -->\n  @if (avatarDialogOpen()) {\n    <div class=\"c2g-pl-item__picker\" role=\"dialog\" aria-label=\"Zuteilung bearbeiten\">\n      <span class=\"c2g-pl-item__picker-label\">Menge anpassen \u2013 0 zum Entfernen</span>\n      <button class=\"c2g-pl-item__qty-btn\" type=\"button\" (click)=\"decreaseAvatarDialogQuantity()\">\u2212</button>\n      <span class=\"c2g-pl-item__qty-val\">{{ avatarDialogQuantity() }}x</span>\n      <button class=\"c2g-pl-item__qty-btn\" type=\"button\" (click)=\"increaseAvatarDialogQuantity()\">+</button>\n      <button class=\"c2g-pl-item__qty-ok\" type=\"button\" (click)=\"confirmAvatarDialogUpdate()\">Best\u00E4tigen</button>\n      <button class=\"c2g-pl-item__qty-cancel\" type=\"button\" (click)=\"closeAvatarDialog()\">Abbrechen</button>\n    </div>\n  }\n\n  <!-- Personal Assign Panel -->\n  @if (personalAssignDialogOpen()) {\n    <div class=\"c2g-pl-item__assign-panel\" role=\"dialog\" aria-label=\"Mitglied zuweisen\">\n      <input\n        class=\"c2g-pl-item__assign-search\"\n        type=\"search\"\n        [value]=\"personalAssignSearch()\"\n        placeholder=\"Mitglied suchen...\"\n        (input)=\"onPersonalAssignSearch($event)\" />\n      <div class=\"c2g-pl-item__assign-list\">\n        @for (member of filteredPersonalAssignableMembers(); track member.id) {\n          <button\n            class=\"c2g-pl-item__assign-option\"\n            [class.c2g-pl-item__assign-option--active]=\"personalAssignMemberId() === member.id\"\n            type=\"button\"\n            (click)=\"selectPersonalAssignMember(member.id)\">\n            <c2g-avatar\n              size=\"sm\"\n              [name]=\"member.name\"\n              [initials]=\"member.initials || ''\"\n              [backgroundColor]=\"memberBackground(member)\">\n            </c2g-avatar>\n            <span>{{ member.name }}</span>\n          </button>\n        }\n      </div>\n      <div class=\"c2g-pl-item__assign-footer\">\n        <button class=\"c2g-pl-item__qty-ok\" type=\"button\" [disabled]=\"!selectedPersonalAssignMember()\" (click)=\"confirmPersonalAssignment()\">Zuweisen</button>\n        <button class=\"c2g-pl-item__qty-cancel\" type=\"button\" (click)=\"closePersonalAssignDialog()\">Abbrechen</button>\n      </div>\n    </div>\n  }\n\n  <!-- Hinweis -->\n  @if (item().hint) {\n    <p class=\"c2g-pl-item__hint\">{{ item().hint }}</p>\n  }\n\n  <!-- Shared: Mengen-Chips -->\n  @if (sharedCountChips().length > 0) {\n    <div class=\"c2g-pl-item__chip-row\">\n      @for (chip of sharedCountChips(); track chip.key) {\n        <c2g-badge [value]=\"chip.text\" [tone]=\"chip.tone\" variant=\"subtle\" size=\"sm\"></c2g-badge>\n      }\n    </div>\n  }\n\n  <!-- Personal: Status-Chips -->\n  @if (personalStatusBadges().length > 0) {\n    <div class=\"c2g-pl-item__chip-row\">\n      @for (badge of personalStatusBadges(); track badge.key) {\n        <c2g-badge\n          [value]=\"badge.text\"\n          [tone]=\"badge.tone\"\n          variant=\"subtle\"\n          size=\"sm\"\n          [dot]=\"true\"\n          [dotColor]=\"badge.dotColor\">\n        </c2g-badge>\n      }\n    </div>\n  }\n\n\n</div>\n", styles: [".c2g-pl-item{border:1px solid var(--c2g-color-outline-variant);border-radius:.625rem;padding:.65rem .75rem;background:var(--c2g-color-surface);display:grid;gap:.45rem;position:relative;transition:background .15s ease,border-color .15s ease}.c2g-pl-item--packed{background:color-mix(in srgb,#16a34a 6%,var(--c2g-color-surface));border-color:color-mix(in srgb,#16a34a 25%,transparent)}.c2g-pl-item--packed .c2g-pl-item__name{color:var(--c2g-color-text-muted);text-decoration:line-through;text-decoration-color:color-mix(in srgb,#16a34a 50%,transparent)}.c2g-pl-item__row{display:grid;grid-template-columns:.875rem minmax(0,1fr) auto;gap:.6rem;align-items:start}.c2g-pl-item__check{width:1.1rem;height:1.1rem;border:2px solid var(--c2g-color-outline);border-radius:.25rem;background:var(--c2g-color-surface);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;margin-top:.15rem;flex-shrink:0;transition:background .12s,border-color .12s}.c2g-pl-item__check:hover:not(:disabled){border-color:var(--c2g-color-secondary-dark)}.c2g-pl-item__check--done{background:var(--c2g-color-secondary-dark, #2d6a4f);border-color:var(--c2g-color-secondary-dark, #2d6a4f)}.c2g-pl-item__check-mark{color:#fff;font-size:.65rem;font-weight:800;line-height:1}.c2g-pl-item__dot{width:.5rem;height:.5rem;border-radius:50%;margin-top:.35rem;flex-shrink:0;background:var(--c2g-color-outline)}.c2g-pl-item__dot--danger{background:#ef4444}.c2g-pl-item__dot--warning{background:#f59e0b}.c2g-pl-item__dot--success{background:#16a34a}.c2g-pl-item__body{display:grid;gap:.4rem;min-width:0}.c2g-pl-item__title-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;min-width:0}.c2g-pl-item__qty-badge{margin-left:auto;flex-shrink:0}.c2g-pl-item__name{font-weight:600;font-size:.875rem;color:var(--c2g-color-text-primary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .15s}.c2g-pl-item__tags{display:inline-flex;align-items:center;gap:.25rem;flex-wrap:wrap;flex-shrink:0}.c2g-pl-item__tag{font-size:.65rem;font-weight:500;border-radius:99px;padding:.1rem .4rem;background:var(--c2g-color-neutral-100);color:var(--c2g-color-text-muted);white-space:nowrap}.c2g-pl-item__tag--essential{background:color-mix(in srgb,#f59e0b 15%,transparent);color:#92400e}.c2g-pl-item__tag--weather{background:color-mix(in srgb,#3b82f6 12%,transparent);color:#1d4ed8}.c2g-pl-item__tag--private{background:var(--c2g-color-primary-container);color:var(--c2g-color-on-primary-container)}.c2g-pl-item__members-row{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem}.c2g-pl-item__avatar-btn{border:0;background:transparent;padding:0;cursor:pointer;border-radius:50%;display:inline-flex}.c2g-pl-item__avatar-btn:disabled{cursor:default;opacity:.85}.c2g-pl-item__avatar-btn:not(:disabled):hover{transform:translateY(-1px);transition:transform .1s}.c2g-pl-item__more-wrap{position:relative;display:inline-flex}.c2g-pl-item__more{height:1.75rem;min-width:1.75rem;padding:0 .4rem;border-radius:99px;border:1px dashed var(--c2g-color-outline);background:transparent;color:var(--c2g-color-text-muted);font-size:.72rem;font-weight:600;cursor:pointer}.c2g-pl-item__more:hover{background:var(--c2g-color-neutral-100)}.c2g-pl-item__empty{font-size:.75rem;color:var(--c2g-color-text-muted);font-style:italic}.c2g-pl-item__join-btn{display:inline-flex;align-items:center;height:1.75rem;padding:0 .6rem;border-radius:99px;border:1.5px dashed var(--c2g-color-secondary-dark);background:transparent;color:var(--c2g-color-secondary-dark);font-size:.72rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .1s}.c2g-pl-item__join-btn:hover{background:var(--c2g-color-secondary-container)}.c2g-pl-item__join-btn--active{border-style:solid;background:var(--c2g-color-secondary-container)}.c2g-pl-item__cta{position:relative;display:inline-grid;justify-items:end}.c2g-pl-item__menu-trigger{width:1.75rem;height:1.75rem;border:1px solid var(--c2g-color-outline-variant);border-radius:.4rem;background:transparent;color:var(--c2g-color-text-muted);font-size:1rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}.c2g-pl-item__menu-trigger:hover{background:var(--c2g-color-neutral-100);color:var(--c2g-color-text-primary)}.c2g-pl-item__menu{position:absolute;top:calc(100% + .3rem);right:0;min-width:10rem;border:1px solid var(--c2g-color-outline-variant);border-radius:.65rem;background:var(--c2g-color-surface);box-shadow:0 8px 24px #152b2124;padding:.3rem;display:grid;gap:.1rem;z-index:20}.c2g-pl-item__menu-item{display:flex;align-items:center;gap:.45rem;border:0;background:transparent;color:var(--c2g-color-text-primary);border-radius:.45rem;min-height:2rem;padding:.25rem .55rem;font-size:.82rem;text-align:left;cursor:pointer;width:100%}.c2g-pl-item__menu-item:hover{background:var(--c2g-color-neutral-100)}.c2g-pl-item__menu-item--danger{color:var(--c2g-color-error)}.c2g-pl-item__menu-icon{font-size:.85rem;line-height:1;flex-shrink:0}.c2g-pl-item__menu-divider{height:1px;background:var(--c2g-color-outline-variant);margin:.15rem .3rem}.c2g-pl-item__picker{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem;padding:.45rem .6rem;border:1px solid var(--c2g-color-outline-variant);border-radius:.5rem;background:var(--c2g-color-neutral-50)}.c2g-pl-item__picker-label{font-size:.75rem;color:var(--c2g-color-text-muted);width:100%}.c2g-pl-item__qty-btn{width:1.6rem;height:1.6rem;border:1px solid var(--c2g-color-outline);border-radius:.35rem;background:var(--c2g-color-surface);color:var(--c2g-color-text-primary);font-size:1.1rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}.c2g-pl-item__qty-val{min-width:2rem;text-align:center;font-weight:700;font-size:.85rem}.c2g-pl-item__select{height:1.7rem;border:1px solid var(--c2g-color-outline);border-radius:.35rem;background:var(--c2g-color-surface);color:var(--c2g-color-text-primary);font-size:.78rem;padding:0 .5rem}.c2g-pl-item__qty-ok{height:1.7rem;padding:0 .65rem;border-radius:.35rem;border:1px solid var(--c2g-color-secondary-dark);background:var(--c2g-color-secondary-container);color:var(--c2g-color-secondary-dark);font-size:.76rem;font-weight:600;cursor:pointer}.c2g-pl-item__qty-ok:disabled{opacity:.45;cursor:not-allowed}.c2g-pl-item__qty-cancel{height:1.7rem;padding:0 .5rem;border-radius:.35rem;border:1px solid transparent;background:transparent;color:var(--c2g-color-text-muted);font-size:.76rem;cursor:pointer}.c2g-pl-item__qty-cancel:hover{background:var(--c2g-color-neutral-100)}.c2g-pl-item__assign-panel{display:grid;gap:.35rem;padding:.55rem;border:1px solid var(--c2g-color-outline-variant);border-radius:.65rem;background:var(--c2g-color-neutral-50)}.c2g-pl-item__assign-search{height:2rem;border:1px solid var(--c2g-color-outline);border-radius:.4rem;background:var(--c2g-color-surface);color:var(--c2g-color-text-primary);font-size:.82rem;padding:0 .65rem}.c2g-pl-item__assign-list{display:grid;gap:.2rem;max-height:10rem;overflow:auto}.c2g-pl-item__assign-option{display:flex;align-items:center;gap:.55rem;border:1px solid var(--c2g-color-outline-variant);background:var(--c2g-color-surface);color:var(--c2g-color-text-primary);border-radius:.45rem;min-height:2.2rem;padding:.3rem .6rem;font-size:.82rem;cursor:pointer;text-align:left}.c2g-pl-item__assign-option:hover{background:var(--c2g-color-neutral-100)}.c2g-pl-item__assign-option--active{border-color:var(--c2g-color-secondary-dark);background:var(--c2g-color-secondary-container)}.c2g-pl-item__assign-footer{display:flex;gap:.35rem}.c2g-pl-item__hint{margin:0;font-size:.78rem;color:var(--c2g-color-text-muted)}.c2g-pl-item__chip-row{display:flex;flex-wrap:wrap;gap:.3rem}.c2g-pl-item__overlay{position:absolute;top:calc(100% + .35rem);left:0;width:min(22rem,92vw);border:1px solid var(--c2g-color-outline);background:var(--c2g-color-surface);border-radius:.7rem;box-shadow:0 12px 32px #152b212e;padding:.6rem;display:grid;gap:.4rem;z-index:30}.c2g-pl-item__overlay-head{display:flex;align-items:center;justify-content:space-between;font-size:.88rem;font-weight:600}.c2g-pl-item__overlay-close{border:0;background:transparent;cursor:pointer;color:var(--c2g-color-text-secondary);font-size:.9rem;padding:.1rem .25rem;border-radius:.3rem}.c2g-pl-item__overlay-close:hover{background:var(--c2g-color-neutral-100)}.c2g-pl-item__overlay-search{height:2rem;border:1px solid var(--c2g-color-outline);border-radius:.4rem;padding:0 .6rem;font-size:.82rem}.c2g-pl-item__overlay-list{max-height:12rem;overflow:auto;display:grid;gap:.2rem}.c2g-pl-item__overlay-row{border:1px solid var(--c2g-color-outline-variant);background:var(--c2g-color-surface);border-radius:.45rem;padding:.4rem .55rem;display:flex;justify-content:space-between;align-items:center;font-size:.82rem;cursor:pointer;text-align:left}.c2g-pl-item__overlay-row:hover:not(:disabled){background:var(--c2g-color-neutral-100)}.c2g-pl-item__overlay-row:disabled{cursor:not-allowed;opacity:.55}.c2g-pl-item__overlay-status{font-size:.7rem;border-radius:99px;padding:.1rem .45rem;background:var(--c2g-color-neutral-100);color:var(--c2g-color-text-muted);white-space:nowrap}.c2g-pl-item__overlay-status--done{background:color-mix(in srgb,#16a34a 12%,transparent);color:#15803d}@media(max-width:480px){.c2g-pl-item__overlay{left:0;right:auto;width:calc(100vw - 2rem)}}\n"] }]
+        }], propDecorators: { item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: true }] }], members: [{ type: i0.Input, args: [{ isSignal: true, alias: "members", required: true }] }], currentUserId: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentUserId", required: true }] }], permissions: [{ type: i0.Input, args: [{ isSignal: true, alias: "permissions", required: true }] }], selectedMemberIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedMemberIds", required: false }] }], itemChecked: [{ type: i0.Output, args: ["itemChecked"] }], itemAssigned: [{ type: i0.Output, args: ["itemAssigned"] }], itemDeleted: [{ type: i0.Output, args: ["itemDeleted"] }], itemEditRequested: [{ type: i0.Output, args: ["itemEditRequested"] }], personalItemToggled: [{ type: i0.Output, args: ["personalItemToggled"] }], memberOverlayRequested: [{ type: i0.Output, args: ["memberOverlayRequested"] }] } });
+
+class PackingListCategoryComponent {
+    categoryKey = input.required(...(ngDevMode ? [{ debugName: "categoryKey" }] : []));
+    items = input.required(...(ngDevMode ? [{ debugName: "items" }] : []));
+    members = input.required(...(ngDevMode ? [{ debugName: "members" }] : []));
+    selectedMemberIds = input([], ...(ngDevMode ? [{ debugName: "selectedMemberIds" }] : []));
+    currentUserId = input.required(...(ngDevMode ? [{ debugName: "currentUserId" }] : []));
+    permissions = input.required(...(ngDevMode ? [{ debugName: "permissions" }] : []));
+    expanded = input(true, ...(ngDevMode ? [{ debugName: "expanded" }] : []));
+    toggle = output();
+    itemChecked = output();
+    itemAssigned = output();
+    itemDeleted = output();
+    itemEditRequested = output();
+    personalItemToggled = output();
+    memberOverlayRequested = output();
+    category = computed(() => resolvePackingCategory(this.categoryKey()), ...(ngDevMode ? [{ debugName: "category" }] : []));
+    stats = computed(() => {
+        const list = this.items();
+        return {
+            total: list.length,
+            essential: list.filter(item => !!item.essential).length,
+            packed: list.filter(item => (item.assignments ?? []).some(a => a.status === 'packed' || a.status === 'confirmed')).length
+        };
+    }, ...(ngDevMode ? [{ debugName: "stats" }] : []));
+    onToggle() {
+        this.toggle.emit(this.categoryKey());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PackingListCategoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: PackingListCategoryComponent, isStandalone: true, selector: "c2g-packing-list-category", inputs: { categoryKey: { classPropertyName: "categoryKey", publicName: "categoryKey", isSignal: true, isRequired: true, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, members: { classPropertyName: "members", publicName: "members", isSignal: true, isRequired: true, transformFunction: null }, selectedMemberIds: { classPropertyName: "selectedMemberIds", publicName: "selectedMemberIds", isSignal: true, isRequired: false, transformFunction: null }, currentUserId: { classPropertyName: "currentUserId", publicName: "currentUserId", isSignal: true, isRequired: true, transformFunction: null }, permissions: { classPropertyName: "permissions", publicName: "permissions", isSignal: true, isRequired: true, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggle: "toggle", itemChecked: "itemChecked", itemAssigned: "itemAssigned", itemDeleted: "itemDeleted", itemEditRequested: "itemEditRequested", personalItemToggled: "personalItemToggled", memberOverlayRequested: "memberOverlayRequested" }, ngImport: i0, template: "<section class=\"c2g-pl-category\">\n  <button type=\"button\" class=\"c2g-pl-category__header\" [class.c2g-pl-category__header--done]=\"stats().packed === stats().total && stats().total > 0\" (click)=\"onToggle()\">\n    <mat-icon class=\"c2g-pl-category__icon\" aria-hidden=\"true\">{{ category().icon }}</mat-icon>\n    <span class=\"c2g-pl-category__label\">{{ category().label ?? category().labelKey }}</span>\n    <span class=\"c2g-pl-category__meta\">{{ stats().packed }}/{{ stats().total }}</span>\n    <span class=\"c2g-pl-category__chevron\" [class.c2g-pl-category__chevron--open]=\"expanded()\" aria-hidden=\"true\">\u25BE</span>\n  </button>\n\n  @if (expanded()) {\n    <div class=\"c2g-pl-category__items\">\n      @for (item of items(); track item.id) {\n        <c2g-packing-list-item\n          [item]=\"item\"\n          [members]=\"members()\"\n          [selectedMemberIds]=\"selectedMemberIds()\"\n          [currentUserId]=\"currentUserId()\"\n          [permissions]=\"permissions()\"\n          (itemChecked)=\"itemChecked.emit($event)\"\n          (itemAssigned)=\"itemAssigned.emit($event)\"\n          (itemDeleted)=\"itemDeleted.emit($event)\"\n          (itemEditRequested)=\"itemEditRequested.emit($event)\"\n          (personalItemToggled)=\"personalItemToggled.emit($event)\"\n          (memberOverlayRequested)=\"memberOverlayRequested.emit($event)\">\n        </c2g-packing-list-item>\n      }\n    </div>\n  }\n</section>\n", styles: [".c2g-pl-category{border:1px solid var(--c2g-color-outline-variant);border-radius:.75rem;overflow:hidden;background:var(--c2g-color-surface)}.c2g-pl-category__header{width:100%;border:0;background:var(--c2g-color-neutral-50);padding:.6rem .75rem;display:grid;grid-template-columns:auto 1fr auto auto;gap:.45rem;align-items:center;text-align:left;cursor:pointer;font-weight:600;color:var(--c2g-color-text-primary)}.c2g-pl-category__header--done{background:var(--c2g-color-secondary-container);color:var(--c2g-color-secondary-dark)}.c2g-pl-category__label{font-size:.88rem}.c2g-pl-category__icon{font-size:1.1rem!important;width:1.1rem!important;height:1.1rem!important;line-height:1!important;color:var(--c2g-color-text-muted);flex-shrink:0}.c2g-pl-category__meta{font-size:.78rem;color:var(--c2g-color-text-muted);font-weight:500}.c2g-pl-category__chevron{font-size:.8rem;color:var(--c2g-color-text-muted);transition:transform .2s ease;line-height:1}.c2g-pl-category__chevron--open{transform:rotate(180deg)}.c2g-pl-category__items{display:grid;gap:.55rem;padding:.6rem}\n"], dependencies: [{ kind: "component", type: PackingListItemComponent, selector: "c2g-packing-list-item", inputs: ["item", "members", "currentUserId", "permissions", "selectedMemberIds"], outputs: ["itemChecked", "itemAssigned", "itemDeleted", "itemEditRequested", "personalItemToggled", "memberOverlayRequested"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PackingListCategoryComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c2g-packing-list-category', standalone: true, imports: [PackingListItemComponent, MatIconModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"c2g-pl-category\">\n  <button type=\"button\" class=\"c2g-pl-category__header\" [class.c2g-pl-category__header--done]=\"stats().packed === stats().total && stats().total > 0\" (click)=\"onToggle()\">\n    <mat-icon class=\"c2g-pl-category__icon\" aria-hidden=\"true\">{{ category().icon }}</mat-icon>\n    <span class=\"c2g-pl-category__label\">{{ category().label ?? category().labelKey }}</span>\n    <span class=\"c2g-pl-category__meta\">{{ stats().packed }}/{{ stats().total }}</span>\n    <span class=\"c2g-pl-category__chevron\" [class.c2g-pl-category__chevron--open]=\"expanded()\" aria-hidden=\"true\">\u25BE</span>\n  </button>\n\n  @if (expanded()) {\n    <div class=\"c2g-pl-category__items\">\n      @for (item of items(); track item.id) {\n        <c2g-packing-list-item\n          [item]=\"item\"\n          [members]=\"members()\"\n          [selectedMemberIds]=\"selectedMemberIds()\"\n          [currentUserId]=\"currentUserId()\"\n          [permissions]=\"permissions()\"\n          (itemChecked)=\"itemChecked.emit($event)\"\n          (itemAssigned)=\"itemAssigned.emit($event)\"\n          (itemDeleted)=\"itemDeleted.emit($event)\"\n          (itemEditRequested)=\"itemEditRequested.emit($event)\"\n          (personalItemToggled)=\"personalItemToggled.emit($event)\"\n          (memberOverlayRequested)=\"memberOverlayRequested.emit($event)\">\n        </c2g-packing-list-item>\n      }\n    </div>\n  }\n</section>\n", styles: [".c2g-pl-category{border:1px solid var(--c2g-color-outline-variant);border-radius:.75rem;overflow:hidden;background:var(--c2g-color-surface)}.c2g-pl-category__header{width:100%;border:0;background:var(--c2g-color-neutral-50);padding:.6rem .75rem;display:grid;grid-template-columns:auto 1fr auto auto;gap:.45rem;align-items:center;text-align:left;cursor:pointer;font-weight:600;color:var(--c2g-color-text-primary)}.c2g-pl-category__header--done{background:var(--c2g-color-secondary-container);color:var(--c2g-color-secondary-dark)}.c2g-pl-category__label{font-size:.88rem}.c2g-pl-category__icon{font-size:1.1rem!important;width:1.1rem!important;height:1.1rem!important;line-height:1!important;color:var(--c2g-color-text-muted);flex-shrink:0}.c2g-pl-category__meta{font-size:.78rem;color:var(--c2g-color-text-muted);font-weight:500}.c2g-pl-category__chevron{font-size:.8rem;color:var(--c2g-color-text-muted);transition:transform .2s ease;line-height:1}.c2g-pl-category__chevron--open{transform:rotate(180deg)}.c2g-pl-category__items{display:grid;gap:.55rem;padding:.6rem}\n"] }]
+        }], propDecorators: { categoryKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "categoryKey", required: true }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }], members: [{ type: i0.Input, args: [{ isSignal: true, alias: "members", required: true }] }], selectedMemberIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedMemberIds", required: false }] }], currentUserId: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentUserId", required: true }] }], permissions: [{ type: i0.Input, args: [{ isSignal: true, alias: "permissions", required: true }] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }], toggle: [{ type: i0.Output, args: ["toggle"] }], itemChecked: [{ type: i0.Output, args: ["itemChecked"] }], itemAssigned: [{ type: i0.Output, args: ["itemAssigned"] }], itemDeleted: [{ type: i0.Output, args: ["itemDeleted"] }], itemEditRequested: [{ type: i0.Output, args: ["itemEditRequested"] }], personalItemToggled: [{ type: i0.Output, args: ["personalItemToggled"] }], memberOverlayRequested: [{ type: i0.Output, args: ["memberOverlayRequested"] }] } });
+
+class PackingListFiltersComponent {
+    filter = input.required(...(ngDevMode ? [{ debugName: "filter" }] : []));
+    members = input([], ...(ngDevMode ? [{ debugName: "members" }] : []));
+    labels = input(DEFAULT_PACKING_LIST_LABEL_KEYS, ...(ngDevMode ? [{ debugName: "labels" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    filterChange = output();
+    overlayRequested = output();
+    membersPanelOpen = signal(false, ...(ngDevMode ? [{ debugName: "membersPanelOpen" }] : []));
+    memberQuery = signal('', ...(ngDevMode ? [{ debugName: "memberQuery" }] : []));
+    memberSelectionLabel = computed(() => {
+        const selected = this.filter().memberIds.length;
+        if (selected === 0) {
+            return 'Alle User';
+        }
+        if (selected === 1) {
+            return '1 User';
+        }
+        return `${selected} User`;
+    }, ...(ngDevMode ? [{ debugName: "memberSelectionLabel" }] : []));
+    filteredMembers = computed(() => {
+        const query = this.memberQuery().trim().toLowerCase();
+        if (!query) {
+            return this.members();
+        }
+        return this.members().filter(member => {
+            const searchable = `${member.name} ${member.initials ?? ''}`.toLowerCase();
+            return searchable.includes(query);
+        });
+    }, ...(ngDevMode ? [{ debugName: "filteredMembers" }] : []));
+    onQueryChange(event) {
+        const query = event.target.value;
+        this.filterChange.emit({ ...this.filter(), query });
+    }
+    onVisibilityChange(event) {
+        const visibility = event.target.value;
+        this.filterChange.emit({ ...this.filter(), visibility });
+    }
+    onEssentialsOnlyToggle(event) {
+        const essentialsOnly = event.target.checked;
+        this.filterChange.emit({ ...this.filter(), essentialsOnly });
+    }
+    toggleMembersPanel() {
+        if (this.disabled()) {
+            return;
+        }
+        this.membersPanelOpen.update(open => !open);
+    }
+    onMemberSearch(event) {
+        this.memberQuery.set(event.target.value);
+    }
+    isMemberSelected(memberId) {
+        return this.filter().memberIds.includes(memberId);
+    }
+    toggleMember(memberId) {
+        if (this.disabled()) {
+            return;
+        }
+        const selected = new Set(this.filter().memberIds);
+        if (selected.has(memberId)) {
+            selected.delete(memberId);
+        }
+        else {
+            selected.add(memberId);
+        }
+        this.filterChange.emit({ ...this.filter(), memberIds: Array.from(selected) });
+    }
+    clearMemberSelection() {
+        this.filterChange.emit({ ...this.filter(), memberIds: [] });
+    }
+    selectAllMembers() {
+        this.filterChange.emit({ ...this.filter(), memberIds: this.members().map(member => member.id) });
+    }
+    requestExternalOverlay() {
+        this.overlayRequested.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PackingListFiltersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: PackingListFiltersComponent, isStandalone: true, selector: "c2g-packing-list-filters", inputs: { filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: true, transformFunction: null }, members: { classPropertyName: "members", publicName: "members", isSignal: true, isRequired: false, transformFunction: null }, labels: { classPropertyName: "labels", publicName: "labels", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filterChange: "filterChange", overlayRequested: "overlayRequested" }, ngImport: i0, template: "<div class=\"c2g-pl-filters\">\n  <input\n    class=\"c2g-pl-filters__search\"\n    type=\"search\"\n    [value]=\"filter().query\"\n    [placeholder]=\"labels().searchPlaceholderKey\"\n    [disabled]=\"disabled()\"\n    (input)=\"onQueryChange($event)\" />\n\n  <select\n    class=\"c2g-pl-filters__visibility\"\n    [value]=\"filter().visibility\"\n    [disabled]=\"disabled()\"\n    (change)=\"onVisibilityChange($event)\">\n    <option value=\"all\">{{ labels().showAllVisibilityKey }}</option>\n    <option value=\"shared\">{{ labels().sharedVisibilityKey }}</option>\n    <option value=\"personal\">{{ labels().personalVisibilityKey }}</option>\n    <option value=\"private\">{{ labels().privateVisibilityKey }}</option>\n  </select>\n\n  <label class=\"c2g-pl-filters__essential\">\n    <input\n      type=\"checkbox\"\n      [checked]=\"filter().essentialsOnly\"\n      [disabled]=\"disabled()\"\n      (change)=\"onEssentialsOnlyToggle($event)\" />\n    <span>{{ labels().essentialsOnlyKey }}</span>\n  </label>\n\n  <div class=\"c2g-pl-filters__member-filter\">\n    <button\n      type=\"button\"\n      class=\"c2g-pl-filters__member-trigger\"\n      [disabled]=\"disabled()\"\n      [attr.aria-expanded]=\"membersPanelOpen()\"\n      (click)=\"toggleMembersPanel()\">\n      <span>{{ memberSelectionLabel() }}</span>\n      <span>{{ membersPanelOpen() ? '\u25B4' : '\u25BE' }}</span>\n    </button>\n\n    @if (membersPanelOpen()) {\n      <div class=\"c2g-pl-filters__member-panel\" role=\"dialog\" aria-label=\"User-Filter\">\n        <input\n          class=\"c2g-pl-filters__member-search\"\n          type=\"search\"\n          [value]=\"memberQuery()\"\n          placeholder=\"User suchen\"\n          (input)=\"onMemberSearch($event)\" />\n\n        <div class=\"c2g-pl-filters__member-actions\">\n          <button type=\"button\" (click)=\"selectAllMembers()\">Alle</button>\n          <button type=\"button\" (click)=\"clearMemberSelection()\">Zuruecksetzen</button>\n          <button type=\"button\" (click)=\"requestExternalOverlay()\">Externe View</button>\n        </div>\n\n        <div class=\"c2g-pl-filters__member-list\">\n          @for (member of filteredMembers(); track member.id) {\n            <label class=\"c2g-pl-filters__member-option\">\n              <input\n                type=\"checkbox\"\n                [checked]=\"isMemberSelected(member.id)\"\n                (change)=\"toggleMember(member.id)\" />\n              <span>{{ member.name }}</span>\n            </label>\n          }\n        </div>\n      </div>\n    }\n  </div>\n</div>\n", styles: [".c2g-pl-filters{display:grid;gap:.5rem;grid-template-columns:1fr auto auto auto;align-items:center}.c2g-pl-filters__search,.c2g-pl-filters__visibility{min-height:2rem;border:1px solid var(--c2g-color-outline);border-radius:.5rem;padding:.35rem .6rem;background:var(--c2g-color-surface)}.c2g-pl-filters__essential{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--c2g-color-text-primary)}.c2g-pl-filters__member-filter{position:relative}.c2g-pl-filters__member-trigger{min-height:2rem;border:1px solid var(--c2g-color-outline);border-radius:.5rem;padding:.35rem .6rem;background:var(--c2g-color-surface);color:var(--c2g-color-text-primary);display:inline-flex;gap:.5rem;align-items:center;cursor:pointer}.c2g-pl-filters__member-panel{position:absolute;z-index:20;top:calc(100% + .35rem);right:0;width:min(20rem,80vw);border:1px solid var(--c2g-color-outline);border-radius:.6rem;background:var(--c2g-color-surface);box-shadow:0 10px 26px #142d2124;padding:.55rem;display:grid;gap:.45rem}.c2g-pl-filters__member-search{min-height:1.9rem;border:1px solid var(--c2g-color-outline);border-radius:.45rem;padding:.3rem .55rem}.c2g-pl-filters__member-actions{display:flex;gap:.35rem;flex-wrap:wrap}.c2g-pl-filters__member-actions button{border:1px solid var(--c2g-color-outline);background:var(--c2g-color-neutral-50);border-radius:999px;font-size:.75rem;padding:.18rem .55rem;cursor:pointer}.c2g-pl-filters__member-list{max-height:12rem;overflow:auto;display:grid;gap:.25rem;padding-right:.15rem}.c2g-pl-filters__member-option{display:flex;align-items:center;gap:.45rem;font-size:.82rem;color:var(--c2g-color-text-primary)}@media(max-width:720px){.c2g-pl-filters{grid-template-columns:1fr}.c2g-pl-filters__member-panel{right:auto;left:0;width:100%}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PackingListFiltersComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c2g-packing-list-filters', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"c2g-pl-filters\">\n  <input\n    class=\"c2g-pl-filters__search\"\n    type=\"search\"\n    [value]=\"filter().query\"\n    [placeholder]=\"labels().searchPlaceholderKey\"\n    [disabled]=\"disabled()\"\n    (input)=\"onQueryChange($event)\" />\n\n  <select\n    class=\"c2g-pl-filters__visibility\"\n    [value]=\"filter().visibility\"\n    [disabled]=\"disabled()\"\n    (change)=\"onVisibilityChange($event)\">\n    <option value=\"all\">{{ labels().showAllVisibilityKey }}</option>\n    <option value=\"shared\">{{ labels().sharedVisibilityKey }}</option>\n    <option value=\"personal\">{{ labels().personalVisibilityKey }}</option>\n    <option value=\"private\">{{ labels().privateVisibilityKey }}</option>\n  </select>\n\n  <label class=\"c2g-pl-filters__essential\">\n    <input\n      type=\"checkbox\"\n      [checked]=\"filter().essentialsOnly\"\n      [disabled]=\"disabled()\"\n      (change)=\"onEssentialsOnlyToggle($event)\" />\n    <span>{{ labels().essentialsOnlyKey }}</span>\n  </label>\n\n  <div class=\"c2g-pl-filters__member-filter\">\n    <button\n      type=\"button\"\n      class=\"c2g-pl-filters__member-trigger\"\n      [disabled]=\"disabled()\"\n      [attr.aria-expanded]=\"membersPanelOpen()\"\n      (click)=\"toggleMembersPanel()\">\n      <span>{{ memberSelectionLabel() }}</span>\n      <span>{{ membersPanelOpen() ? '\u25B4' : '\u25BE' }}</span>\n    </button>\n\n    @if (membersPanelOpen()) {\n      <div class=\"c2g-pl-filters__member-panel\" role=\"dialog\" aria-label=\"User-Filter\">\n        <input\n          class=\"c2g-pl-filters__member-search\"\n          type=\"search\"\n          [value]=\"memberQuery()\"\n          placeholder=\"User suchen\"\n          (input)=\"onMemberSearch($event)\" />\n\n        <div class=\"c2g-pl-filters__member-actions\">\n          <button type=\"button\" (click)=\"selectAllMembers()\">Alle</button>\n          <button type=\"button\" (click)=\"clearMemberSelection()\">Zuruecksetzen</button>\n          <button type=\"button\" (click)=\"requestExternalOverlay()\">Externe View</button>\n        </div>\n\n        <div class=\"c2g-pl-filters__member-list\">\n          @for (member of filteredMembers(); track member.id) {\n            <label class=\"c2g-pl-filters__member-option\">\n              <input\n                type=\"checkbox\"\n                [checked]=\"isMemberSelected(member.id)\"\n                (change)=\"toggleMember(member.id)\" />\n              <span>{{ member.name }}</span>\n            </label>\n          }\n        </div>\n      </div>\n    }\n  </div>\n</div>\n", styles: [".c2g-pl-filters{display:grid;gap:.5rem;grid-template-columns:1fr auto auto auto;align-items:center}.c2g-pl-filters__search,.c2g-pl-filters__visibility{min-height:2rem;border:1px solid var(--c2g-color-outline);border-radius:.5rem;padding:.35rem .6rem;background:var(--c2g-color-surface)}.c2g-pl-filters__essential{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--c2g-color-text-primary)}.c2g-pl-filters__member-filter{position:relative}.c2g-pl-filters__member-trigger{min-height:2rem;border:1px solid var(--c2g-color-outline);border-radius:.5rem;padding:.35rem .6rem;background:var(--c2g-color-surface);color:var(--c2g-color-text-primary);display:inline-flex;gap:.5rem;align-items:center;cursor:pointer}.c2g-pl-filters__member-panel{position:absolute;z-index:20;top:calc(100% + .35rem);right:0;width:min(20rem,80vw);border:1px solid var(--c2g-color-outline);border-radius:.6rem;background:var(--c2g-color-surface);box-shadow:0 10px 26px #142d2124;padding:.55rem;display:grid;gap:.45rem}.c2g-pl-filters__member-search{min-height:1.9rem;border:1px solid var(--c2g-color-outline);border-radius:.45rem;padding:.3rem .55rem}.c2g-pl-filters__member-actions{display:flex;gap:.35rem;flex-wrap:wrap}.c2g-pl-filters__member-actions button{border:1px solid var(--c2g-color-outline);background:var(--c2g-color-neutral-50);border-radius:999px;font-size:.75rem;padding:.18rem .55rem;cursor:pointer}.c2g-pl-filters__member-list{max-height:12rem;overflow:auto;display:grid;gap:.25rem;padding-right:.15rem}.c2g-pl-filters__member-option{display:flex;align-items:center;gap:.45rem;font-size:.82rem;color:var(--c2g-color-text-primary)}@media(max-width:720px){.c2g-pl-filters{grid-template-columns:1fr}.c2g-pl-filters__member-panel{right:auto;left:0;width:100%}}\n"] }]
+        }], propDecorators: { filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: true }] }], members: [{ type: i0.Input, args: [{ isSignal: true, alias: "members", required: false }] }], labels: [{ type: i0.Input, args: [{ isSignal: true, alias: "labels", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], filterChange: [{ type: i0.Output, args: ["filterChange"] }], overlayRequested: [{ type: i0.Output, args: ["overlayRequested"] }] } });
+
+class PackingListPrivateListComponent {
+    items = input.required(...(ngDevMode ? [{ debugName: "items" }] : []));
+    members = input.required(...(ngDevMode ? [{ debugName: "members" }] : []));
+    selectedMemberIds = input([], ...(ngDevMode ? [{ debugName: "selectedMemberIds" }] : []));
+    currentUserId = input.required(...(ngDevMode ? [{ debugName: "currentUserId" }] : []));
+    permissions = input.required(...(ngDevMode ? [{ debugName: "permissions" }] : []));
+    labels = input(DEFAULT_PACKING_LIST_LABEL_KEYS, ...(ngDevMode ? [{ debugName: "labels" }] : []));
+    privateItems = computed(() => this.items().filter(item => item.visibility === 'private'), ...(ngDevMode ? [{ debugName: "privateItems" }] : []));
+    itemChecked = output();
+    itemAssigned = output();
+    itemDeleted = output();
+    itemEditRequested = output();
+    personalItemToggled = output();
+    memberOverlayRequested = output();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PackingListPrivateListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: PackingListPrivateListComponent, isStandalone: true, selector: "c2g-packing-list-private-list", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, members: { classPropertyName: "members", publicName: "members", isSignal: true, isRequired: true, transformFunction: null }, selectedMemberIds: { classPropertyName: "selectedMemberIds", publicName: "selectedMemberIds", isSignal: true, isRequired: false, transformFunction: null }, currentUserId: { classPropertyName: "currentUserId", publicName: "currentUserId", isSignal: true, isRequired: true, transformFunction: null }, permissions: { classPropertyName: "permissions", publicName: "permissions", isSignal: true, isRequired: true, transformFunction: null }, labels: { classPropertyName: "labels", publicName: "labels", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemChecked: "itemChecked", itemAssigned: "itemAssigned", itemDeleted: "itemDeleted", itemEditRequested: "itemEditRequested", personalItemToggled: "personalItemToggled", memberOverlayRequested: "memberOverlayRequested" }, ngImport: i0, template: "@if (privateItems().length > 0) {\n  <section class=\"c2g-pl-private\">\n    <h3>{{ labels().privateSectionTitleKey }}</h3>\n    <div class=\"c2g-pl-private__items\">\n      @for (item of privateItems(); track item.id) {\n        <c2g-packing-list-item\n          [item]=\"item\"\n          [members]=\"members()\"\n          [selectedMemberIds]=\"selectedMemberIds()\"\n          [currentUserId]=\"currentUserId()\"\n          [permissions]=\"permissions()\"\n          (itemChecked)=\"itemChecked.emit($event)\"\n          (itemAssigned)=\"itemAssigned.emit($event)\"\n          (itemDeleted)=\"itemDeleted.emit($event)\"\n          (itemEditRequested)=\"itemEditRequested.emit($event)\"\n          (personalItemToggled)=\"personalItemToggled.emit($event)\"\n          (memberOverlayRequested)=\"memberOverlayRequested.emit($event)\">\n        </c2g-packing-list-item>\n      }\n    </div>\n  </section>\n}\n", styles: [".c2g-pl-private{display:grid;gap:.5rem}.c2g-pl-private h3{margin:0;font-size:.95rem;color:var(--c2g-color-text-primary)}.c2g-pl-private__items{display:grid;gap:.55rem}\n"], dependencies: [{ kind: "component", type: PackingListItemComponent, selector: "c2g-packing-list-item", inputs: ["item", "members", "currentUserId", "permissions", "selectedMemberIds"], outputs: ["itemChecked", "itemAssigned", "itemDeleted", "itemEditRequested", "personalItemToggled", "memberOverlayRequested"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PackingListPrivateListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c2g-packing-list-private-list', standalone: true, imports: [PackingListItemComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (privateItems().length > 0) {\n  <section class=\"c2g-pl-private\">\n    <h3>{{ labels().privateSectionTitleKey }}</h3>\n    <div class=\"c2g-pl-private__items\">\n      @for (item of privateItems(); track item.id) {\n        <c2g-packing-list-item\n          [item]=\"item\"\n          [members]=\"members()\"\n          [selectedMemberIds]=\"selectedMemberIds()\"\n          [currentUserId]=\"currentUserId()\"\n          [permissions]=\"permissions()\"\n          (itemChecked)=\"itemChecked.emit($event)\"\n          (itemAssigned)=\"itemAssigned.emit($event)\"\n          (itemDeleted)=\"itemDeleted.emit($event)\"\n          (itemEditRequested)=\"itemEditRequested.emit($event)\"\n          (personalItemToggled)=\"personalItemToggled.emit($event)\"\n          (memberOverlayRequested)=\"memberOverlayRequested.emit($event)\">\n        </c2g-packing-list-item>\n      }\n    </div>\n  </section>\n}\n", styles: [".c2g-pl-private{display:grid;gap:.5rem}.c2g-pl-private h3{margin:0;font-size:.95rem;color:var(--c2g-color-text-primary)}.c2g-pl-private__items{display:grid;gap:.55rem}\n"] }]
+        }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }], members: [{ type: i0.Input, args: [{ isSignal: true, alias: "members", required: true }] }], selectedMemberIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedMemberIds", required: false }] }], currentUserId: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentUserId", required: true }] }], permissions: [{ type: i0.Input, args: [{ isSignal: true, alias: "permissions", required: true }] }], labels: [{ type: i0.Input, args: [{ isSignal: true, alias: "labels", required: false }] }], itemChecked: [{ type: i0.Output, args: ["itemChecked"] }], itemAssigned: [{ type: i0.Output, args: ["itemAssigned"] }], itemDeleted: [{ type: i0.Output, args: ["itemDeleted"] }], itemEditRequested: [{ type: i0.Output, args: ["itemEditRequested"] }], personalItemToggled: [{ type: i0.Output, args: ["personalItemToggled"] }], memberOverlayRequested: [{ type: i0.Output, args: ["memberOverlayRequested"] }] } });
+
+class PackingListItemCreateComponent {
+    permissions = input({
+        isOrganizer: false,
+        isGuest: false,
+        isSolo: false,
+        readOnly: false
+    }, ...(ngDevMode ? [{ debugName: "permissions" }] : []));
+    labels = input(DEFAULT_PACKING_LIST_LABEL_KEYS, ...(ngDevMode ? [{ debugName: "labels" }] : []));
+    readOnly = input(false, ...(ngDevMode ? [{ debugName: "readOnly" }] : []));
+    categories = input(Object.values(C2G_PACKING_CATEGORY_INFO), ...(ngDevMode ? [{ debugName: "categories" }] : []));
+    itemCreated = output();
+    dialogOpen = signal(false, ...(ngDevMode ? [{ debugName: "dialogOpen" }] : []));
+    formData = signal({
+        name: '',
+        category: Object.values(C2G_PACKING_CATEGORY_INFO)[0]?.key ?? 'other',
+        visibility: 'private',
+        essential: false,
+        quantity: 1,
+        weightKg: undefined,
+        packedVolumeL: undefined,
+        hint: ''
+    }, ...(ngDevMode ? [{ debugName: "formData" }] : []));
+    availableVisibilities = computed(() => {
+        const perms = this.permissions();
+        const labels = this.labels();
+        const visibilities = [];
+        // Private is always available
+        visibilities.push({
+            value: 'private',
+            label: labels.privateVisibilityKey ?? 'Private'
+        });
+        // Personal is available if not a guest
+        if (!perms.isGuest) {
+            visibilities.push({
+                value: 'personal',
+                label: labels.personalVisibilityKey ?? 'Personal'
+            });
+        }
+        // Shared is available for organizers or if tour allows members
+        if (perms.isOrganizer || perms.canMembersAddSharedItems) {
+            visibilities.push({
+                value: 'shared',
+                label: labels.sharedVisibilityKey ?? 'Shared'
+            });
+        }
+        return visibilities;
+    }, ...(ngDevMode ? [{ debugName: "availableVisibilities" }] : []));
+    categoryOptions = computed(() => {
+        return this.categories().map(cat => ({
+            value: cat.key,
+            label: cat.label || cat.key
+        }));
+    }, ...(ngDevMode ? [{ debugName: "categoryOptions" }] : []));
+    openDialog() {
+        this.dialogOpen.set(true);
+    }
+    closeDialog() {
+        this.dialogOpen.set(false);
+        this.resetForm();
+    }
+    resetForm() {
+        this.formData.set({
+            name: '',
+            category: Object.values(C2G_PACKING_CATEGORY_INFO)[0]?.key ?? 'other',
+            visibility: this.availableVisibilities()[0]?.value ?? 'private',
+            essential: false,
+            quantity: 1,
+            weightKg: undefined,
+            packedVolumeL: undefined,
+            hint: ''
+        });
+    }
+    submit() {
+        const data = this.formData();
+        if (!data.name.trim()) {
+            return;
+        }
+        const newItem = {
+            name: data.name.trim(),
+            category: data.category,
+            visibility: data.visibility,
+            essential: data.essential,
+            quantity: data.quantity > 0 ? data.quantity : undefined,
+            weightKg: data.weightKg && data.weightKg > 0 ? data.weightKg : undefined,
+            packedVolumeL: data.packedVolumeL && data.packedVolumeL > 0 ? data.packedVolumeL : undefined,
+            hint: data.hint.trim() || undefined
+        };
+        this.itemCreated.emit(newItem);
+        this.closeDialog();
+    }
+    updateVisibility(visibility) {
+        this.formData.update(data => ({ ...data, visibility }));
+    }
+    getCategoryLabel(categoryKey) {
+        return this.categories().find(c => c.key === categoryKey)?.label ?? categoryKey;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PackingListItemCreateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: PackingListItemCreateComponent, isStandalone: true, selector: "c2g-packing-list-item-create", inputs: { permissions: { classPropertyName: "permissions", publicName: "permissions", isSignal: true, isRequired: false, transformFunction: null }, labels: { classPropertyName: "labels", publicName: "labels", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, categories: { classPropertyName: "categories", publicName: "categories", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemCreated: "itemCreated" }, ngImport: i0, template: "<c2g-button\n  variant=\"secondary\"\n  size=\"md\"\n  icon=\"+\"\n  [disabled]=\"readOnly()\"\n  (clicked)=\"openDialog()\">\n  {{ labels().addItemKey || 'Item hinzuf\u00FCgen' }}\n</c2g-button>\n\n@if (dialogOpen()) {\n  <div class=\"c2g-pl-item-create__overlay\" (click)=\"closeDialog()\"></div>\n  <dialog class=\"c2g-pl-item-create__dialog\" open>\n    <div class=\"c2g-pl-item-create__header\">\n      <h2>{{ labels().createItemKey || 'Neues Item' }}</h2>\n      <c2g-button\n        variant=\"icon\"\n        size=\"sm\"\n        icon=\"\u2715\"\n        aria-label=\"Schlie\u00DFen\"\n        (clicked)=\"closeDialog()\">\n      </c2g-button>\n    </div>\n\n    <form class=\"c2g-pl-item-create__form\" (ngSubmit)=\"submit()\">\n      <!-- Name Input -->\n      <div class=\"c2g-pl-item-create__field\">\n        <c2g-input\n          [label]=\"labels().itemNameKey || 'Name'\"\n          [required]=\"true\"\n          [(ngModel)]=\"formData().name\"\n          [ngModelOptions]=\"{ updateOn: 'blur' }\"\n          name=\"name\"\n          placeholder=\"z.B. Zelt, Schlafsack...\">\n        </c2g-input>\n      </div>\n\n      <!-- Category Select -->\n      <div class=\"c2g-pl-item-create__field\">\n        <c2g-select\n          [label]=\"(labels().categoryKey || 'Kategorie') + ' *'\"\n          [options]=\"categoryOptions()\"\n          [required]=\"true\"\n          [(ngModel)]=\"formData().category\"\n          name=\"category\">\n        </c2g-select>\n      </div>\n\n      <!-- Visibility Radio -->\n      @if (availableVisibilities().length > 1) {\n        <div class=\"c2g-pl-item-create__field\">\n          <c2g-radio-group\n            [label]=\"(labels().visibilityKey || 'Sichtbarkeit') + ' *'\"\n            [options]=\"availableVisibilities()\"\n            [(ngModel)]=\"formData().visibility\"\n            name=\"visibility\"\n            orientation=\"vertical\">\n          </c2g-radio-group>\n        </div>\n      }\n\n      <!-- Essential Checkbox -->\n      <div class=\"c2g-pl-item-create__field\">\n        <c2g-checkbox\n          [label]=\"labels().essentialKey || 'Essentiell'\"\n          [(ngModel)]=\"formData().essential\"\n          name=\"essential\">\n        </c2g-checkbox>\n      </div>\n\n      <!-- Quantity -->\n      <div class=\"c2g-pl-item-create__field\">\n        <c2g-input\n          [label]=\"labels().quantityKey || 'Menge'\"\n          [(ngModel)]=\"formData().quantity\"\n          name=\"quantity\"\n          placeholder=\"z.B. 1\">\n        </c2g-input>\n      </div>\n\n      <!-- Weight -->\n      <div class=\"c2g-pl-item-create__field\">\n        <c2g-input\n          [label]=\"labels().weightKey || 'Gewicht (kg)'\"\n          [(ngModel)]=\"formData().weightKg\"\n          name=\"weightKg\"\n          placeholder=\"z.B. 0.5\">\n        </c2g-input>\n      </div>\n\n      <!-- Volume -->\n      <div class=\"c2g-pl-item-create__field\">\n        <c2g-input\n          [label]=\"labels().volumeKey || 'Volumen (l)'\"\n          [(ngModel)]=\"formData().packedVolumeL\"\n          name=\"packedVolumeL\"\n          placeholder=\"z.B. 1.5\">\n        </c2g-input>\n      </div>\n\n      <!-- Hint -->\n      <div class=\"c2g-pl-item-create__field\">\n        <c2g-textarea\n          [label]=\"labels().hintKey || 'Notiz'\"\n          [(ngModel)]=\"formData().hint\"\n          name=\"hint\"\n          [rows]=\"2\"\n          placeholder=\"z.B. Schlafsack f\u00FCr Kinder, Wetterschutz...\">\n        </c2g-textarea>\n      </div>\n\n      <!-- Buttons -->\n      <div class=\"c2g-pl-item-create__actions\">\n        <c2g-button\n          type=\"button\"\n          variant=\"secondary\"\n          size=\"md\"\n          (clicked)=\"closeDialog()\">\n          {{ labels().cancelKey || 'Abbrechen' }}\n        </c2g-button>\n        <c2g-button\n          type=\"submit\"\n          variant=\"primary\"\n          size=\"md\"\n          [disabled]=\"!formData().name.trim()\">\n          {{ labels().createKey || 'Erstellen' }}\n        </c2g-button>\n      </div>\n    </form>\n  </dialog>\n}\n", styles: [".c2g-pl-item-create__btn{border:none;background:var(--c2g-color-surface);color:var(--c2g-color-text-primary);border-radius:.5rem;padding:.45rem .9rem;font-size:.9rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--c2g-color-outline);transition:all .2s ease}.c2g-pl-item-create__btn:hover:not(:disabled){background:var(--c2g-color-neutral-100);border-color:var(--c2g-color-text-primary)}.c2g-pl-item-create__btn:disabled{opacity:.5;cursor:not-allowed}.c2g-pl-item-create__icon{font-size:1.2rem;font-weight:600;line-height:1}.c2g-pl-item-create__overlay{position:fixed;inset:0;background:#152b2166;z-index:99}.c2g-pl-item-create__dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;border:none;border-radius:.75rem;background:var(--c2g-color-surface);box-shadow:0 20px 40px #152b2133;padding:1.5rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}@media(max-width:600px){.c2g-pl-item-create__dialog{width:95%;padding:1.2rem}}.c2g-pl-item-create__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.c2g-pl-item-create__header h2{margin:0;font-size:1.3rem;font-weight:600;color:var(--c2g-color-text-primary)}.c2g-pl-item-create__close{border:none;background:transparent;color:var(--c2g-color-text-muted);font-size:1.8rem;line-height:1;padding:0;cursor:pointer;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.c2g-pl-item-create__close:hover{color:var(--c2g-color-text-primary)}.c2g-pl-item-create__form{display:grid;gap:1rem}.c2g-pl-item-create__field{display:grid;gap:.4rem}.c2g-pl-item-create__field label{font-weight:500;color:var(--c2g-color-text-primary);font-size:.9rem}.c2g-pl-item-create__field input[type=text],.c2g-pl-item-create__field input[type=number],.c2g-pl-item-create__field textarea,.c2g-pl-item-create__field select{border:1px solid var(--c2g-color-outline-variant);border-radius:.4rem;padding:.5rem .6rem;font-size:.9rem;font-family:inherit;color:var(--c2g-color-text-primary);background:var(--c2g-color-surface);transition:border-color .2s ease}.c2g-pl-item-create__field input[type=text]:focus,.c2g-pl-item-create__field input[type=number]:focus,.c2g-pl-item-create__field textarea:focus,.c2g-pl-item-create__field select:focus{outline:none;border-color:var(--c2g-color-text-primary);box-shadow:0 0 0 2px var(--c2g-color-border-soft)}.c2g-pl-item-create__field input[type=text]::placeholder,.c2g-pl-item-create__field input[type=number]::placeholder,.c2g-pl-item-create__field textarea::placeholder,.c2g-pl-item-create__field select::placeholder{color:var(--c2g-color-text-muted)}.c2g-pl-item-create__field textarea{resize:vertical;line-height:1.4}.c2g-pl-item-create__field select{cursor:pointer}.c2g-pl-item-create__checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.c2g-pl-item-create__checkbox-label input[type=checkbox]{width:1.1rem;height:1.1rem;cursor:pointer}.c2g-pl-item-create__checkbox-label span{color:var(--c2g-color-text-primary);font-size:.9rem}.c2g-pl-item-create__visibility-options{display:flex;flex-direction:column;gap:.5rem}.c2g-pl-item-create__visibility-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.c2g-pl-item-create__visibility-label input[type=radio]{width:1.1rem;height:1.1rem;cursor:pointer}.c2g-pl-item-create__visibility-label span{color:var(--c2g-color-text-primary);font-size:.9rem}.c2g-pl-item-create__actions{display:flex;gap:.8rem;margin-top:1.5rem;justify-content:flex-end}.c2g-pl-item-create__btn-primary{border:none;background:var(--c2g-color-text-primary);color:var(--c2g-color-surface);border-radius:.4rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.c2g-pl-item-create__btn-primary:hover:not(:disabled){background:var(--c2g-color-text-secondary)}.c2g-pl-item-create__btn-primary:disabled{opacity:.5;cursor:not-allowed}.c2g-pl-item-create__btn-secondary{border:1px solid var(--c2g-color-outline);background:var(--c2g-color-surface);color:var(--c2g-color-text-primary);border-radius:.4rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.c2g-pl-item-create__btn-secondary:hover{background:var(--c2g-color-neutral-100);border-color:var(--c2g-color-text-primary)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: ButtonComponent, selector: "c2g-button", inputs: ["variant", "size", "disabled", "loading", "icon", "iconPosition", "iconOnly", "ariaLabel", "loadingAriaLabel", "type"], outputs: ["clicked"] }, { kind: "component", type: RadioGroupComponent, selector: "c2g-radio-group", inputs: ["label", "hint", "disabled", "orientation", "options", "name"], outputs: ["valueChange"] }, { kind: "component", type: CheckboxComponent, selector: "c2g-checkbox", inputs: ["id", "label", "hint", "disabled"], outputs: ["checkedChange"] }, { kind: "component", type: SelectComponent, selector: "c2g-select", inputs: ["label", "placeholder", "hint", "error", "options", "disabled", "required", "id"], outputs: ["valueChanged"] }, { kind: "component", type: InputComponent, selector: "c2g-input", inputs: ["label", "hint", "error", "placeholder", "prefix", "suffix", "loading", "disabled", "required", "maxLength", "id", "type"], outputs: ["valueChanged"] }, { kind: "component", type: TextareaComponent, selector: "c2g-textarea", inputs: ["label", "hint", "error", "placeholder", "prefix", "suffix", "loading", "disabled", "required", "maxLength", "rows", "id"], outputs: ["valueChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PackingListItemCreateComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c2g-packing-list-item-create', standalone: true, imports: [CommonModule, FormsModule, ButtonComponent, RadioGroupComponent, CheckboxComponent, SelectComponent, InputComponent, TextareaComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<c2g-button\n  variant=\"secondary\"\n  size=\"md\"\n  icon=\"+\"\n  [disabled]=\"readOnly()\"\n  (clicked)=\"openDialog()\">\n  {{ labels().addItemKey || 'Item hinzuf\u00FCgen' }}\n</c2g-button>\n\n@if (dialogOpen()) {\n  <div class=\"c2g-pl-item-create__overlay\" (click)=\"closeDialog()\"></div>\n  <dialog class=\"c2g-pl-item-create__dialog\" open>\n    <div class=\"c2g-pl-item-create__header\">\n      <h2>{{ labels().createItemKey || 'Neues Item' }}</h2>\n      <c2g-button\n        variant=\"icon\"\n        size=\"sm\"\n        icon=\"\u2715\"\n        aria-label=\"Schlie\u00DFen\"\n        (clicked)=\"closeDialog()\">\n      </c2g-button>\n    </div>\n\n    <form class=\"c2g-pl-item-create__form\" (ngSubmit)=\"submit()\">\n      <!-- Name Input -->\n      <div class=\"c2g-pl-item-create__field\">\n        <c2g-input\n          [label]=\"labels().itemNameKey || 'Name'\"\n          [required]=\"true\"\n          [(ngModel)]=\"formData().name\"\n          [ngModelOptions]=\"{ updateOn: 'blur' }\"\n          name=\"name\"\n          placeholder=\"z.B. Zelt, Schlafsack...\">\n        </c2g-input>\n      </div>\n\n      <!-- Category Select -->\n      <div class=\"c2g-pl-item-create__field\">\n        <c2g-select\n          [label]=\"(labels().categoryKey || 'Kategorie') + ' *'\"\n          [options]=\"categoryOptions()\"\n          [required]=\"true\"\n          [(ngModel)]=\"formData().category\"\n          name=\"category\">\n        </c2g-select>\n      </div>\n\n      <!-- Visibility Radio -->\n      @if (availableVisibilities().length > 1) {\n        <div class=\"c2g-pl-item-create__field\">\n          <c2g-radio-group\n            [label]=\"(labels().visibilityKey || 'Sichtbarkeit') + ' *'\"\n            [options]=\"availableVisibilities()\"\n            [(ngModel)]=\"formData().visibility\"\n            name=\"visibility\"\n            orientation=\"vertical\">\n          </c2g-radio-group>\n        </div>\n      }\n\n      <!-- Essential Checkbox -->\n      <div class=\"c2g-pl-item-create__field\">\n        <c2g-checkbox\n          [label]=\"labels().essentialKey || 'Essentiell'\"\n          [(ngModel)]=\"formData().essential\"\n          name=\"essential\">\n        </c2g-checkbox>\n      </div>\n\n      <!-- Quantity -->\n      <div class=\"c2g-pl-item-create__field\">\n        <c2g-input\n          [label]=\"labels().quantityKey || 'Menge'\"\n          [(ngModel)]=\"formData().quantity\"\n          name=\"quantity\"\n          placeholder=\"z.B. 1\">\n        </c2g-input>\n      </div>\n\n      <!-- Weight -->\n      <div class=\"c2g-pl-item-create__field\">\n        <c2g-input\n          [label]=\"labels().weightKey || 'Gewicht (kg)'\"\n          [(ngModel)]=\"formData().weightKg\"\n          name=\"weightKg\"\n          placeholder=\"z.B. 0.5\">\n        </c2g-input>\n      </div>\n\n      <!-- Volume -->\n      <div class=\"c2g-pl-item-create__field\">\n        <c2g-input\n          [label]=\"labels().volumeKey || 'Volumen (l)'\"\n          [(ngModel)]=\"formData().packedVolumeL\"\n          name=\"packedVolumeL\"\n          placeholder=\"z.B. 1.5\">\n        </c2g-input>\n      </div>\n\n      <!-- Hint -->\n      <div class=\"c2g-pl-item-create__field\">\n        <c2g-textarea\n          [label]=\"labels().hintKey || 'Notiz'\"\n          [(ngModel)]=\"formData().hint\"\n          name=\"hint\"\n          [rows]=\"2\"\n          placeholder=\"z.B. Schlafsack f\u00FCr Kinder, Wetterschutz...\">\n        </c2g-textarea>\n      </div>\n\n      <!-- Buttons -->\n      <div class=\"c2g-pl-item-create__actions\">\n        <c2g-button\n          type=\"button\"\n          variant=\"secondary\"\n          size=\"md\"\n          (clicked)=\"closeDialog()\">\n          {{ labels().cancelKey || 'Abbrechen' }}\n        </c2g-button>\n        <c2g-button\n          type=\"submit\"\n          variant=\"primary\"\n          size=\"md\"\n          [disabled]=\"!formData().name.trim()\">\n          {{ labels().createKey || 'Erstellen' }}\n        </c2g-button>\n      </div>\n    </form>\n  </dialog>\n}\n", styles: [".c2g-pl-item-create__btn{border:none;background:var(--c2g-color-surface);color:var(--c2g-color-text-primary);border-radius:.5rem;padding:.45rem .9rem;font-size:.9rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--c2g-color-outline);transition:all .2s ease}.c2g-pl-item-create__btn:hover:not(:disabled){background:var(--c2g-color-neutral-100);border-color:var(--c2g-color-text-primary)}.c2g-pl-item-create__btn:disabled{opacity:.5;cursor:not-allowed}.c2g-pl-item-create__icon{font-size:1.2rem;font-weight:600;line-height:1}.c2g-pl-item-create__overlay{position:fixed;inset:0;background:#152b2166;z-index:99}.c2g-pl-item-create__dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;border:none;border-radius:.75rem;background:var(--c2g-color-surface);box-shadow:0 20px 40px #152b2133;padding:1.5rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}@media(max-width:600px){.c2g-pl-item-create__dialog{width:95%;padding:1.2rem}}.c2g-pl-item-create__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.c2g-pl-item-create__header h2{margin:0;font-size:1.3rem;font-weight:600;color:var(--c2g-color-text-primary)}.c2g-pl-item-create__close{border:none;background:transparent;color:var(--c2g-color-text-muted);font-size:1.8rem;line-height:1;padding:0;cursor:pointer;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.c2g-pl-item-create__close:hover{color:var(--c2g-color-text-primary)}.c2g-pl-item-create__form{display:grid;gap:1rem}.c2g-pl-item-create__field{display:grid;gap:.4rem}.c2g-pl-item-create__field label{font-weight:500;color:var(--c2g-color-text-primary);font-size:.9rem}.c2g-pl-item-create__field input[type=text],.c2g-pl-item-create__field input[type=number],.c2g-pl-item-create__field textarea,.c2g-pl-item-create__field select{border:1px solid var(--c2g-color-outline-variant);border-radius:.4rem;padding:.5rem .6rem;font-size:.9rem;font-family:inherit;color:var(--c2g-color-text-primary);background:var(--c2g-color-surface);transition:border-color .2s ease}.c2g-pl-item-create__field input[type=text]:focus,.c2g-pl-item-create__field input[type=number]:focus,.c2g-pl-item-create__field textarea:focus,.c2g-pl-item-create__field select:focus{outline:none;border-color:var(--c2g-color-text-primary);box-shadow:0 0 0 2px var(--c2g-color-border-soft)}.c2g-pl-item-create__field input[type=text]::placeholder,.c2g-pl-item-create__field input[type=number]::placeholder,.c2g-pl-item-create__field textarea::placeholder,.c2g-pl-item-create__field select::placeholder{color:var(--c2g-color-text-muted)}.c2g-pl-item-create__field textarea{resize:vertical;line-height:1.4}.c2g-pl-item-create__field select{cursor:pointer}.c2g-pl-item-create__checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.c2g-pl-item-create__checkbox-label input[type=checkbox]{width:1.1rem;height:1.1rem;cursor:pointer}.c2g-pl-item-create__checkbox-label span{color:var(--c2g-color-text-primary);font-size:.9rem}.c2g-pl-item-create__visibility-options{display:flex;flex-direction:column;gap:.5rem}.c2g-pl-item-create__visibility-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.c2g-pl-item-create__visibility-label input[type=radio]{width:1.1rem;height:1.1rem;cursor:pointer}.c2g-pl-item-create__visibility-label span{color:var(--c2g-color-text-primary);font-size:.9rem}.c2g-pl-item-create__actions{display:flex;gap:.8rem;margin-top:1.5rem;justify-content:flex-end}.c2g-pl-item-create__btn-primary{border:none;background:var(--c2g-color-text-primary);color:var(--c2g-color-surface);border-radius:.4rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.c2g-pl-item-create__btn-primary:hover:not(:disabled){background:var(--c2g-color-text-secondary)}.c2g-pl-item-create__btn-primary:disabled{opacity:.5;cursor:not-allowed}.c2g-pl-item-create__btn-secondary{border:1px solid var(--c2g-color-outline);background:var(--c2g-color-surface);color:var(--c2g-color-text-primary);border-radius:.4rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.c2g-pl-item-create__btn-secondary:hover{background:var(--c2g-color-neutral-100);border-color:var(--c2g-color-text-primary)}\n"] }]
+        }], propDecorators: { permissions: [{ type: i0.Input, args: [{ isSignal: true, alias: "permissions", required: false }] }], labels: [{ type: i0.Input, args: [{ isSignal: true, alias: "labels", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], categories: [{ type: i0.Input, args: [{ isSignal: true, alias: "categories", required: false }] }], itemCreated: [{ type: i0.Output, args: ["itemCreated"] }] } });
+
+class PackingListComponent {
+    items = input.required(...(ngDevMode ? [{ debugName: "items" }] : []));
+    members = input.required(...(ngDevMode ? [{ debugName: "members" }] : []));
+    currentUserId = input.required(...(ngDevMode ? [{ debugName: "currentUserId" }] : []));
+    permissions = input({
+        isOrganizer: false,
+        isGuest: false,
+        isSolo: false,
+        readOnly: false
+    }, ...(ngDevMode ? [{ debugName: "permissions" }] : []));
+    labels = input(DEFAULT_PACKING_LIST_LABEL_KEYS, ...(ngDevMode ? [{ debugName: "labels" }] : []));
+    categories = input(Object.values(C2G_PACKING_CATEGORY_INFO), ...(ngDevMode ? [{ debugName: "categories" }] : []));
+    config = input(DEFAULT_PACKING_LIST_CONFIG, ...(ngDevMode ? [{ debugName: "config" }] : []));
+    // Compat layer for deprecated inputs (showStats, showPrivateAsSeparateList)
+    showPrivateAsSeparateList = input(false, ...(ngDevMode ? [{ debugName: "showPrivateAsSeparateList" }] : []));
+    showStats = input(true, ...(ngDevMode ? [{ debugName: "showStats" }] : []));
+    itemChecked = output();
+    itemAssigned = output();
+    itemDeleted = output();
+    itemEditRequested = output();
+    itemCreated = output();
+    personalItemToggled = output();
+    memberOverlayRequested = output();
+    externalMemberViewRequested = output();
+    filterChanged = output();
+    sortChanged = output();
+    rowActionTriggered = output();
+    // Merged config: config input takes precedence over deprecated inputs
+    mergedConfig = computed(() => {
+        const cfg = this.config();
+        const features = cfg.features ?? {};
+        // Apply deprecated inputs if config doesn't override
+        return {
+            ...cfg,
+            features: {
+                ...features,
+                stats: features.stats !== undefined ? features.stats : this.showStats(),
+                privateSection: features.privateSection !== undefined ? features.privateSection : this.showPrivateAsSeparateList(),
+            }
+        };
+    }, ...(ngDevMode ? [{ debugName: "mergedConfig" }] : []));
+    filter = signal({
+        query: '',
+        visibility: 'all',
+        essentialsOnly: false,
+        memberIds: []
+    }, ...(ngDevMode ? [{ debugName: "filter" }] : []));
+    expandedCategories = signal(new Set(), ...(ngDevMode ? [{ debugName: "expandedCategories" }] : []));
+    hasUserToggled = signal(false, ...(ngDevMode ? [{ debugName: "hasUserToggled" }] : []));
+    filteredItems = computed(() => {
+        const filter = this.filter();
+        const q = filter.query.trim().toLowerCase();
+        return this.items().filter(item => {
+            if (filter.visibility !== 'all' && item.visibility !== filter.visibility) {
+                return false;
+            }
+            if (filter.essentialsOnly && !item.essential) {
+                return false;
+            }
+            if (filter.memberIds.length > 0) {
+                const selected = new Set(filter.memberIds);
+                const assignments = item.assignments ?? [];
+                const hasSelectedAssignment = assignments.some(assignment => selected.has(assignment.memberId));
+                if (!hasSelectedAssignment) {
+                    return false;
+                }
+            }
+            if (!q) {
+                return true;
+            }
+            const searchable = `${item.name} ${item.hint ?? ''} ${item.reason ?? ''}`.toLowerCase();
+            return searchable.includes(q);
+        });
+    }, ...(ngDevMode ? [{ debugName: "filteredItems" }] : []));
+    categoryGroups = computed(() => {
+        const grouped = new Map();
+        for (const item of this.filteredItems()) {
+            const key = item.category || 'other';
+            if (!grouped.has(key)) {
+                grouped.set(key, []);
+            }
+            grouped.get(key).push(item);
+        }
+        // Category order: follow C2G_PACKING_CATEGORY_INFO definition, unknowns at end.
+        // A category sinks to the bottom only when ALL its items are packed/confirmed.
+        const knownOrder = Object.keys(C2G_PACKING_CATEGORY_INFO);
+        const isPacked = (i) => !!i.assignments?.some(a => a.status === 'packed' || a.status === 'confirmed');
+        const entries = Array.from(grouped.entries());
+        entries.sort(([a, aItems], [b, bItems]) => {
+            const aDone = aItems.every(isPacked) ? 1 : 0;
+            const bDone = bItems.every(isPacked) ? 1 : 0;
+            if (aDone !== bDone)
+                return aDone - bDone;
+            const ai = knownOrder.indexOf(a);
+            const bi = knownOrder.indexOf(b);
+            return (ai === -1 ? knownOrder.length : ai) - (bi === -1 ? knownOrder.length : bi);
+        });
+        return entries.map(([key, items]) => ({ key, items }));
+    }, ...(ngDevMode ? [{ debugName: "categoryGroups" }] : []));
+    constructor() {
+        effect(() => {
+            if (this.hasUserToggled()) {
+                return;
+            }
+            const defaults = this.categoryGroups().slice(0, 3).map(group => group.key);
+            if (defaults.length === 0) {
+                return;
+            }
+            if (this.expandedCategories().size === 0) {
+                this.expandedCategories.set(new Set(defaults));
+            }
+        });
+    }
+    onFilterChange(next) {
+        this.filter.set(next);
+        this.filterChanged.emit(next);
+    }
+    onExternalMemberViewRequested() {
+        this.externalMemberViewRequested.emit();
+    }
+    onItemCreated(item) {
+        this.itemCreated.emit(item);
+    }
+    isCategoryExpanded(category) {
+        return this.expandedCategories().has(category);
+    }
+    toggleCategory(category) {
+        this.hasUserToggled.set(true);
+        const next = new Set(this.expandedCategories());
+        if (next.has(category)) {
+            next.delete(category);
+        }
+        else {
+            next.add(category);
+        }
+        this.expandedCategories.set(next);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PackingListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: PackingListComponent, isStandalone: true, selector: "c2g-packing-list", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, members: { classPropertyName: "members", publicName: "members", isSignal: true, isRequired: true, transformFunction: null }, currentUserId: { classPropertyName: "currentUserId", publicName: "currentUserId", isSignal: true, isRequired: true, transformFunction: null }, permissions: { classPropertyName: "permissions", publicName: "permissions", isSignal: true, isRequired: false, transformFunction: null }, labels: { classPropertyName: "labels", publicName: "labels", isSignal: true, isRequired: false, transformFunction: null }, categories: { classPropertyName: "categories", publicName: "categories", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, showPrivateAsSeparateList: { classPropertyName: "showPrivateAsSeparateList", publicName: "showPrivateAsSeparateList", isSignal: true, isRequired: false, transformFunction: null }, showStats: { classPropertyName: "showStats", publicName: "showStats", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemChecked: "itemChecked", itemAssigned: "itemAssigned", itemDeleted: "itemDeleted", itemEditRequested: "itemEditRequested", itemCreated: "itemCreated", personalItemToggled: "personalItemToggled", memberOverlayRequested: "memberOverlayRequested", externalMemberViewRequested: "externalMemberViewRequested", filterChanged: "filterChanged", sortChanged: "sortChanged", rowActionTriggered: "rowActionTriggered" }, ngImport: i0, template: "<section class=\"c2g-packing-list\">\n  <header class=\"c2g-packing-list__header\">\n    <c2g-packing-list-filters\n      [filter]=\"filter()\"\n      [members]=\"members()\"\n      [labels]=\"labels()\"\n      [disabled]=\"permissions().readOnly\"\n      (filterChange)=\"onFilterChange($event)\"\n      (overlayRequested)=\"onExternalMemberViewRequested()\">\n    </c2g-packing-list-filters>\n\n    <div class=\"c2g-packing-list__header-actions\">\n      <c2g-packing-list-item-create\n        [permissions]=\"permissions()\"\n        [labels]=\"labels()\"\n        [readOnly]=\"permissions().readOnly\"\n        [categories]=\"categories()\"\n        (itemCreated)=\"onItemCreated($event)\">\n      </c2g-packing-list-item-create>\n    </div>\n  </header>\n\n  @if (filteredItems().length === 0) {\n    <p class=\"c2g-packing-list__empty\">{{ labels().emptyStateKey }}</p>\n  }\n\n  <div class=\"c2g-packing-list__categories\">\n    @for (group of categoryGroups(); track group.key) {\n      <c2g-packing-list-category\n        [categoryKey]=\"group.key\"\n        [items]=\"group.items\"\n        [members]=\"members()\"\n        [selectedMemberIds]=\"filter().memberIds\"\n        [currentUserId]=\"currentUserId()\"\n        [permissions]=\"permissions()\"\n        [expanded]=\"isCategoryExpanded(group.key)\"\n        (toggle)=\"toggleCategory($event)\"\n        (itemChecked)=\"itemChecked.emit($event)\"\n        (itemAssigned)=\"itemAssigned.emit($event)\"\n        (itemDeleted)=\"itemDeleted.emit($event)\"\n        (itemEditRequested)=\"itemEditRequested.emit($event)\"\n        (personalItemToggled)=\"personalItemToggled.emit($event)\"\n        (memberOverlayRequested)=\"memberOverlayRequested.emit($event)\">\n      </c2g-packing-list-category>\n    }\n  </div>\n\n  @if (showPrivateAsSeparateList()) {\n    <c2g-packing-list-private-list\n      [items]=\"filteredItems()\"\n      [members]=\"members()\"\n      [selectedMemberIds]=\"filter().memberIds\"\n      [currentUserId]=\"currentUserId()\"\n      [permissions]=\"permissions()\"\n      [labels]=\"labels()\"\n      (itemChecked)=\"itemChecked.emit($event)\"\n      (itemAssigned)=\"itemAssigned.emit($event)\"\n      (itemDeleted)=\"itemDeleted.emit($event)\"\n      (itemEditRequested)=\"itemEditRequested.emit($event)\"\n      (personalItemToggled)=\"personalItemToggled.emit($event)\"\n      (memberOverlayRequested)=\"memberOverlayRequested.emit($event)\">\n    </c2g-packing-list-private-list>\n  }\n</section>\n", styles: [".c2g-packing-list{display:grid;gap:.9rem}.c2g-packing-list__header{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap}.c2g-packing-list__header-actions{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.c2g-packing-list__categories{display:grid;gap:.65rem}.c2g-packing-list__empty{margin:0;border:1px dashed var(--c2g-color-outline);border-radius:.75rem;background:var(--c2g-color-neutral-50);color:var(--c2g-color-text-muted);padding:.85rem;font-size:.9rem}\n"], dependencies: [{ kind: "component", type: PackingListFiltersComponent, selector: "c2g-packing-list-filters", inputs: ["filter", "members", "labels", "disabled"], outputs: ["filterChange", "overlayRequested"] }, { kind: "component", type: PackingListCategoryComponent, selector: "c2g-packing-list-category", inputs: ["categoryKey", "items", "members", "selectedMemberIds", "currentUserId", "permissions", "expanded"], outputs: ["toggle", "itemChecked", "itemAssigned", "itemDeleted", "itemEditRequested", "personalItemToggled", "memberOverlayRequested"] }, { kind: "component", type: PackingListPrivateListComponent, selector: "c2g-packing-list-private-list", inputs: ["items", "members", "selectedMemberIds", "currentUserId", "permissions", "labels"], outputs: ["itemChecked", "itemAssigned", "itemDeleted", "itemEditRequested", "personalItemToggled", "memberOverlayRequested"] }, { kind: "component", type: PackingListItemCreateComponent, selector: "c2g-packing-list-item-create", inputs: ["permissions", "labels", "readOnly", "categories"], outputs: ["itemCreated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PackingListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c2g-packing-list', standalone: true, imports: [
+                        PackingListFiltersComponent,
+                        PackingListCategoryComponent,
+                        PackingListPrivateListComponent,
+                        PackingListItemCreateComponent
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"c2g-packing-list\">\n  <header class=\"c2g-packing-list__header\">\n    <c2g-packing-list-filters\n      [filter]=\"filter()\"\n      [members]=\"members()\"\n      [labels]=\"labels()\"\n      [disabled]=\"permissions().readOnly\"\n      (filterChange)=\"onFilterChange($event)\"\n      (overlayRequested)=\"onExternalMemberViewRequested()\">\n    </c2g-packing-list-filters>\n\n    <div class=\"c2g-packing-list__header-actions\">\n      <c2g-packing-list-item-create\n        [permissions]=\"permissions()\"\n        [labels]=\"labels()\"\n        [readOnly]=\"permissions().readOnly\"\n        [categories]=\"categories()\"\n        (itemCreated)=\"onItemCreated($event)\">\n      </c2g-packing-list-item-create>\n    </div>\n  </header>\n\n  @if (filteredItems().length === 0) {\n    <p class=\"c2g-packing-list__empty\">{{ labels().emptyStateKey }}</p>\n  }\n\n  <div class=\"c2g-packing-list__categories\">\n    @for (group of categoryGroups(); track group.key) {\n      <c2g-packing-list-category\n        [categoryKey]=\"group.key\"\n        [items]=\"group.items\"\n        [members]=\"members()\"\n        [selectedMemberIds]=\"filter().memberIds\"\n        [currentUserId]=\"currentUserId()\"\n        [permissions]=\"permissions()\"\n        [expanded]=\"isCategoryExpanded(group.key)\"\n        (toggle)=\"toggleCategory($event)\"\n        (itemChecked)=\"itemChecked.emit($event)\"\n        (itemAssigned)=\"itemAssigned.emit($event)\"\n        (itemDeleted)=\"itemDeleted.emit($event)\"\n        (itemEditRequested)=\"itemEditRequested.emit($event)\"\n        (personalItemToggled)=\"personalItemToggled.emit($event)\"\n        (memberOverlayRequested)=\"memberOverlayRequested.emit($event)\">\n      </c2g-packing-list-category>\n    }\n  </div>\n\n  @if (showPrivateAsSeparateList()) {\n    <c2g-packing-list-private-list\n      [items]=\"filteredItems()\"\n      [members]=\"members()\"\n      [selectedMemberIds]=\"filter().memberIds\"\n      [currentUserId]=\"currentUserId()\"\n      [permissions]=\"permissions()\"\n      [labels]=\"labels()\"\n      (itemChecked)=\"itemChecked.emit($event)\"\n      (itemAssigned)=\"itemAssigned.emit($event)\"\n      (itemDeleted)=\"itemDeleted.emit($event)\"\n      (itemEditRequested)=\"itemEditRequested.emit($event)\"\n      (personalItemToggled)=\"personalItemToggled.emit($event)\"\n      (memberOverlayRequested)=\"memberOverlayRequested.emit($event)\">\n    </c2g-packing-list-private-list>\n  }\n</section>\n", styles: [".c2g-packing-list{display:grid;gap:.9rem}.c2g-packing-list__header{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap}.c2g-packing-list__header-actions{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.c2g-packing-list__categories{display:grid;gap:.65rem}.c2g-packing-list__empty{margin:0;border:1px dashed var(--c2g-color-outline);border-radius:.75rem;background:var(--c2g-color-neutral-50);color:var(--c2g-color-text-muted);padding:.85rem;font-size:.9rem}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }], members: [{ type: i0.Input, args: [{ isSignal: true, alias: "members", required: true }] }], currentUserId: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentUserId", required: true }] }], permissions: [{ type: i0.Input, args: [{ isSignal: true, alias: "permissions", required: false }] }], labels: [{ type: i0.Input, args: [{ isSignal: true, alias: "labels", required: false }] }], categories: [{ type: i0.Input, args: [{ isSignal: true, alias: "categories", required: false }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], showPrivateAsSeparateList: [{ type: i0.Input, args: [{ isSignal: true, alias: "showPrivateAsSeparateList", required: false }] }], showStats: [{ type: i0.Input, args: [{ isSignal: true, alias: "showStats", required: false }] }], itemChecked: [{ type: i0.Output, args: ["itemChecked"] }], itemAssigned: [{ type: i0.Output, args: ["itemAssigned"] }], itemDeleted: [{ type: i0.Output, args: ["itemDeleted"] }], itemEditRequested: [{ type: i0.Output, args: ["itemEditRequested"] }], itemCreated: [{ type: i0.Output, args: ["itemCreated"] }], personalItemToggled: [{ type: i0.Output, args: ["personalItemToggled"] }], memberOverlayRequested: [{ type: i0.Output, args: ["memberOverlayRequested"] }], externalMemberViewRequested: [{ type: i0.Output, args: ["externalMemberViewRequested"] }], filterChanged: [{ type: i0.Output, args: ["filterChanged"] }], sortChanged: [{ type: i0.Output, args: ["sortChanged"] }], rowActionTriggered: [{ type: i0.Output, args: ["rowActionTriggered"] }] } });
+
+class PackingListStatsComponent {
+    items = input.required(...(ngDevMode ? [{ debugName: "items" }] : []));
+    stats = computed(() => {
+        const items = this.items();
+        const packed = items.filter(item => (item.assignments ?? []).some(a => a.status === 'packed' || a.status === 'confirmed')).length;
+        const essential = items.filter(item => !!item.essential).length;
+        return { total: items.length, packed, essential };
+    }, ...(ngDevMode ? [{ debugName: "stats" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PackingListStatsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.19", type: PackingListStatsComponent, isStandalone: true, selector: "c2g-packing-list-stats", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"c2g-pl-stats\">\n  <span>{{ stats().packed }}/{{ stats().total }}</span>\n  <span>essential: {{ stats().essential }}</span>\n</div>\n", styles: [".c2g-pl-stats{display:inline-flex;gap:.8rem;align-items:center;font-size:.8rem;color:var(--c2g-color-text-secondary);border:1px solid var(--c2g-color-outline);border-radius:999px;padding:.25rem .6rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PackingListStatsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c2g-packing-list-stats', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"c2g-pl-stats\">\n  <span>{{ stats().packed }}/{{ stats().total }}</span>\n  <span>essential: {{ stats().essential }}</span>\n</div>\n", styles: [".c2g-pl-stats{display:inline-flex;gap:.8rem;align-items:center;font-size:.8rem;color:var(--c2g-color-text-secondary);border:1px solid var(--c2g-color-outline);border-radius:999px;padding:.25rem .6rem}\n"] }]
+        }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }] } });
+
+const WEATHER_ICON_MAP = {
+    'sunny': '☀️',
+    'clear': '☀️',
+    'partly-cloudy': '⛅',
+    'partly_cloudy': '⛅',
+    'cloudy': '☁️',
+    'overcast': '☁️',
+    'light-rain': '🌦️',
+    'light_rain': '🌦️',
+    'rain': '🌧️',
+    'heavy-rain': '⛈️',
+    'heavy_rain': '⛈️',
+    'snow': '❄️',
+    'fog': '🌫️',
+    'thunder': '⛈️',
+    'wind': '💨',
+};
+/**
+ * Resolves a backend weather icon string to an emoji.
+ * @param icon    Raw icon string from the API (e.g. "partly-cloudy")
+ * @param fallback Emoji to return for unrecognised keys. Defaults to '🌤️'.
+ *                 Pass `icon` as fallback to preserve the raw string (useful
+ *                 for debugging in the full weather widget).
+ */
+function resolveWeatherIcon(icon, fallback = '🌤️') {
+    if (!icon)
+        return fallback;
+    return WEATHER_ICON_MAP[icon.toLowerCase()] ?? fallback;
+}
+
+class WeatherWidgetComponent {
+    currentDay = input(null, ...(ngDevMode ? [{ debugName: "currentDay" }] : []));
+    forecastSlots = input([], ...(ngDevMode ? [{ debugName: "forecastSlots" }] : []));
+    destination = input('', ...(ngDevMode ? [{ debugName: "destination" }] : []));
+    dates = input(null, ...(ngDevMode ? [{ debugName: "dates" }] : []));
+    getWeatherIcon(icon) {
+        return resolveWeatherIcon(icon, icon);
+    }
+    formatDate(date) {
+        return new Date(date).toLocaleDateString('de-DE', {
+            weekday: 'short',
+            day: 'numeric',
+            month: 'short'
+        });
+    }
+    formatShortDate(date) {
+        return new Date(date).toLocaleDateString('de-DE', { day: 'numeric', month: 'short' });
+    }
+    getSlotLabel(index, total) {
+        if (total === 1)
+            return 'Reise';
+        if (index === 0)
+            return 'Anreise';
+        if (index === total - 1)
+            return 'Abreise';
+        return 'Mitte';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: WeatherWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: WeatherWidgetComponent, isStandalone: true, selector: "c2g-weather-widget", inputs: { currentDay: { classPropertyName: "currentDay", publicName: "currentDay", isSignal: true, isRequired: false, transformFunction: null }, forecastSlots: { classPropertyName: "forecastSlots", publicName: "forecastSlots", isSignal: true, isRequired: false, transformFunction: null }, destination: { classPropertyName: "destination", publicName: "destination", isSignal: true, isRequired: false, transformFunction: null }, dates: { classPropertyName: "dates", publicName: "dates", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (currentDay()) {\n  <div class=\"wx-widget\">\n    <!-- Hero: current/start-day weather -->\n    <div class=\"wx-hero\">\n      <span class=\"wx-hero__icon\">{{ getWeatherIcon(currentDay()!.icon) }}</span>\n      <div class=\"wx-hero__body\">\n        <div class=\"wx-hero__temp\">{{ currentDay()!.temperature.max }}<sup>\u00B0</sup></div>\n        <div class=\"wx-hero__condition\">{{ currentDay()!.description }}</div>\n        @if (destination()) {\n          <div class=\"wx-hero__meta\">\n            <span class=\"wx-hero__location\">\uD83D\uDCCD {{ destination() }}</span>\n            @if (dates()) {\n              <span class=\"wx-hero__daterange\">\n                {{ formatShortDate(dates()!.from) }} \u2013 {{ formatShortDate(dates()!.to) }}\n              </span>\n            }\n          </div>\n        }\n      </div>\n      <div class=\"wx-hero__range\">\n        <span class=\"wx-range__high\">\u2191 {{ currentDay()!.temperature.max }}\u00B0</span>\n        <span class=\"wx-range__low\">\u2193 {{ currentDay()!.temperature.min }}\u00B0</span>\n      </div>\n    </div>\n\n    <!-- Forecast slots -->\n    @if (forecastSlots().length > 1) {\n      <div class=\"wx-forecast\" [attr.data-slots]=\"forecastSlots().length\">\n        @for (slot of forecastSlots(); track $index) {\n          <div class=\"wx-slot\">\n            <span class=\"wx-slot__label\">{{ getSlotLabel($index, forecastSlots().length) }}</span>\n            <span class=\"wx-slot__date\">{{ formatDate(slot.date) }}</span>\n            <span class=\"wx-slot__icon\">{{ getWeatherIcon(slot.icon) }}</span>\n            <div class=\"wx-slot__temps\">\n              <span class=\"wx-slot__max\">{{ slot.temperature.max }}\u00B0</span>\n              <span class=\"wx-slot__min\">{{ slot.temperature.min }}\u00B0</span>\n            </div>\n          </div>\n        }\n      </div>\n    }\n  </div>\n} @else {\n  <div class=\"wx-empty\">Wetter erscheint nach Ziel- und Datumsauswahl.</div>\n}\n", styles: [".wx-widget{display:flex;flex-direction:column;gap:.75rem;font-family:inherit}.wx-hero{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;border-radius:14px;background:linear-gradient(135deg,var(--c2g-color-primary-light) 0%,var(--c2g-color-primary-container) 100%);border:1px solid var(--c2g-color-border-subtle)}.wx-hero__icon{font-size:2.6rem;line-height:1;flex-shrink:0}.wx-hero__body{flex:1;min-width:0}.wx-hero__temp{font-size:2rem;font-weight:700;color:var(--c2g-color-text-primary);line-height:1;letter-spacing:-.03em}.wx-hero__temp sup{font-size:1rem;font-weight:500;vertical-align:super}.wx-hero__condition{font-size:.82rem;color:var(--c2g-color-text-secondary);margin-top:.15rem;font-weight:500}.wx-hero__meta{display:flex;flex-wrap:wrap;gap:.3rem .5rem;margin-top:.3rem;font-size:.75rem;color:var(--c2g-color-text-muted)}.wx-hero__location{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:22ch}.wx-hero__daterange{opacity:.75;white-space:nowrap}.wx-range__high{display:block;font-size:.82rem;font-weight:700;color:var(--c2g-color-primary-dark)}.wx-range__low{display:block;font-size:.78rem;color:var(--c2g-color-info);margin-top:.1rem}.wx-forecast{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.wx-forecast[data-slots=\"3\"]{grid-template-columns:repeat(3,1fr)}.wx-slot{display:flex;flex-direction:column;align-items:center;gap:.18rem;padding:.6rem .4rem .55rem;border-radius:10px;border:1px solid var(--c2g-color-border-soft);background:var(--c2g-color-surface);text-align:center}.wx-slot__label{font-size:.62rem;font-weight:700;color:var(--c2g-color-primary-dark);text-transform:uppercase;letter-spacing:.06em}.wx-slot__date{font-size:.67rem;color:var(--c2g-color-text-muted);line-height:1.2}.wx-slot__icon{font-size:1.5rem;margin:.15rem 0;line-height:1}.wx-slot__temps{display:flex;gap:.3rem;align-items:baseline}.wx-slot__max{font-size:.88rem;font-weight:700;color:var(--c2g-color-text-primary)}.wx-slot__min{font-size:.75rem;color:var(--c2g-color-info)}.wx-empty{padding:.75rem;font-size:.85rem;color:var(--c2g-color-text-muted);text-align:center}@media(max-width:480px){.wx-hero__icon{font-size:2.1rem}.wx-hero__temp{font-size:1.7rem}.wx-slot{padding:.5rem .25rem}.wx-slot__icon{font-size:1.25rem}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: WeatherWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c2g-weather-widget', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (currentDay()) {\n  <div class=\"wx-widget\">\n    <!-- Hero: current/start-day weather -->\n    <div class=\"wx-hero\">\n      <span class=\"wx-hero__icon\">{{ getWeatherIcon(currentDay()!.icon) }}</span>\n      <div class=\"wx-hero__body\">\n        <div class=\"wx-hero__temp\">{{ currentDay()!.temperature.max }}<sup>\u00B0</sup></div>\n        <div class=\"wx-hero__condition\">{{ currentDay()!.description }}</div>\n        @if (destination()) {\n          <div class=\"wx-hero__meta\">\n            <span class=\"wx-hero__location\">\uD83D\uDCCD {{ destination() }}</span>\n            @if (dates()) {\n              <span class=\"wx-hero__daterange\">\n                {{ formatShortDate(dates()!.from) }} \u2013 {{ formatShortDate(dates()!.to) }}\n              </span>\n            }\n          </div>\n        }\n      </div>\n      <div class=\"wx-hero__range\">\n        <span class=\"wx-range__high\">\u2191 {{ currentDay()!.temperature.max }}\u00B0</span>\n        <span class=\"wx-range__low\">\u2193 {{ currentDay()!.temperature.min }}\u00B0</span>\n      </div>\n    </div>\n\n    <!-- Forecast slots -->\n    @if (forecastSlots().length > 1) {\n      <div class=\"wx-forecast\" [attr.data-slots]=\"forecastSlots().length\">\n        @for (slot of forecastSlots(); track $index) {\n          <div class=\"wx-slot\">\n            <span class=\"wx-slot__label\">{{ getSlotLabel($index, forecastSlots().length) }}</span>\n            <span class=\"wx-slot__date\">{{ formatDate(slot.date) }}</span>\n            <span class=\"wx-slot__icon\">{{ getWeatherIcon(slot.icon) }}</span>\n            <div class=\"wx-slot__temps\">\n              <span class=\"wx-slot__max\">{{ slot.temperature.max }}\u00B0</span>\n              <span class=\"wx-slot__min\">{{ slot.temperature.min }}\u00B0</span>\n            </div>\n          </div>\n        }\n      </div>\n    }\n  </div>\n} @else {\n  <div class=\"wx-empty\">Wetter erscheint nach Ziel- und Datumsauswahl.</div>\n}\n", styles: [".wx-widget{display:flex;flex-direction:column;gap:.75rem;font-family:inherit}.wx-hero{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;border-radius:14px;background:linear-gradient(135deg,var(--c2g-color-primary-light) 0%,var(--c2g-color-primary-container) 100%);border:1px solid var(--c2g-color-border-subtle)}.wx-hero__icon{font-size:2.6rem;line-height:1;flex-shrink:0}.wx-hero__body{flex:1;min-width:0}.wx-hero__temp{font-size:2rem;font-weight:700;color:var(--c2g-color-text-primary);line-height:1;letter-spacing:-.03em}.wx-hero__temp sup{font-size:1rem;font-weight:500;vertical-align:super}.wx-hero__condition{font-size:.82rem;color:var(--c2g-color-text-secondary);margin-top:.15rem;font-weight:500}.wx-hero__meta{display:flex;flex-wrap:wrap;gap:.3rem .5rem;margin-top:.3rem;font-size:.75rem;color:var(--c2g-color-text-muted)}.wx-hero__location{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:22ch}.wx-hero__daterange{opacity:.75;white-space:nowrap}.wx-range__high{display:block;font-size:.82rem;font-weight:700;color:var(--c2g-color-primary-dark)}.wx-range__low{display:block;font-size:.78rem;color:var(--c2g-color-info);margin-top:.1rem}.wx-forecast{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.wx-forecast[data-slots=\"3\"]{grid-template-columns:repeat(3,1fr)}.wx-slot{display:flex;flex-direction:column;align-items:center;gap:.18rem;padding:.6rem .4rem .55rem;border-radius:10px;border:1px solid var(--c2g-color-border-soft);background:var(--c2g-color-surface);text-align:center}.wx-slot__label{font-size:.62rem;font-weight:700;color:var(--c2g-color-primary-dark);text-transform:uppercase;letter-spacing:.06em}.wx-slot__date{font-size:.67rem;color:var(--c2g-color-text-muted);line-height:1.2}.wx-slot__icon{font-size:1.5rem;margin:.15rem 0;line-height:1}.wx-slot__temps{display:flex;gap:.3rem;align-items:baseline}.wx-slot__max{font-size:.88rem;font-weight:700;color:var(--c2g-color-text-primary)}.wx-slot__min{font-size:.75rem;color:var(--c2g-color-info)}.wx-empty{padding:.75rem;font-size:.85rem;color:var(--c2g-color-text-muted);text-align:center}@media(max-width:480px){.wx-hero__icon{font-size:2.1rem}.wx-hero__temp{font-size:1.7rem}.wx-slot{padding:.5rem .25rem}.wx-slot__icon{font-size:1.25rem}}\n"] }]
+        }], propDecorators: { currentDay: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentDay", required: false }] }], forecastSlots: [{ type: i0.Input, args: [{ isSignal: true, alias: "forecastSlots", required: false }] }], destination: [{ type: i0.Input, args: [{ isSignal: true, alias: "destination", required: false }] }], dates: [{ type: i0.Input, args: [{ isSignal: true, alias: "dates", required: false }] }] } });
+
+class MemberTagsComponent {
+    isCurrentUser = input(false, ...(ngDevMode ? [{ debugName: "isCurrentUser" }] : []));
+    isRegistered = input(true, ...(ngDevMode ? [{ debugName: "isRegistered" }] : []));
+    roleKey = input(null, ...(ngDevMode ? [{ debugName: "roleKey" }] : []));
+    getRoleLabel(roleKey) {
+        switch (roleKey) {
+            case 'organizer':
+                return '🧭 Organisator';
+            case 'treasurer':
+                return '💰 Kassenwart';
+            case 'transport':
+                return '🚙 Fahrkoordination';
+            case 'cook':
+                return '👨‍🍳 Kochen';
+            case 'firstaid':
+                return '🩺 Erste Hilfe';
+            case 'equipment':
+                return '🎒 Ausrüstung';
+            default:
+                return '';
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MemberTagsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: MemberTagsComponent, isStandalone: true, selector: "c2g-member-tags", inputs: { isCurrentUser: { classPropertyName: "isCurrentUser", publicName: "isCurrentUser", isSignal: true, isRequired: false, transformFunction: null }, isRegistered: { classPropertyName: "isRegistered", publicName: "isRegistered", isSignal: true, isRequired: false, transformFunction: null }, roleKey: { classPropertyName: "roleKey", publicName: "roleKey", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (isCurrentUser()) {\n  <span class=\"tw-member__you-badge\">Du</span>\n}\n\n@if (!isRegistered()) {\n  <span class=\"tw-member__unreg-badge\">Ohne Account</span>\n}\n\n@if (roleKey()) {\n  <span class=\"tw-member__role\">{{ getRoleLabel(roleKey()) }}</span>\n}\n", styles: [".tw-member__you-badge{font-size:.62rem;font-weight:700;padding:.1rem .45rem;border-radius:999px;background:var(--c2g-color-secondary-dark);color:var(--c2g-color-surface);text-transform:uppercase;letter-spacing:.06em}.tw-member__unreg-badge{font-size:.62rem;font-weight:700;padding:.1rem .45rem;border-radius:999px;background:var(--c2g-color-primary-container);color:var(--c2g-color-on-primary-container);text-transform:uppercase;letter-spacing:.06em}.tw-member__role{font-size:.78rem;font-weight:600;color:var(--c2g-color-secondary-dark);padding:.25rem .65rem;border-radius:999px;background:var(--c2g-color-secondary-container);white-space:nowrap}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MemberTagsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c2g-member-tags', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (isCurrentUser()) {\n  <span class=\"tw-member__you-badge\">Du</span>\n}\n\n@if (!isRegistered()) {\n  <span class=\"tw-member__unreg-badge\">Ohne Account</span>\n}\n\n@if (roleKey()) {\n  <span class=\"tw-member__role\">{{ getRoleLabel(roleKey()) }}</span>\n}\n", styles: [".tw-member__you-badge{font-size:.62rem;font-weight:700;padding:.1rem .45rem;border-radius:999px;background:var(--c2g-color-secondary-dark);color:var(--c2g-color-surface);text-transform:uppercase;letter-spacing:.06em}.tw-member__unreg-badge{font-size:.62rem;font-weight:700;padding:.1rem .45rem;border-radius:999px;background:var(--c2g-color-primary-container);color:var(--c2g-color-on-primary-container);text-transform:uppercase;letter-spacing:.06em}.tw-member__role{font-size:.78rem;font-weight:600;color:var(--c2g-color-secondary-dark);padding:.25rem .65rem;border-radius:999px;background:var(--c2g-color-secondary-container);white-space:nowrap}\n"] }]
+        }], propDecorators: { isCurrentUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCurrentUser", required: false }] }], isRegistered: [{ type: i0.Input, args: [{ isSignal: true, alias: "isRegistered", required: false }] }], roleKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "roleKey", required: false }] }] } });
+
+class ActionMenuComponent {
+    items = input.required(...(ngDevMode ? [{ debugName: "items" }] : []));
+    triggerLabel = input('...', ...(ngDevMode ? [{ debugName: "triggerLabel" }] : []));
+    ariaLabel = input('Aktionen', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
+    itemSelected = output();
+    select(item) {
+        if (item.disabled)
+            return;
+        this.itemSelected.emit(item);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ActionMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: ActionMenuComponent, isStandalone: true, selector: "c2g-action-menu", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, triggerLabel: { classPropertyName: "triggerLabel", publicName: "triggerLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemSelected: "itemSelected" }, ngImport: i0, template: "<div class=\"c2g-action-menu\">\n  <button\n    class=\"c2g-action-menu__trigger\"\n    type=\"button\"\n    [attr.aria-label]=\"ariaLabel()\"\n    [cdkMenuTriggerFor]=\"menuPanel\">\n    {{ triggerLabel() }}\n  </button>\n\n  <ng-template #menuPanel>\n    <ul class=\"c2g-action-menu__list\" cdkMenu>\n      @for (item of items(); track item.key) {\n        <li role=\"none\">\n          <button\n            class=\"c2g-action-menu__item\"\n            [class.c2g-action-menu__item--danger]=\"item.variant === 'danger'\"\n            [class.c2g-action-menu__item--disabled]=\"item.disabled\"\n            [disabled]=\"item.disabled ?? false\"\n            cdkMenuItem\n            type=\"button\"\n            (cdkMenuItemTriggered)=\"select(item)\">\n            @if (item.icon) {\n              <span class=\"c2g-action-menu__item-icon\" aria-hidden=\"true\">{{ item.icon }}</span>\n            }\n            <span>{{ item.label }}</span>\n          </button>\n        </li>\n      }\n    </ul>\n  </ng-template>\n</div>\n", styles: [".c2g-action-menu{position:relative;display:inline-flex}.c2g-action-menu__trigger{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--c2g-color-text-muted);font-size:1.1rem;font-weight:700;letter-spacing:.05em;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.c2g-action-menu__trigger:hover{background:var(--c2g-color-neutral-100);border-color:var(--c2g-color-outline);color:var(--c2g-color-text-primary)}.c2g-action-menu__trigger[aria-expanded=true]{background:var(--c2g-color-secondary-container);border-color:var(--c2g-color-outline-variant);color:var(--c2g-color-secondary-dark)}.c2g-action-menu__list{position:absolute;top:calc(100% + 4px);right:0;z-index:200;min-width:160px;margin:0;padding:.3rem;list-style:none;background:var(--c2g-color-surface);border:1px solid var(--c2g-color-outline-variant);border-radius:10px;box-shadow:0 4px 16px #0000001a,0 1px 4px #0000000f}.c2g-action-menu__item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;border:none;border-radius:7px;background:transparent;font-size:.85rem;font-weight:500;color:var(--c2g-color-text-primary);cursor:pointer;text-align:left;transition:background .1s}.c2g-action-menu__item:hover:not([disabled]){background:var(--c2g-color-neutral-100)}.c2g-action-menu__item--danger{color:var(--c2g-color-error)}.c2g-action-menu__item--danger:hover:not([disabled]){background:var(--c2g-color-primary-light)}.c2g-action-menu__item--disabled,.c2g-action-menu__item[disabled]{opacity:.4;cursor:not-allowed}.c2g-action-menu__item-icon{font-size:1rem;line-height:1;flex-shrink:0}\n"], dependencies: [{ kind: "directive", type: CdkMenu, selector: "[cdkMenu]", outputs: ["closed"], exportAs: ["cdkMenu"] }, { kind: "directive", type: CdkMenuItem, selector: "[cdkMenuItem]", inputs: ["cdkMenuItemDisabled", "cdkMenuitemTypeaheadLabel"], outputs: ["cdkMenuItemTriggered"], exportAs: ["cdkMenuItem"] }, { kind: "directive", type: CdkMenuTrigger, selector: "[cdkMenuTriggerFor]", inputs: ["cdkMenuTriggerFor", "cdkMenuPosition", "cdkMenuTriggerData"], outputs: ["cdkMenuOpened", "cdkMenuClosed"], exportAs: ["cdkMenuTriggerFor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ActionMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c2g-action-menu', standalone: true, imports: [CdkMenu, CdkMenuItem, CdkMenuTrigger], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"c2g-action-menu\">\n  <button\n    class=\"c2g-action-menu__trigger\"\n    type=\"button\"\n    [attr.aria-label]=\"ariaLabel()\"\n    [cdkMenuTriggerFor]=\"menuPanel\">\n    {{ triggerLabel() }}\n  </button>\n\n  <ng-template #menuPanel>\n    <ul class=\"c2g-action-menu__list\" cdkMenu>\n      @for (item of items(); track item.key) {\n        <li role=\"none\">\n          <button\n            class=\"c2g-action-menu__item\"\n            [class.c2g-action-menu__item--danger]=\"item.variant === 'danger'\"\n            [class.c2g-action-menu__item--disabled]=\"item.disabled\"\n            [disabled]=\"item.disabled ?? false\"\n            cdkMenuItem\n            type=\"button\"\n            (cdkMenuItemTriggered)=\"select(item)\">\n            @if (item.icon) {\n              <span class=\"c2g-action-menu__item-icon\" aria-hidden=\"true\">{{ item.icon }}</span>\n            }\n            <span>{{ item.label }}</span>\n          </button>\n        </li>\n      }\n    </ul>\n  </ng-template>\n</div>\n", styles: [".c2g-action-menu{position:relative;display:inline-flex}.c2g-action-menu__trigger{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--c2g-color-text-muted);font-size:1.1rem;font-weight:700;letter-spacing:.05em;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.c2g-action-menu__trigger:hover{background:var(--c2g-color-neutral-100);border-color:var(--c2g-color-outline);color:var(--c2g-color-text-primary)}.c2g-action-menu__trigger[aria-expanded=true]{background:var(--c2g-color-secondary-container);border-color:var(--c2g-color-outline-variant);color:var(--c2g-color-secondary-dark)}.c2g-action-menu__list{position:absolute;top:calc(100% + 4px);right:0;z-index:200;min-width:160px;margin:0;padding:.3rem;list-style:none;background:var(--c2g-color-surface);border:1px solid var(--c2g-color-outline-variant);border-radius:10px;box-shadow:0 4px 16px #0000001a,0 1px 4px #0000000f}.c2g-action-menu__item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;border:none;border-radius:7px;background:transparent;font-size:.85rem;font-weight:500;color:var(--c2g-color-text-primary);cursor:pointer;text-align:left;transition:background .1s}.c2g-action-menu__item:hover:not([disabled]){background:var(--c2g-color-neutral-100)}.c2g-action-menu__item--danger{color:var(--c2g-color-error)}.c2g-action-menu__item--danger:hover:not([disabled]){background:var(--c2g-color-primary-light)}.c2g-action-menu__item--disabled,.c2g-action-menu__item[disabled]{opacity:.4;cursor:not-allowed}.c2g-action-menu__item-icon{font-size:1rem;line-height:1;flex-shrink:0}\n"] }]
+        }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }], triggerLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "triggerLabel", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], itemSelected: [{ type: i0.Output, args: ["itemSelected"] }] } });
+
+class MemberItemComponent {
+    member = input.required(...(ngDevMode ? [{ debugName: "member" }] : []));
+    remove = output();
+    invite = output();
+    edit = output();
+    avatarBackgroundColor = computed(() => this.member().isCurrentUser ? '#1a6044' : '#e8f0ea', ...(ngDevMode ? [{ debugName: "avatarBackgroundColor" }] : []));
+    avatarTextColor = computed(() => this.member().isCurrentUser ? '#ffffff' : '#1a6044', ...(ngDevMode ? [{ debugName: "avatarTextColor" }] : []));
+    menuItems = computed(() => {
+        const m = this.member();
+        const items = [];
+        if (m.isRegistered !== false) {
+            items.push({ key: 'invite', label: 'Einladen', icon: '✉️' });
+        }
+        else {
+            items.push({ key: 'edit', label: 'Bearbeiten', icon: '✏️' });
+        }
+        items.push({ key: 'remove', label: 'Entfernen', icon: '🗑️', variant: 'danger' });
+        return items;
+    }, ...(ngDevMode ? [{ debugName: "menuItems" }] : []));
+    onMenuItemSelected(item) {
+        const m = this.member();
+        if (item.key === 'remove')
+            this.remove.emit(m);
+        else if (item.key === 'invite')
+            this.invite.emit(m);
+        else if (item.key === 'edit')
+            this.edit.emit(m);
+    }
+    getMemberTypeLabel(type) {
+        switch (type) {
+            case 'adult':
+                return 'Erwachsener';
+            case 'child':
+                return 'Kind';
+            case 'pet':
+                return 'Haustier';
+            default:
+                return type;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MemberItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.19", type: MemberItemComponent, isStandalone: true, selector: "c2g-member-item", inputs: { member: { classPropertyName: "member", publicName: "member", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { remove: "remove", invite: "invite", edit: "edit" }, ngImport: i0, template: "<c2g-avatar\n  [initials]=\"member().avatarInitials\"\n  [name]=\"member().name\"\n  [backgroundColor]=\"avatarBackgroundColor()\"\n  [textColor]=\"avatarTextColor()\"\n  ringTone=\"neutral\">\n</c2g-avatar>\n\n<div class=\"tw-member__info\">\n  <span class=\"tw-member__name\">\n    {{ member().name }}\n    <c2g-member-tags\n      [isCurrentUser]=\"member().isCurrentUser ?? false\"\n      [isRegistered]=\"member().isRegistered ?? true\">\n    </c2g-member-tags>\n  </span>\n  <span class=\"tw-member__type\">{{ getMemberTypeLabel(member().type) }}</span>\n</div>\n\n<c2g-member-tags\n  [isCurrentUser]=\"false\"\n  [isRegistered]=\"true\"\n  [roleKey]=\"member().roleKey\">\n</c2g-member-tags>\n\n<c2g-action-menu\n  [items]=\"menuItems()\"\n  ariaLabel=\"Mitglied-Aktionen\"\n  (itemSelected)=\"onMenuItemSelected($event)\">\n</c2g-action-menu>\n", styles: [":host{display:contents}.tw-member__info{display:flex;flex-direction:column;flex:1;min-width:0}.tw-member__name{font-size:.9rem;font-weight:700;color:var(--c2g-color-text-primary);display:flex;align-items:center;gap:.4rem}.tw-member__type{font-size:.76rem;color:var(--c2g-color-text-muted)}\n"], dependencies: [{ kind: "component", type: MemberTagsComponent, selector: "c2g-member-tags", inputs: ["isCurrentUser", "isRegistered", "roleKey"] }, { kind: "component", type: ActionMenuComponent, selector: "c2g-action-menu", inputs: ["items", "triggerLabel", "ariaLabel"], outputs: ["itemSelected"] }, { kind: "component", type: AvatarComponent, selector: "c2g-avatar", inputs: ["name", "initials", "imageUrl", "ariaLabel", "size", "backgroundColor", "textColor", "ringTone", "ringColor", "clickable", "disabled", "badge"], outputs: ["avatarClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MemberItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c2g-member-item', standalone: true, imports: [MemberTagsComponent, ActionMenuComponent, AvatarComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<c2g-avatar\n  [initials]=\"member().avatarInitials\"\n  [name]=\"member().name\"\n  [backgroundColor]=\"avatarBackgroundColor()\"\n  [textColor]=\"avatarTextColor()\"\n  ringTone=\"neutral\">\n</c2g-avatar>\n\n<div class=\"tw-member__info\">\n  <span class=\"tw-member__name\">\n    {{ member().name }}\n    <c2g-member-tags\n      [isCurrentUser]=\"member().isCurrentUser ?? false\"\n      [isRegistered]=\"member().isRegistered ?? true\">\n    </c2g-member-tags>\n  </span>\n  <span class=\"tw-member__type\">{{ getMemberTypeLabel(member().type) }}</span>\n</div>\n\n<c2g-member-tags\n  [isCurrentUser]=\"false\"\n  [isRegistered]=\"true\"\n  [roleKey]=\"member().roleKey\">\n</c2g-member-tags>\n\n<c2g-action-menu\n  [items]=\"menuItems()\"\n  ariaLabel=\"Mitglied-Aktionen\"\n  (itemSelected)=\"onMenuItemSelected($event)\">\n</c2g-action-menu>\n", styles: [":host{display:contents}.tw-member__info{display:flex;flex-direction:column;flex:1;min-width:0}.tw-member__name{font-size:.9rem;font-weight:700;color:var(--c2g-color-text-primary);display:flex;align-items:center;gap:.4rem}.tw-member__type{font-size:.76rem;color:var(--c2g-color-text-muted)}\n"] }]
+        }], propDecorators: { member: [{ type: i0.Input, args: [{ isSignal: true, alias: "member", required: true }] }], remove: [{ type: i0.Output, args: ["remove"] }], invite: [{ type: i0.Output, args: ["invite"] }], edit: [{ type: i0.Output, args: ["edit"] }] } });
+
+class MemberListComponent {
+    members = input.required(...(ngDevMode ? [{ debugName: "members" }] : []));
+    memberRemove = output();
+    memberInvite = output();
+    memberEdit = output();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MemberListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: MemberListComponent, isStandalone: true, selector: "c2g-member-list", inputs: { members: { classPropertyName: "members", publicName: "members", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { memberRemove: "memberRemove", memberInvite: "memberInvite", memberEdit: "memberEdit" }, ngImport: i0, template: "<ul class=\"tw-member-list\">\n  @for (member of members(); track member.id) {\n    <li class=\"tw-member\">\n      <c2g-member-item\n        [member]=\"member\"\n        (remove)=\"memberRemove.emit($event)\"\n        (invite)=\"memberInvite.emit($event)\"\n        (edit)=\"memberEdit.emit($event)\">\n      </c2g-member-item>\n    </li>\n  }\n</ul>\n", styles: [".tw-member-list{list-style:none;margin:0;padding:0}.tw-member{display:flex;align-items:center;gap:1rem;padding:.9rem 1.4rem;border-bottom:1px solid var(--c2g-color-neutral-100)}.tw-member:last-child{border-bottom:none}\n"], dependencies: [{ kind: "component", type: MemberItemComponent, selector: "c2g-member-item", inputs: ["member"], outputs: ["remove", "invite", "edit"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MemberListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c2g-member-list', standalone: true, imports: [MemberItemComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ul class=\"tw-member-list\">\n  @for (member of members(); track member.id) {\n    <li class=\"tw-member\">\n      <c2g-member-item\n        [member]=\"member\"\n        (remove)=\"memberRemove.emit($event)\"\n        (invite)=\"memberInvite.emit($event)\"\n        (edit)=\"memberEdit.emit($event)\">\n      </c2g-member-item>\n    </li>\n  }\n</ul>\n", styles: [".tw-member-list{list-style:none;margin:0;padding:0}.tw-member{display:flex;align-items:center;gap:1rem;padding:.9rem 1.4rem;border-bottom:1px solid var(--c2g-color-neutral-100)}.tw-member:last-child{border-bottom:none}\n"] }]
+        }], propDecorators: { members: [{ type: i0.Input, args: [{ isSignal: true, alias: "members", required: true }] }], memberRemove: [{ type: i0.Output, args: ["memberRemove"] }], memberInvite: [{ type: i0.Output, args: ["memberInvite"] }], memberEdit: [{ type: i0.Output, args: ["memberEdit"] }] } });
+
+class MemberPanelComponent {
+    members = input.required(...(ngDevMode ? [{ debugName: "members" }] : []));
+    memberRemove = output();
+    memberInvite = output();
+    memberEdit = output();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MemberPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.19", type: MemberPanelComponent, isStandalone: true, selector: "c2g-member-panel", inputs: { members: { classPropertyName: "members", publicName: "members", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { memberRemove: "memberRemove", memberInvite: "memberInvite", memberEdit: "memberEdit" }, ngImport: i0, template: "<div class=\"tw-card\">\n  <div class=\"tw-card__header\">\n    <h2 class=\"tw-card__title\">Teilnehmer ({{ members().length }})</h2>\n    <ng-content select=\"[slot=header-actions]\"></ng-content>\n  </div>\n\n  <c2g-member-list\n    [members]=\"members()\"\n    (memberRemove)=\"memberRemove.emit($event)\"\n    (memberInvite)=\"memberInvite.emit($event)\"\n    (memberEdit)=\"memberEdit.emit($event)\">\n  </c2g-member-list>\n</div>\n", styles: [".tw-card{background:var(--c2g-color-surface);border-radius:12px;border:1px solid var(--c2g-color-outline-variant);overflow:hidden}.tw-card__header{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.4rem;border-bottom:1px solid var(--c2g-color-neutral-100)}.tw-card__title{margin:0;font-size:.96rem;font-weight:700;color:var(--c2g-color-text-primary)}\n"], dependencies: [{ kind: "component", type: MemberListComponent, selector: "c2g-member-list", inputs: ["members"], outputs: ["memberRemove", "memberInvite", "memberEdit"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MemberPanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c2g-member-panel', standalone: true, imports: [MemberListComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"tw-card\">\n  <div class=\"tw-card__header\">\n    <h2 class=\"tw-card__title\">Teilnehmer ({{ members().length }})</h2>\n    <ng-content select=\"[slot=header-actions]\"></ng-content>\n  </div>\n\n  <c2g-member-list\n    [members]=\"members()\"\n    (memberRemove)=\"memberRemove.emit($event)\"\n    (memberInvite)=\"memberInvite.emit($event)\"\n    (memberEdit)=\"memberEdit.emit($event)\">\n  </c2g-member-list>\n</div>\n", styles: [".tw-card{background:var(--c2g-color-surface);border-radius:12px;border:1px solid var(--c2g-color-outline-variant);overflow:hidden}.tw-card__header{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.4rem;border-bottom:1px solid var(--c2g-color-neutral-100)}.tw-card__title{margin:0;font-size:.96rem;font-weight:700;color:var(--c2g-color-text-primary)}\n"] }]
+        }], propDecorators: { members: [{ type: i0.Input, args: [{ isSignal: true, alias: "members", required: true }] }], memberRemove: [{ type: i0.Output, args: ["memberRemove"] }], memberInvite: [{ type: i0.Output, args: ["memberInvite"] }], memberEdit: [{ type: i0.Output, args: ["memberEdit"] }] } });
+
+class MenuComponent {
+    items = input.required(...(ngDevMode ? [{ debugName: "items" }] : []));
+    triggerLabel = input('Menü', ...(ngDevMode ? [{ debugName: "triggerLabel" }] : []));
+    triggerAriaLabel = input('Menü öffnen', ...(ngDevMode ? [{ debugName: "triggerAriaLabel" }] : []));
+    itemSelected = output();
+    flatItems = computed(() => this.items(), ...(ngDevMode ? [{ debugName: "flatItems" }] : []));
+    select(item) {
+        if (item.disabled || (item.children?.length ?? 0) > 0)
+            return;
+        this.itemSelected.emit({ item });
+    }
+    selectChild(parent, child) {
+        if (child.disabled)
+            return;
+        this.itemSelected.emit({ item: child, parent });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: MenuComponent, isStandalone: true, selector: "c2g-menu", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, triggerLabel: { classPropertyName: "triggerLabel", publicName: "triggerLabel", isSignal: true, isRequired: false, transformFunction: null }, triggerAriaLabel: { classPropertyName: "triggerAriaLabel", publicName: "triggerAriaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemSelected: "itemSelected" }, ngImport: i0, template: "<div class=\"c2g-menu\">\n  <button\n    class=\"c2g-menu__trigger\"\n    type=\"button\"\n    [attr.aria-label]=\"triggerAriaLabel()\"\n    [cdkMenuTriggerFor]=\"menuPanel\">\n    {{ triggerLabel() }}\n  </button>\n\n  <ng-template #menuPanel>\n    <ul class=\"c2g-menu__list\" cdkMenu>\n      @for (item of flatItems(); track item.key) {\n        <li\n          class=\"c2g-menu__entry\"\n          [class.c2g-menu__entry--has-children]=\"(item.children?.length ?? 0) > 0\">\n\n          @if ((item.children?.length ?? 0) > 0) {\n            <button\n              class=\"c2g-menu__item\"\n              cdkMenuItem\n              [cdkMenuTriggerFor]=\"subMenu\"\n              [disabled]=\"item.disabled ?? false\"\n              type=\"button\">\n              @if (item.icon) {\n                <span class=\"c2g-menu__icon\" aria-hidden=\"true\">{{ item.icon }}</span>\n              }\n              <span>{{ item.label }}</span>\n              <span class=\"c2g-menu__caret\" aria-hidden=\"true\">\u203A</span>\n            </button>\n\n            <ng-template #subMenu>\n              <ul class=\"c2g-menu__submenu\" cdkMenu>\n                @for (child of item.children ?? []; track child.key) {\n                  <li role=\"none\">\n                    <button\n                      class=\"c2g-menu__item\"\n                      [class.c2g-menu__item--danger]=\"child.variant === 'danger'\"\n                      [disabled]=\"child.disabled ?? false\"\n                      cdkMenuItem\n                      type=\"button\"\n                      (cdkMenuItemTriggered)=\"selectChild(item, child)\">\n                      @if (child.icon) {\n                        <span class=\"c2g-menu__icon\" aria-hidden=\"true\">{{ child.icon }}</span>\n                      }\n                      <span>{{ child.label }}</span>\n                    </button>\n                  </li>\n                }\n              </ul>\n            </ng-template>\n          } @else {\n            <button\n              class=\"c2g-menu__item\"\n              [class.c2g-menu__item--danger]=\"item.variant === 'danger'\"\n              [disabled]=\"item.disabled ?? false\"\n              cdkMenuItem\n              type=\"button\"\n              (cdkMenuItemTriggered)=\"select(item)\">\n              @if (item.icon) {\n                <span class=\"c2g-menu__icon\" aria-hidden=\"true\">{{ item.icon }}</span>\n              }\n              <span>{{ item.label }}</span>\n            </button>\n          }\n        </li>\n      }\n    </ul>\n  </ng-template>\n</div>\n", styles: [".c2g-menu{position:relative;display:inline-flex}.c2g-menu__trigger{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:.35rem .75rem;border:1px solid var(--c2g-color-outline);border-radius:.5rem;background:var(--c2g-color-surface);color:var(--c2g-color-text-primary);font-size:.875rem;font-weight:600;cursor:pointer}.c2g-menu__trigger:hover{background:var(--c2g-color-neutral-100)}.c2g-menu__trigger:focus-visible{outline:2px solid var(--c2g-color-secondary);outline-offset:2px}.c2g-menu__list,.c2g-menu__submenu{margin:0;padding:.25rem;list-style:none;background:var(--c2g-color-surface);border:1px solid var(--c2g-color-outline-variant);border-radius:.625rem;box-shadow:0 8px 22px #1018281f}.c2g-menu__list{position:absolute;top:calc(100% + .35rem);left:0;min-width:13rem;z-index:100}.c2g-menu__entry{position:relative}.c2g-menu__entry--active>.c2g-menu__item,.c2g-menu__item:hover:not([disabled]){background:var(--c2g-color-secondary-container)}.c2g-menu__item{width:100%;display:flex;align-items:center;gap:.5rem;border:0;border-radius:.45rem;background:transparent;color:var(--c2g-color-text-primary);font-size:.84rem;font-weight:500;padding:.5rem .65rem;text-align:left;cursor:pointer}.c2g-menu__item:focus-visible{outline:2px solid var(--c2g-color-secondary);outline-offset:-2px}.c2g-menu__item[disabled]{opacity:.45;cursor:not-allowed}.c2g-menu__icon{font-size:.95rem;line-height:1}.c2g-menu__caret{margin-left:auto;color:var(--c2g-color-text-muted)}.c2g-menu__item--danger{color:var(--c2g-color-error)}.c2g-menu__item--danger:hover:not([disabled]){background:var(--c2g-color-primary-light)}.c2g-menu__submenu{position:absolute;top:-.25rem;left:calc(100% + .2rem);min-width:11rem;z-index:110;display:none}.c2g-menu__entry--has-children:hover>.c2g-menu__submenu,.c2g-menu__entry--has-children.c2g-menu__entry--active>.c2g-menu__submenu{display:block}\n"], dependencies: [{ kind: "directive", type: CdkMenu, selector: "[cdkMenu]", outputs: ["closed"], exportAs: ["cdkMenu"] }, { kind: "directive", type: CdkMenuItem, selector: "[cdkMenuItem]", inputs: ["cdkMenuItemDisabled", "cdkMenuitemTypeaheadLabel"], outputs: ["cdkMenuItemTriggered"], exportAs: ["cdkMenuItem"] }, { kind: "directive", type: CdkMenuTrigger, selector: "[cdkMenuTriggerFor]", inputs: ["cdkMenuTriggerFor", "cdkMenuPosition", "cdkMenuTriggerData"], outputs: ["cdkMenuOpened", "cdkMenuClosed"], exportAs: ["cdkMenuTriggerFor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c2g-menu', standalone: true, imports: [CdkMenu, CdkMenuItem, CdkMenuTrigger], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"c2g-menu\">\n  <button\n    class=\"c2g-menu__trigger\"\n    type=\"button\"\n    [attr.aria-label]=\"triggerAriaLabel()\"\n    [cdkMenuTriggerFor]=\"menuPanel\">\n    {{ triggerLabel() }}\n  </button>\n\n  <ng-template #menuPanel>\n    <ul class=\"c2g-menu__list\" cdkMenu>\n      @for (item of flatItems(); track item.key) {\n        <li\n          class=\"c2g-menu__entry\"\n          [class.c2g-menu__entry--has-children]=\"(item.children?.length ?? 0) > 0\">\n\n          @if ((item.children?.length ?? 0) > 0) {\n            <button\n              class=\"c2g-menu__item\"\n              cdkMenuItem\n              [cdkMenuTriggerFor]=\"subMenu\"\n              [disabled]=\"item.disabled ?? false\"\n              type=\"button\">\n              @if (item.icon) {\n                <span class=\"c2g-menu__icon\" aria-hidden=\"true\">{{ item.icon }}</span>\n              }\n              <span>{{ item.label }}</span>\n              <span class=\"c2g-menu__caret\" aria-hidden=\"true\">\u203A</span>\n            </button>\n\n            <ng-template #subMenu>\n              <ul class=\"c2g-menu__submenu\" cdkMenu>\n                @for (child of item.children ?? []; track child.key) {\n                  <li role=\"none\">\n                    <button\n                      class=\"c2g-menu__item\"\n                      [class.c2g-menu__item--danger]=\"child.variant === 'danger'\"\n                      [disabled]=\"child.disabled ?? false\"\n                      cdkMenuItem\n                      type=\"button\"\n                      (cdkMenuItemTriggered)=\"selectChild(item, child)\">\n                      @if (child.icon) {\n                        <span class=\"c2g-menu__icon\" aria-hidden=\"true\">{{ child.icon }}</span>\n                      }\n                      <span>{{ child.label }}</span>\n                    </button>\n                  </li>\n                }\n              </ul>\n            </ng-template>\n          } @else {\n            <button\n              class=\"c2g-menu__item\"\n              [class.c2g-menu__item--danger]=\"item.variant === 'danger'\"\n              [disabled]=\"item.disabled ?? false\"\n              cdkMenuItem\n              type=\"button\"\n              (cdkMenuItemTriggered)=\"select(item)\">\n              @if (item.icon) {\n                <span class=\"c2g-menu__icon\" aria-hidden=\"true\">{{ item.icon }}</span>\n              }\n              <span>{{ item.label }}</span>\n            </button>\n          }\n        </li>\n      }\n    </ul>\n  </ng-template>\n</div>\n", styles: [".c2g-menu{position:relative;display:inline-flex}.c2g-menu__trigger{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:.35rem .75rem;border:1px solid var(--c2g-color-outline);border-radius:.5rem;background:var(--c2g-color-surface);color:var(--c2g-color-text-primary);font-size:.875rem;font-weight:600;cursor:pointer}.c2g-menu__trigger:hover{background:var(--c2g-color-neutral-100)}.c2g-menu__trigger:focus-visible{outline:2px solid var(--c2g-color-secondary);outline-offset:2px}.c2g-menu__list,.c2g-menu__submenu{margin:0;padding:.25rem;list-style:none;background:var(--c2g-color-surface);border:1px solid var(--c2g-color-outline-variant);border-radius:.625rem;box-shadow:0 8px 22px #1018281f}.c2g-menu__list{position:absolute;top:calc(100% + .35rem);left:0;min-width:13rem;z-index:100}.c2g-menu__entry{position:relative}.c2g-menu__entry--active>.c2g-menu__item,.c2g-menu__item:hover:not([disabled]){background:var(--c2g-color-secondary-container)}.c2g-menu__item{width:100%;display:flex;align-items:center;gap:.5rem;border:0;border-radius:.45rem;background:transparent;color:var(--c2g-color-text-primary);font-size:.84rem;font-weight:500;padding:.5rem .65rem;text-align:left;cursor:pointer}.c2g-menu__item:focus-visible{outline:2px solid var(--c2g-color-secondary);outline-offset:-2px}.c2g-menu__item[disabled]{opacity:.45;cursor:not-allowed}.c2g-menu__icon{font-size:.95rem;line-height:1}.c2g-menu__caret{margin-left:auto;color:var(--c2g-color-text-muted)}.c2g-menu__item--danger{color:var(--c2g-color-error)}.c2g-menu__item--danger:hover:not([disabled]){background:var(--c2g-color-primary-light)}.c2g-menu__submenu{position:absolute;top:-.25rem;left:calc(100% + .2rem);min-width:11rem;z-index:110;display:none}.c2g-menu__entry--has-children:hover>.c2g-menu__submenu,.c2g-menu__entry--has-children.c2g-menu__entry--active>.c2g-menu__submenu{display:block}\n"] }]
+        }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }], triggerLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "triggerLabel", required: false }] }], triggerAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "triggerAriaLabel", required: false }] }], itemSelected: [{ type: i0.Output, args: ["itemSelected"] }] } });
+
+class SubmenuItemComponent {
+    item = input.required(...(ngDevMode ? [{ debugName: "item" }] : []));
+    active = input(false, ...(ngDevMode ? [{ debugName: "active" }] : []));
+    selected = output();
+    mouseenter = output();
+    onClick() {
+        if (this.item().disabled) {
+            return;
+        }
+        this.selected.emit(this.item());
+    }
+    onMouseEnter() {
+        this.mouseenter.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SubmenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.19", type: SubmenuItemComponent, isStandalone: true, selector: "c2g-submenu-item", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selected", mouseenter: "mouseenter" }, host: { listeners: { "mouseenter": "onMouseEnter()" } }, ngImport: i0, template: "<li role=\"none\">\n  <button\n    class=\"c2g-submenu-item\"\n    [class.c2g-submenu-item--active]=\"active() || item().active\"\n    [disabled]=\"item().disabled ?? false\"\n    role=\"menuitem\"\n    type=\"button\"\n    (click)=\"onClick()\">\n    {{ item().label }}\n  </button>\n</li>\n", styles: [".c2g-submenu-item{width:100%;display:block;border:0;border-radius:.5rem;padding:.45rem .65rem;background:transparent;color:var(--c2g-color-text-primary);text-align:left;font-size:.84rem;font-weight:500;cursor:pointer}.c2g-submenu-item:hover:not([disabled]),.c2g-submenu-item.c2g-submenu-item--active{background:var(--c2g-color-secondary-container)}.c2g-submenu-item:focus-visible{outline:2px solid var(--c2g-color-secondary);outline-offset:-2px}.c2g-submenu-item[disabled]{opacity:.45;cursor:not-allowed}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SubmenuItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c2g-submenu-item', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<li role=\"none\">\n  <button\n    class=\"c2g-submenu-item\"\n    [class.c2g-submenu-item--active]=\"active() || item().active\"\n    [disabled]=\"item().disabled ?? false\"\n    role=\"menuitem\"\n    type=\"button\"\n    (click)=\"onClick()\">\n    {{ item().label }}\n  </button>\n</li>\n", styles: [".c2g-submenu-item{width:100%;display:block;border:0;border-radius:.5rem;padding:.45rem .65rem;background:transparent;color:var(--c2g-color-text-primary);text-align:left;font-size:.84rem;font-weight:500;cursor:pointer}.c2g-submenu-item:hover:not([disabled]),.c2g-submenu-item.c2g-submenu-item--active{background:var(--c2g-color-secondary-container)}.c2g-submenu-item:focus-visible{outline:2px solid var(--c2g-color-secondary);outline-offset:-2px}.c2g-submenu-item[disabled]{opacity:.45;cursor:not-allowed}\n"] }]
+        }], propDecorators: { item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: true }] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], selected: [{ type: i0.Output, args: ["selected"] }], mouseenter: [{ type: i0.Output, args: ["mouseenter"] }], onMouseEnter: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }] } });
+
+class SubmenuComponent {
+    items = input.required(...(ngDevMode ? [{ debugName: "items" }] : []));
+    open = input(false, ...(ngDevMode ? [{ debugName: "open" }] : []));
+    itemSelected = output();
+    activeIndex = signal(0, ...(ngDevMode ? [{ debugName: "activeIndex" }] : []));
+    onItemSelected(item) {
+        if (item.disabled) {
+            return;
+        }
+        this.itemSelected.emit(item);
+    }
+    setActiveIndex(index) {
+        this.activeIndex.set(index);
+    }
+    onKeydown(event) {
+        const list = this.items();
+        if (!list.length) {
+            return;
+        }
+        if (event.key === 'ArrowDown') {
+            event.preventDefault();
+            this.activeIndex.set((this.activeIndex() + 1) % list.length);
+            return;
+        }
+        if (event.key === 'ArrowUp') {
+            event.preventDefault();
+            this.activeIndex.set((this.activeIndex() - 1 + list.length) % list.length);
+            return;
+        }
+        if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            const selected = list[this.activeIndex()];
+            this.onItemSelected(selected);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SubmenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: SubmenuComponent, isStandalone: true, selector: "c2g-submenu", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemSelected: "itemSelected" }, ngImport: i0, template: "@if (open()) {\n  <ul class=\"c2g-submenu\" role=\"menu\" (keydown)=\"onKeydown($event)\">\n    @for (item of items(); track item.key; let index = $index) {\n      <c2g-submenu-item\n        [item]=\"item\"\n        [active]=\"activeIndex() === index\"\n        (mouseenter)=\"setActiveIndex(index)\"\n        (selected)=\"onItemSelected($event)\">\n      </c2g-submenu-item>\n    }\n  </ul>\n}\n", styles: [".c2g-submenu{position:absolute;top:calc(100% + .35rem);left:0;min-width:12rem;margin:0;padding:.25rem;list-style:none;border:1px solid var(--c2g-color-outline-variant);border-radius:.7rem;background:var(--c2g-color-surface);box-shadow:0 10px 25px #10182824;z-index:120}\n"], dependencies: [{ kind: "component", type: SubmenuItemComponent, selector: "c2g-submenu-item", inputs: ["item", "active"], outputs: ["selected", "mouseenter"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SubmenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c2g-submenu', standalone: true, imports: [SubmenuItemComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (open()) {\n  <ul class=\"c2g-submenu\" role=\"menu\" (keydown)=\"onKeydown($event)\">\n    @for (item of items(); track item.key; let index = $index) {\n      <c2g-submenu-item\n        [item]=\"item\"\n        [active]=\"activeIndex() === index\"\n        (mouseenter)=\"setActiveIndex(index)\"\n        (selected)=\"onItemSelected($event)\">\n      </c2g-submenu-item>\n    }\n  </ul>\n}\n", styles: [".c2g-submenu{position:absolute;top:calc(100% + .35rem);left:0;min-width:12rem;margin:0;padding:.25rem;list-style:none;border:1px solid var(--c2g-color-outline-variant);border-radius:.7rem;background:var(--c2g-color-surface);box-shadow:0 10px 25px #10182824;z-index:120}\n"] }]
+        }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], itemSelected: [{ type: i0.Output, args: ["itemSelected"] }] } });
+
+class MainNavigationItemComponent {
+    item = input.required(...(ngDevMode ? [{ debugName: "item" }] : []));
+    itemSelected = output();
+    subItemSelected = output();
+    submenuOpen = signal(false, ...(ngDevMode ? [{ debugName: "submenuOpen" }] : []));
+    hasSubmenu = computed(() => (this.item().subItems?.length ?? 0) > 0, ...(ngDevMode ? [{ debugName: "hasSubmenu" }] : []));
+    onItemClick() {
+        if (this.item().disabled) {
+            return;
+        }
+        if (this.hasSubmenu()) {
+            this.submenuOpen.update(open => !open);
+            return;
+        }
+        this.itemSelected.emit(this.item());
+    }
+    onMouseEnter() {
+        if (this.hasSubmenu()) {
+            this.submenuOpen.set(true);
+        }
+    }
+    onMouseLeave() {
+        this.submenuOpen.set(false);
+    }
+    onSubItemSelected(sub) {
+        this.subItemSelected.emit({ main: this.item(), sub });
+        this.submenuOpen.set(false);
+    }
+    onItemKeydown(event) {
+        if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            this.onItemClick();
+            return;
+        }
+        if (event.key === 'ArrowDown' && this.hasSubmenu()) {
+            event.preventDefault();
+            this.submenuOpen.set(true);
+            return;
+        }
+        if (event.key === 'Escape') {
+            event.preventDefault();
+            this.submenuOpen.set(false);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MainNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: MainNavigationItemComponent, isStandalone: true, selector: "c2g-main-navigation-item", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { itemSelected: "itemSelected", subItemSelected: "subItemSelected" }, ngImport: i0, template: "<li class=\"c2g-main-nav-item\" (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\">\n  <button\n    class=\"c2g-main-nav-item__button\"\n    [class.c2g-main-nav-item__button--active]=\"item().active\"\n    [disabled]=\"item().disabled ?? false\"\n    [attr.aria-haspopup]=\"hasSubmenu() ? 'menu' : null\"\n    [attr.aria-expanded]=\"hasSubmenu() ? submenuOpen() : null\"\n    type=\"button\"\n    (click)=\"onItemClick()\"\n    (keydown)=\"onItemKeydown($event)\">\n    <span>{{ item().label }}</span>\n    @if (hasSubmenu()) {\n      <span class=\"c2g-main-nav-item__caret\" aria-hidden=\"true\">\u25BE</span>\n    }\n  </button>\n\n  @if (hasSubmenu()) {\n    <c2g-submenu\n      [items]=\"item().subItems ?? []\"\n      [open]=\"submenuOpen()\"\n      (itemSelected)=\"onSubItemSelected($event)\">\n    </c2g-submenu>\n  }\n</li>\n", styles: [".c2g-main-nav-item{position:relative}.c2g-main-nav-item__button{display:inline-flex;align-items:center;gap:.35rem;min-height:2.2rem;padding:.4rem .8rem;border:1px solid transparent;border-radius:.6rem;background:transparent;color:var(--c2g-color-text-primary);font-size:.9rem;font-weight:600;cursor:pointer}.c2g-main-nav-item__button:hover:not([disabled]){background:var(--c2g-color-neutral-100);border-color:var(--c2g-color-outline-variant)}.c2g-main-nav-item__button:focus-visible{outline:2px solid var(--c2g-color-secondary);outline-offset:2px}.c2g-main-nav-item__button[disabled]{opacity:.5;cursor:not-allowed}.c2g-main-nav-item__button--active{background:var(--c2g-color-secondary-container);border-color:var(--c2g-color-outline);color:var(--c2g-color-secondary-dark)}.c2g-main-nav-item__caret{font-size:.7rem;color:var(--c2g-color-text-muted)}\n"], dependencies: [{ kind: "component", type: SubmenuComponent, selector: "c2g-submenu", inputs: ["items", "open"], outputs: ["itemSelected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MainNavigationItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c2g-main-navigation-item', standalone: true, imports: [SubmenuComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<li class=\"c2g-main-nav-item\" (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\">\n  <button\n    class=\"c2g-main-nav-item__button\"\n    [class.c2g-main-nav-item__button--active]=\"item().active\"\n    [disabled]=\"item().disabled ?? false\"\n    [attr.aria-haspopup]=\"hasSubmenu() ? 'menu' : null\"\n    [attr.aria-expanded]=\"hasSubmenu() ? submenuOpen() : null\"\n    type=\"button\"\n    (click)=\"onItemClick()\"\n    (keydown)=\"onItemKeydown($event)\">\n    <span>{{ item().label }}</span>\n    @if (hasSubmenu()) {\n      <span class=\"c2g-main-nav-item__caret\" aria-hidden=\"true\">\u25BE</span>\n    }\n  </button>\n\n  @if (hasSubmenu()) {\n    <c2g-submenu\n      [items]=\"item().subItems ?? []\"\n      [open]=\"submenuOpen()\"\n      (itemSelected)=\"onSubItemSelected($event)\">\n    </c2g-submenu>\n  }\n</li>\n", styles: [".c2g-main-nav-item{position:relative}.c2g-main-nav-item__button{display:inline-flex;align-items:center;gap:.35rem;min-height:2.2rem;padding:.4rem .8rem;border:1px solid transparent;border-radius:.6rem;background:transparent;color:var(--c2g-color-text-primary);font-size:.9rem;font-weight:600;cursor:pointer}.c2g-main-nav-item__button:hover:not([disabled]){background:var(--c2g-color-neutral-100);border-color:var(--c2g-color-outline-variant)}.c2g-main-nav-item__button:focus-visible{outline:2px solid var(--c2g-color-secondary);outline-offset:2px}.c2g-main-nav-item__button[disabled]{opacity:.5;cursor:not-allowed}.c2g-main-nav-item__button--active{background:var(--c2g-color-secondary-container);border-color:var(--c2g-color-outline);color:var(--c2g-color-secondary-dark)}.c2g-main-nav-item__caret{font-size:.7rem;color:var(--c2g-color-text-muted)}\n"] }]
+        }], propDecorators: { item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: true }] }], itemSelected: [{ type: i0.Output, args: ["itemSelected"] }], subItemSelected: [{ type: i0.Output, args: ["subItemSelected"] }] } });
+
+class MainNavigationComponent {
+    items = input.required(...(ngDevMode ? [{ debugName: "items" }] : []));
+    ariaLabel = input('Hauptnavigation', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
+    mainItemSelected = output();
+    subItemSelected = output();
+    onMainItemSelected(item) {
+        this.mainItemSelected.emit(item);
+    }
+    onSubItemSelected(selection) {
+        this.subItemSelected.emit(selection);
+    }
+    trackByKey = (_index, item) => item.key;
+    trackSubByKey = (_index, item) => item.key;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MainNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: MainNavigationComponent, isStandalone: true, selector: "c2g-main-navigation", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { mainItemSelected: "mainItemSelected", subItemSelected: "subItemSelected" }, ngImport: i0, template: "<nav class=\"c2g-main-navigation\" [attr.aria-label]=\"ariaLabel()\">\n  <ul class=\"c2g-main-navigation__list\">\n    @for (item of items(); track trackByKey($index, item)) {\n      <c2g-main-navigation-item\n        [item]=\"item\"\n        (itemSelected)=\"onMainItemSelected($event)\"\n        (subItemSelected)=\"onSubItemSelected($event)\">\n      </c2g-main-navigation-item>\n    }\n  </ul>\n</nav>\n", styles: [".c2g-main-navigation{width:100%}.c2g-main-navigation__list{display:flex;align-items:center;gap:.5rem;list-style:none;margin:0;padding:0;flex-wrap:wrap}\n"], dependencies: [{ kind: "component", type: MainNavigationItemComponent, selector: "c2g-main-navigation-item", inputs: ["item"], outputs: ["itemSelected", "subItemSelected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MainNavigationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c2g-main-navigation', standalone: true, imports: [MainNavigationItemComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav class=\"c2g-main-navigation\" [attr.aria-label]=\"ariaLabel()\">\n  <ul class=\"c2g-main-navigation__list\">\n    @for (item of items(); track trackByKey($index, item)) {\n      <c2g-main-navigation-item\n        [item]=\"item\"\n        (itemSelected)=\"onMainItemSelected($event)\"\n        (subItemSelected)=\"onSubItemSelected($event)\">\n      </c2g-main-navigation-item>\n    }\n  </ul>\n</nav>\n", styles: [".c2g-main-navigation{width:100%}.c2g-main-navigation__list{display:flex;align-items:center;gap:.5rem;list-style:none;margin:0;padding:0;flex-wrap:wrap}\n"] }]
+        }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], mainItemSelected: [{ type: i0.Output, args: ["mainItemSelected"] }], subItemSelected: [{ type: i0.Output, args: ["subItemSelected"] }] } });
+
+const WEATHER_ICONS = {
+    sunny: '☀️', 'partly-cloudy': '⛅', cloudy: '☁️',
+    rain: '🌧️', storm: '⛈️', snow: '❄️', wind: '💨', fog: '🌫️'
+};
+const TOUR_TYPE_ICONS = {
+    hiking: '🥾', camping: '⛺', cycling: '🚴', climbing: '🧗',
+    kayaking: '🚣', skiing: '⛷️', backpacking: '🎒', road_trip: '🚗'
+};
+class NextAdventureWidgetComponent {
+    data = input.required(...(ngDevMode ? [{ debugName: "data" }] : []));
+    countdown = computed(() => {
+        const from = new Date(this.data().fromDate);
+        from.setHours(0, 0, 0, 0);
+        const today = new Date();
+        today.setHours(0, 0, 0, 0);
+        return Math.max(0, Math.ceil((from.getTime() - today.getTime()) / 86400000));
+    }, ...(ngDevMode ? [{ debugName: "countdown" }] : []));
+    duration = computed(() => {
+        const from = new Date(this.data().fromDate);
+        const to = new Date(this.data().toDate);
+        return Math.ceil((to.getTime() - from.getTime()) / 86400000) + 1;
+    }, ...(ngDevMode ? [{ debugName: "duration" }] : []));
+    countdownLabel = computed(() => {
+        const d = this.countdown();
+        if (d === 0)
+            return 'Heute gehts los!';
+        if (d === 1)
+            return 'Morgen gehts los!';
+        return `Noch ${d} Tage`;
+    }, ...(ngDevMode ? [{ debugName: "countdownLabel" }] : []));
+    dateRange = computed(() => {
+        const fmt = (s) => new Date(s).toLocaleDateString('de-DE', { day: '2-digit', month: 'short' });
+        return `${fmt(this.data().fromDate)} – ${fmt(this.data().toDate)}`;
+    }, ...(ngDevMode ? [{ debugName: "dateRange" }] : []));
+    tourTypeIcon = computed(() => TOUR_TYPE_ICONS[this.data().tourType ?? ''] ?? '🏕️', ...(ngDevMode ? [{ debugName: "tourTypeIcon" }] : []));
+    weatherSlots = computed(() => (this.data().weather ?? []).slice(0, 4), ...(ngDevMode ? [{ debugName: "weatherSlots" }] : []));
+    urgencyClass = computed(() => {
+        const d = this.countdown();
+        if (d <= 1)
+            return 'c2g-next-adventure--now';
+        if (d <= 7)
+            return 'c2g-next-adventure--soon';
+        return '';
+    }, ...(ngDevMode ? [{ debugName: "urgencyClass" }] : []));
+    weatherIcon(icon) {
+        return WEATHER_ICONS[icon] ?? '🌤️';
+    }
+    formatWeatherDate(date) {
+        return new Date(date).toLocaleDateString('de-DE', { weekday: 'short', day: 'numeric' });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NextAdventureWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: NextAdventureWidgetComponent, isStandalone: true, selector: "c2g-next-adventure-widget", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"c2g-next-adventure\" [class]=\"urgencyClass()\">\n\n  <!-- Row 1: type icon + meta + optional pulse orb -->\n  <div class=\"c2g-next-adventure__header\">\n    <span class=\"c2g-next-adventure__type-icon\" aria-hidden=\"true\">{{ tourTypeIcon() }}</span>\n\n    <div class=\"c2g-next-adventure__meta\">\n      <span class=\"c2g-next-adventure__label\">N\u00E4chstes Abenteuer</span>\n      <span class=\"c2g-next-adventure__dates\">{{ dateRange() }} \u00B7 {{ duration() }} Tage</span>\n    </div>\n\n    @if (data().showPulse) {\n      <div class=\"c2g-next-adventure__pulse-orb\" aria-hidden=\"true\">\n        <span class=\"c2g-next-adventure__pulse-ring c2g-next-adventure__pulse-ring--1\"></span>\n        <span class=\"c2g-next-adventure__pulse-ring c2g-next-adventure__pulse-ring--2\"></span>\n        <span class=\"c2g-next-adventure__pulse-ring c2g-next-adventure__pulse-ring--3\"></span>\n        <span class=\"c2g-next-adventure__pulse-core\">\uD83D\uDD34</span>\n      </div>\n    }\n  </div>\n\n  <!-- Tour name + destination -->\n  <div class=\"c2g-next-adventure__body\">\n    <h2 class=\"c2g-next-adventure__name\">{{ data().tourName }}</h2>\n    <p class=\"c2g-next-adventure__destination\">\uD83D\uDCCD {{ data().destination }}</p>\n  </div>\n\n  <!-- Countdown -->\n  <div class=\"c2g-next-adventure__countdown\">\n    <span class=\"c2g-next-adventure__countdown-number\">{{ countdown() }}</span>\n    <span class=\"c2g-next-adventure__countdown-label\">{{ countdownLabel() }}</span>\n  </div>\n\n  <!-- Weather strip -->\n  @if (weatherSlots().length > 0) {\n    <div class=\"c2g-next-adventure__weather\">\n      @for (day of weatherSlots(); track day.date) {\n        <div class=\"c2g-next-adventure__weather-day\">\n          <span class=\"c2g-next-adventure__weather-date\">{{ formatWeatherDate(day.date) }}</span>\n          <span class=\"c2g-next-adventure__weather-icon\" aria-hidden=\"true\">{{ weatherIcon(day.icon) }}</span>\n          <span class=\"c2g-next-adventure__weather-temp\">\n            {{ day.tempMax }}\u00B0 <span class=\"c2g-next-adventure__weather-min\">{{ day.tempMin }}\u00B0</span>\n          </span>\n        </div>\n      }\n    </div>\n  }\n\n</div>\n", styles: [":host{display:block}.c2g-next-adventure{--_bg-from: var(--c2g-theme-primary, #ff6b35);--_bg-to: var(--c2g-theme-primary-dark, #c0391a);--_shadow-color: var(--c2g-theme-primary-shadow, rgba(255, 107, 53, .35));--_shadow-hover: var(--c2g-theme-primary-shadow-lg, rgba(255, 107, 53, .45));position:relative;overflow:hidden;border-radius:var(--c2g-radius-xl, 20px);padding:22px 22px 0;background:linear-gradient(135deg,var(--_bg-from) 0%,var(--_bg-to) 100%);color:var(--c2g-theme-on-primary, #fff);font-family:var(--c2g-font-family-base, \"Quicksand\", sans-serif);box-shadow:0 8px 32px var(--_shadow-color),0 1px #ffffff1a inset;min-height:260px;display:flex;flex-direction:column;gap:14px;transition:box-shadow .25s ease,transform .2s ease}.c2g-next-adventure:hover{box-shadow:0 12px 48px var(--_shadow-hover),0 1px #ffffff1f inset;transform:translateY(-2px)}.c2g-next-adventure:before{content:\"\";position:absolute;top:-50px;right:-50px;width:220px;height:220px;border-radius:50%;background:#ffffff12;pointer-events:none;animation:c2g-adv-blob 6s ease-in-out infinite}.c2g-next-adventure:after{content:\"\";position:absolute;bottom:-70px;left:30px;width:180px;height:180px;border-radius:50%;background:#ffffff0a;pointer-events:none;animation:c2g-adv-blob 8s ease-in-out infinite reverse}.c2g-next-adventure--soon{--_bg-from: var(--c2g-theme-primary-soon, #ff8c42);--_bg-to: var(--c2g-theme-primary-soon-dark, #e05a10);--_shadow-color: var(--c2g-theme-primary-soon-shadow, rgba(255, 140, 66, .4))}.c2g-next-adventure--now{--_bg-from: var(--c2g-theme-tertiary, #4ecdc4);--_bg-to: var(--c2g-theme-tertiary-dark, #2d9e96);--_shadow-color: var(--c2g-theme-tertiary-shadow, rgba(78, 205, 196, .45));animation:c2g-adv-now-pulse 2.5s ease-in-out infinite}@keyframes c2g-adv-blob{0%,to{transform:scale(1) translate(0)}50%{transform:scale(1.1) translate(-8px,8px)}}@keyframes c2g-adv-now-pulse{0%,to{box-shadow:0 8px 32px var(--_shadow-color)}50%{box-shadow:0 12px 48px var(--_shadow-hover, var(--_shadow-color))}}.c2g-next-adventure__header{display:flex;align-items:center;gap:10px;position:relative;z-index:1}.c2g-next-adventure__type-icon{font-size:2.2rem;line-height:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25));flex-shrink:0}.c2g-next-adventure__meta{flex:1;display:flex;flex-direction:column;gap:2px}.c2g-next-adventure__label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;opacity:.75}.c2g-next-adventure__dates{font-size:.82rem;font-weight:500;opacity:.9}.c2g-next-adventure__pulse-orb{position:relative;width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.c2g-next-adventure__pulse-ring{position:absolute;border-radius:50%;border:2px solid color-mix(in srgb,var(--c2g-theme-on-primary, #fff) 80%,transparent);animation:c2g-pulse-ring 2.4s ease-out infinite}.c2g-next-adventure__pulse-ring--1{width:12px;height:12px;animation-delay:0s}.c2g-next-adventure__pulse-ring--2{width:12px;height:12px;animation-delay:.6s}.c2g-next-adventure__pulse-ring--3{width:12px;height:12px;animation-delay:1.2s}.c2g-next-adventure__pulse-core{font-size:.85rem;line-height:1;position:relative;z-index:1}@keyframes c2g-pulse-ring{0%{transform:scale(1);opacity:.9}to{transform:scale(3.2);opacity:0}}.c2g-next-adventure__body{position:relative;z-index:1;flex:1}.c2g-next-adventure__name{font-size:1.55rem;font-weight:900;margin:0 0 5px;line-height:1.15;text-shadow:0 1px 4px rgba(0,0,0,.15);letter-spacing:-.01em}.c2g-next-adventure__destination{font-size:.875rem;margin:0;opacity:.88}.c2g-next-adventure__countdown{position:relative;z-index:1;display:flex;align-items:baseline;gap:8px}.c2g-next-adventure__countdown-number{font-size:3.2rem;font-weight:900;line-height:1;letter-spacing:-.03em;text-shadow:0 3px 12px rgba(0,0,0,.2)}.c2g-next-adventure--now .c2g-next-adventure__countdown-number{font-size:1.6rem}.c2g-next-adventure__countdown-label{font-size:.9rem;font-weight:600;opacity:.88}.c2g-next-adventure__weather{position:relative;z-index:1;display:flex;gap:0;background:color-mix(in srgb,var(--c2g-theme-on-primary, #fff) 13%,transparent);border-top:1px solid color-mix(in srgb,var(--c2g-theme-on-primary, #fff) 12%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);margin:0 -22px}.c2g-next-adventure__weather-day{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:11px 8px;border-right:1px solid color-mix(in srgb,var(--c2g-theme-on-primary, #fff) 10%,transparent);transition:background .15s ease}.c2g-next-adventure__weather-day:last-child{border-right:none}.c2g-next-adventure__weather-day:hover{background:color-mix(in srgb,var(--c2g-theme-on-primary, #fff) 7%,transparent)}.c2g-next-adventure__weather-date{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;opacity:.75}.c2g-next-adventure__weather-icon{font-size:1.3rem;line-height:1}.c2g-next-adventure__weather-temp{font-size:.8rem;font-weight:700}.c2g-next-adventure__weather-min{font-weight:400;opacity:.65}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NextAdventureWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c2g-next-adventure-widget', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"c2g-next-adventure\" [class]=\"urgencyClass()\">\n\n  <!-- Row 1: type icon + meta + optional pulse orb -->\n  <div class=\"c2g-next-adventure__header\">\n    <span class=\"c2g-next-adventure__type-icon\" aria-hidden=\"true\">{{ tourTypeIcon() }}</span>\n\n    <div class=\"c2g-next-adventure__meta\">\n      <span class=\"c2g-next-adventure__label\">N\u00E4chstes Abenteuer</span>\n      <span class=\"c2g-next-adventure__dates\">{{ dateRange() }} \u00B7 {{ duration() }} Tage</span>\n    </div>\n\n    @if (data().showPulse) {\n      <div class=\"c2g-next-adventure__pulse-orb\" aria-hidden=\"true\">\n        <span class=\"c2g-next-adventure__pulse-ring c2g-next-adventure__pulse-ring--1\"></span>\n        <span class=\"c2g-next-adventure__pulse-ring c2g-next-adventure__pulse-ring--2\"></span>\n        <span class=\"c2g-next-adventure__pulse-ring c2g-next-adventure__pulse-ring--3\"></span>\n        <span class=\"c2g-next-adventure__pulse-core\">\uD83D\uDD34</span>\n      </div>\n    }\n  </div>\n\n  <!-- Tour name + destination -->\n  <div class=\"c2g-next-adventure__body\">\n    <h2 class=\"c2g-next-adventure__name\">{{ data().tourName }}</h2>\n    <p class=\"c2g-next-adventure__destination\">\uD83D\uDCCD {{ data().destination }}</p>\n  </div>\n\n  <!-- Countdown -->\n  <div class=\"c2g-next-adventure__countdown\">\n    <span class=\"c2g-next-adventure__countdown-number\">{{ countdown() }}</span>\n    <span class=\"c2g-next-adventure__countdown-label\">{{ countdownLabel() }}</span>\n  </div>\n\n  <!-- Weather strip -->\n  @if (weatherSlots().length > 0) {\n    <div class=\"c2g-next-adventure__weather\">\n      @for (day of weatherSlots(); track day.date) {\n        <div class=\"c2g-next-adventure__weather-day\">\n          <span class=\"c2g-next-adventure__weather-date\">{{ formatWeatherDate(day.date) }}</span>\n          <span class=\"c2g-next-adventure__weather-icon\" aria-hidden=\"true\">{{ weatherIcon(day.icon) }}</span>\n          <span class=\"c2g-next-adventure__weather-temp\">\n            {{ day.tempMax }}\u00B0 <span class=\"c2g-next-adventure__weather-min\">{{ day.tempMin }}\u00B0</span>\n          </span>\n        </div>\n      }\n    </div>\n  }\n\n</div>\n", styles: [":host{display:block}.c2g-next-adventure{--_bg-from: var(--c2g-theme-primary, #ff6b35);--_bg-to: var(--c2g-theme-primary-dark, #c0391a);--_shadow-color: var(--c2g-theme-primary-shadow, rgba(255, 107, 53, .35));--_shadow-hover: var(--c2g-theme-primary-shadow-lg, rgba(255, 107, 53, .45));position:relative;overflow:hidden;border-radius:var(--c2g-radius-xl, 20px);padding:22px 22px 0;background:linear-gradient(135deg,var(--_bg-from) 0%,var(--_bg-to) 100%);color:var(--c2g-theme-on-primary, #fff);font-family:var(--c2g-font-family-base, \"Quicksand\", sans-serif);box-shadow:0 8px 32px var(--_shadow-color),0 1px #ffffff1a inset;min-height:260px;display:flex;flex-direction:column;gap:14px;transition:box-shadow .25s ease,transform .2s ease}.c2g-next-adventure:hover{box-shadow:0 12px 48px var(--_shadow-hover),0 1px #ffffff1f inset;transform:translateY(-2px)}.c2g-next-adventure:before{content:\"\";position:absolute;top:-50px;right:-50px;width:220px;height:220px;border-radius:50%;background:#ffffff12;pointer-events:none;animation:c2g-adv-blob 6s ease-in-out infinite}.c2g-next-adventure:after{content:\"\";position:absolute;bottom:-70px;left:30px;width:180px;height:180px;border-radius:50%;background:#ffffff0a;pointer-events:none;animation:c2g-adv-blob 8s ease-in-out infinite reverse}.c2g-next-adventure--soon{--_bg-from: var(--c2g-theme-primary-soon, #ff8c42);--_bg-to: var(--c2g-theme-primary-soon-dark, #e05a10);--_shadow-color: var(--c2g-theme-primary-soon-shadow, rgba(255, 140, 66, .4))}.c2g-next-adventure--now{--_bg-from: var(--c2g-theme-tertiary, #4ecdc4);--_bg-to: var(--c2g-theme-tertiary-dark, #2d9e96);--_shadow-color: var(--c2g-theme-tertiary-shadow, rgba(78, 205, 196, .45));animation:c2g-adv-now-pulse 2.5s ease-in-out infinite}@keyframes c2g-adv-blob{0%,to{transform:scale(1) translate(0)}50%{transform:scale(1.1) translate(-8px,8px)}}@keyframes c2g-adv-now-pulse{0%,to{box-shadow:0 8px 32px var(--_shadow-color)}50%{box-shadow:0 12px 48px var(--_shadow-hover, var(--_shadow-color))}}.c2g-next-adventure__header{display:flex;align-items:center;gap:10px;position:relative;z-index:1}.c2g-next-adventure__type-icon{font-size:2.2rem;line-height:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25));flex-shrink:0}.c2g-next-adventure__meta{flex:1;display:flex;flex-direction:column;gap:2px}.c2g-next-adventure__label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;opacity:.75}.c2g-next-adventure__dates{font-size:.82rem;font-weight:500;opacity:.9}.c2g-next-adventure__pulse-orb{position:relative;width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.c2g-next-adventure__pulse-ring{position:absolute;border-radius:50%;border:2px solid color-mix(in srgb,var(--c2g-theme-on-primary, #fff) 80%,transparent);animation:c2g-pulse-ring 2.4s ease-out infinite}.c2g-next-adventure__pulse-ring--1{width:12px;height:12px;animation-delay:0s}.c2g-next-adventure__pulse-ring--2{width:12px;height:12px;animation-delay:.6s}.c2g-next-adventure__pulse-ring--3{width:12px;height:12px;animation-delay:1.2s}.c2g-next-adventure__pulse-core{font-size:.85rem;line-height:1;position:relative;z-index:1}@keyframes c2g-pulse-ring{0%{transform:scale(1);opacity:.9}to{transform:scale(3.2);opacity:0}}.c2g-next-adventure__body{position:relative;z-index:1;flex:1}.c2g-next-adventure__name{font-size:1.55rem;font-weight:900;margin:0 0 5px;line-height:1.15;text-shadow:0 1px 4px rgba(0,0,0,.15);letter-spacing:-.01em}.c2g-next-adventure__destination{font-size:.875rem;margin:0;opacity:.88}.c2g-next-adventure__countdown{position:relative;z-index:1;display:flex;align-items:baseline;gap:8px}.c2g-next-adventure__countdown-number{font-size:3.2rem;font-weight:900;line-height:1;letter-spacing:-.03em;text-shadow:0 3px 12px rgba(0,0,0,.2)}.c2g-next-adventure--now .c2g-next-adventure__countdown-number{font-size:1.6rem}.c2g-next-adventure__countdown-label{font-size:.9rem;font-weight:600;opacity:.88}.c2g-next-adventure__weather{position:relative;z-index:1;display:flex;gap:0;background:color-mix(in srgb,var(--c2g-theme-on-primary, #fff) 13%,transparent);border-top:1px solid color-mix(in srgb,var(--c2g-theme-on-primary, #fff) 12%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);margin:0 -22px}.c2g-next-adventure__weather-day{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:11px 8px;border-right:1px solid color-mix(in srgb,var(--c2g-theme-on-primary, #fff) 10%,transparent);transition:background .15s ease}.c2g-next-adventure__weather-day:last-child{border-right:none}.c2g-next-adventure__weather-day:hover{background:color-mix(in srgb,var(--c2g-theme-on-primary, #fff) 7%,transparent)}.c2g-next-adventure__weather-date{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;opacity:.75}.c2g-next-adventure__weather-icon{font-size:1.3rem;line-height:1}.c2g-next-adventure__weather-temp{font-size:.8rem;font-weight:700}.c2g-next-adventure__weather-min{font-weight:400;opacity:.65}\n"] }]
+        }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }] } });
+
+class PackStatusWidgetComponent {
+    data = input.required(...(ngDevMode ? [{ debugName: "data" }] : []));
+    percent = computed(() => {
+        const d = this.data();
+        if (d.totalItems === 0)
+            return 0;
+        return Math.round((d.completedItems / d.totalItems) * 100);
+    }, ...(ngDevMode ? [{ debugName: "percent" }] : []));
+    criticalOpen = computed(() => this.data().criticalTotal - this.data().criticalCompleted, ...(ngDevMode ? [{ debugName: "criticalOpen" }] : []));
+    statusColor = computed(() => {
+        if (this.percent() === 100)
+            return 'success';
+        if (this.criticalOpen() > 0)
+            return 'warning';
+        return 'primary';
+    }, ...(ngDevMode ? [{ debugName: "statusColor" }] : []));
+    statusLabel = computed(() => {
+        const p = this.percent();
+        if (p === 100)
+            return 'Alles gepackt!';
+        if (p >= 80)
+            return 'Fast fertig';
+        if (p >= 50)
+            return 'Gut dabei';
+        if (p > 0)
+            return 'Packen gestartet';
+        return 'Noch nicht gepackt';
+    }, ...(ngDevMode ? [{ debugName: "statusLabel" }] : []));
+    // SVG ring
+    radius = 44;
+    strokeWidth = 8;
+    circumference = 2 * Math.PI * this.radius;
+    strokeDashoffset = computed(() => this.circumference * (1 - this.percent() / 100), ...(ngDevMode ? [{ debugName: "strokeDashoffset" }] : []));
+    // Segment tick marks (every 10%)
+    ticks = Array.from({ length: 10 }, (_, i) => {
+        const angle = (i / 10) * 360 - 90;
+        const rad = (angle * Math.PI) / 180;
+        const r1 = this.radius + this.strokeWidth / 2 + 3;
+        const r2 = r1 + 4;
+        const cx = 56, cy = 56;
+        return {
+            x1: cx + r1 * Math.cos(rad),
+            y1: cy + r1 * Math.sin(rad),
+            x2: cx + r2 * Math.cos(rad),
+            y2: cy + r2 * Math.sin(rad),
+        };
+    });
+    // Packed items as individual visual "dots" (up to 20 shown)
+    itemDots = computed(() => {
+        const total = Math.min(this.data().totalItems, 20);
+        const done = Math.round((this.data().completedItems / Math.max(this.data().totalItems, 1)) * total);
+        return Array.from({ length: total }, (_, i) => i < done);
+    }, ...(ngDevMode ? [{ debugName: "itemDots" }] : []));
+    // Count-up for percent display
+    displayPercent = signal(0, ...(ngDevMode ? [{ debugName: "displayPercent" }] : []));
+    raf = 0;
+    constructor() {
+        effect(() => {
+            const target = this.percent();
+            cancelAnimationFrame(this.raf);
+            const start = performance.now();
+            const duration = 800;
+            const tick = (now) => {
+                const t = Math.min((now - start) / duration, 1);
+                const ease = 1 - Math.pow(1 - t, 3);
+                this.displayPercent.set(Math.round(ease * target));
+                if (t < 1)
+                    this.raf = requestAnimationFrame(tick);
+            };
+            this.raf = requestAnimationFrame(tick);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PackStatusWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: PackStatusWidgetComponent, isStandalone: true, selector: "c2g-pack-status-widget", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"c2g-ps\" [class]=\"'c2g-ps--' + statusColor()\">\n\n  <!-- Header -->\n  <div class=\"c2g-ps__header\">\n    <div class=\"c2g-ps__title-row\">\n      <span class=\"c2g-ps__label\">\uD83C\uDF92 Packstatus</span>\n      @if (data().tourName) {\n        <span class=\"c2g-ps__tour\">{{ data().tourName }}</span>\n      }\n    </div>\n    <span class=\"c2g-ps__status-badge\">{{ statusLabel() }}</span>\n  </div>\n\n  <!-- Main: ring + info side by side -->\n  <div class=\"c2g-ps__body\">\n\n    <!-- SVG Ring -->\n    <div class=\"c2g-ps__ring-wrap\">\n      <svg class=\"c2g-ps__ring\" viewBox=\"0 0 112 112\" aria-hidden=\"true\">\n        <!-- Track -->\n        <circle class=\"c2g-ps__ring-track\"\n          cx=\"56\" cy=\"56\" [attr.r]=\"radius\"\n          fill=\"none\" [attr.stroke-width]=\"strokeWidth\" />\n        <!-- Fill -->\n        <circle class=\"c2g-ps__ring-fill\"\n          cx=\"56\" cy=\"56\" [attr.r]=\"radius\"\n          fill=\"none\" [attr.stroke-width]=\"strokeWidth\"\n          stroke-linecap=\"round\"\n          [attr.stroke-dasharray]=\"circumference\"\n          [attr.stroke-dashoffset]=\"strokeDashoffset()\"\n          transform=\"rotate(-90 56 56)\" />\n        <!-- Tick marks -->\n        @for (t of ticks; track $index) {\n          <line class=\"c2g-ps__tick\"\n            [attr.x1]=\"t.x1\" [attr.y1]=\"t.y1\"\n            [attr.x2]=\"t.x2\" [attr.y2]=\"t.y2\" />\n        }\n      </svg>\n      <!-- Center content -->\n      <div class=\"c2g-ps__ring-center\">\n        <span class=\"c2g-ps__percent\">{{ displayPercent() }}<span class=\"c2g-ps__percent-unit\">%</span></span>\n        @if (statusColor() === 'success') {\n          <span class=\"c2g-ps__ring-emoji\">\uD83C\uDF89</span>\n        }\n      </div>\n    </div>\n\n    <!-- Info panel -->\n    <div class=\"c2g-ps__info\">\n\n      <!-- Item count -->\n      <div class=\"c2g-ps__count-row\">\n        <span class=\"c2g-ps__count-main\">{{ data().completedItems }}</span>\n        <span class=\"c2g-ps__count-sep\">/</span>\n        <span class=\"c2g-ps__count-total\">{{ data().totalItems }}</span>\n        <span class=\"c2g-ps__count-unit\">Items</span>\n      </div>\n\n      <!-- Item dots grid -->\n      @if (itemDots().length > 0) {\n        <div class=\"c2g-ps__dots\">\n          @for (done of itemDots(); track $index) {\n            <span class=\"c2g-ps__dot\" [class.c2g-ps__dot--done]=\"done\"></span>\n          }\n        </div>\n      }\n\n      <!-- Critical alert / all clear -->\n      @if (criticalOpen() > 0) {\n        <div class=\"c2g-ps__alert\">\n          <span class=\"c2g-ps__alert-icon\">\u26A0\uFE0F</span>\n          <span class=\"c2g-ps__alert-text\">\n            {{ criticalOpen() }} kritische{{ criticalOpen() === 1 ? 's' : '' }} fehlt{{ criticalOpen() === 1 ? '' : 'en' }}\n          </span>\n        </div>\n      } @else if (data().criticalTotal > 0) {\n        <div class=\"c2g-ps__all-clear\">\n          <span>\u2713 Alle kritischen Items gepackt</span>\n        </div>\n      }\n\n    </div>\n  </div>\n\n  <!-- Progress bar strip at bottom -->\n  <div class=\"c2g-ps__strip-track\">\n    <div class=\"c2g-ps__strip-fill\" [style.width.%]=\"percent()\"></div>\n  </div>\n\n</div>\n", styles: [":host{display:block;font-family:var(--c2g-font-family-base, \"Quicksand\", sans-serif)}.c2g-ps{border-radius:var(--c2g-radius-xl, 20px);background:var(--c2g-theme-surface, var(--c2g-color-surface));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline));box-shadow:var(--c2g-shadow-sm, 0 1px 4px rgba(0, 0, 0, .06));overflow:hidden;display:flex;flex-direction:column;gap:0;transition:box-shadow .2s ease,transform .2s ease}.c2g-ps:hover{box-shadow:var(--c2g-shadow-lg, 0 8px 28px rgba(0, 0, 0, .12));transform:translateY(-2px)}.c2g-ps--primary{--ps-accent: var(--c2g-theme-primary, #ff6b35);--ps-accent-soft: rgba(255, 107, 53, .12);--ps-glow: rgba(255, 107, 53, .25);--ps-badge-bg: rgba(255, 107, 53, .1);--ps-badge-color: var(--c2g-theme-primary, #ff6b35)}.c2g-ps--success{--ps-accent: var(--c2g-theme-success, #22c55e);--ps-accent-soft: rgba(34, 197, 94, .1);--ps-glow: rgba(34, 197, 94, .3);--ps-badge-bg: rgba(34, 197, 94, .1);--ps-badge-color: var(--c2g-theme-success, #22c55e)}.c2g-ps--warning{--ps-accent: var(--c2g-theme-warning, #f59e0b);--ps-accent-soft: rgba(245, 158, 11, .1);--ps-glow: rgba(245, 158, 11, .3);--ps-badge-bg: rgba(245, 158, 11, .12);--ps-badge-color: var(--c2g-theme-warning, #f59e0b)}.c2g-ps__header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 0;gap:8px}.c2g-ps__title-row{display:flex;flex-direction:column;gap:1px}.c2g-ps__label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-ps__tour{font-size:.8rem;font-weight:600;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c2g-ps__status-badge{font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:20px;background:var(--ps-badge-bg);color:var(--ps-badge-color);white-space:nowrap;flex-shrink:0}.c2g-ps__body{display:flex;align-items:center;gap:16px;padding:14px 18px 16px}.c2g-ps__ring-wrap{position:relative;width:108px;height:108px;flex-shrink:0}.c2g-ps__ring{width:100%;height:100%;filter:drop-shadow(0 0 8px var(--ps-glow, transparent))}.c2g-ps__ring-track{stroke:var(--c2g-theme-outline-variant, rgba(0, 0, 0, .08))}.c2g-ps__ring-fill{stroke:var(--ps-accent);transition:stroke-dashoffset .9s cubic-bezier(.4,0,.2,1)}.c2g-ps__tick{stroke:var(--c2g-theme-outline-variant, rgba(0, 0, 0, .1));stroke-width:1.5;stroke-linecap:round}.c2g-ps__ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.c2g-ps__percent{font-size:1.6rem;font-weight:900;line-height:1;color:var(--ps-accent);letter-spacing:-.02em}.c2g-ps__percent-unit{font-size:.9rem;font-weight:700;opacity:.7}.c2g-ps__ring-emoji{font-size:1rem;line-height:1;margin-top:2px}.c2g-ps__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.c2g-ps__count-row{display:flex;align-items:baseline;gap:3px}.c2g-ps__count-main{font-size:2rem;font-weight:900;line-height:1;color:var(--ps-accent)}.c2g-ps__count-sep{font-size:1.1rem;font-weight:400;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));margin:0 1px}.c2g-ps__count-total{font-size:1.1rem;font-weight:700;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary))}.c2g-ps__count-unit{font-size:.75rem;font-weight:500;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));margin-left:3px}.c2g-ps__dots{display:flex;flex-wrap:wrap;gap:4px}.c2g-ps__dot{width:10px;height:10px;border-radius:3px;background:var(--c2g-theme-outline-variant, rgba(0, 0, 0, .1));transition:background .3s ease,transform .2s ease}.c2g-ps__dot--done{background:var(--ps-accent);transform:scale(1.05)}.c2g-ps__dot--done:last-child{box-shadow:0 0 0 2px var(--ps-accent-soft)}.c2g-ps__alert{display:flex;align-items:center;gap:5px;font-size:.78rem;font-weight:700;color:var(--c2g-theme-warning, #f59e0b);background:#f59e0b14;border-radius:8px;padding:5px 8px}.c2g-ps__all-clear{font-size:.78rem;font-weight:700;color:var(--c2g-theme-success, #22c55e);background:#22c55e14;border-radius:8px;padding:5px 8px}.c2g-ps__strip-track{height:4px;background:var(--c2g-theme-outline-variant, rgba(0, 0, 0, .06))}.c2g-ps__strip-fill{height:100%;background:var(--ps-accent);transition:width .9s cubic-bezier(.4,0,.2,1);border-radius:0 2px 2px 0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PackStatusWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c2g-pack-status-widget', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"c2g-ps\" [class]=\"'c2g-ps--' + statusColor()\">\n\n  <!-- Header -->\n  <div class=\"c2g-ps__header\">\n    <div class=\"c2g-ps__title-row\">\n      <span class=\"c2g-ps__label\">\uD83C\uDF92 Packstatus</span>\n      @if (data().tourName) {\n        <span class=\"c2g-ps__tour\">{{ data().tourName }}</span>\n      }\n    </div>\n    <span class=\"c2g-ps__status-badge\">{{ statusLabel() }}</span>\n  </div>\n\n  <!-- Main: ring + info side by side -->\n  <div class=\"c2g-ps__body\">\n\n    <!-- SVG Ring -->\n    <div class=\"c2g-ps__ring-wrap\">\n      <svg class=\"c2g-ps__ring\" viewBox=\"0 0 112 112\" aria-hidden=\"true\">\n        <!-- Track -->\n        <circle class=\"c2g-ps__ring-track\"\n          cx=\"56\" cy=\"56\" [attr.r]=\"radius\"\n          fill=\"none\" [attr.stroke-width]=\"strokeWidth\" />\n        <!-- Fill -->\n        <circle class=\"c2g-ps__ring-fill\"\n          cx=\"56\" cy=\"56\" [attr.r]=\"radius\"\n          fill=\"none\" [attr.stroke-width]=\"strokeWidth\"\n          stroke-linecap=\"round\"\n          [attr.stroke-dasharray]=\"circumference\"\n          [attr.stroke-dashoffset]=\"strokeDashoffset()\"\n          transform=\"rotate(-90 56 56)\" />\n        <!-- Tick marks -->\n        @for (t of ticks; track $index) {\n          <line class=\"c2g-ps__tick\"\n            [attr.x1]=\"t.x1\" [attr.y1]=\"t.y1\"\n            [attr.x2]=\"t.x2\" [attr.y2]=\"t.y2\" />\n        }\n      </svg>\n      <!-- Center content -->\n      <div class=\"c2g-ps__ring-center\">\n        <span class=\"c2g-ps__percent\">{{ displayPercent() }}<span class=\"c2g-ps__percent-unit\">%</span></span>\n        @if (statusColor() === 'success') {\n          <span class=\"c2g-ps__ring-emoji\">\uD83C\uDF89</span>\n        }\n      </div>\n    </div>\n\n    <!-- Info panel -->\n    <div class=\"c2g-ps__info\">\n\n      <!-- Item count -->\n      <div class=\"c2g-ps__count-row\">\n        <span class=\"c2g-ps__count-main\">{{ data().completedItems }}</span>\n        <span class=\"c2g-ps__count-sep\">/</span>\n        <span class=\"c2g-ps__count-total\">{{ data().totalItems }}</span>\n        <span class=\"c2g-ps__count-unit\">Items</span>\n      </div>\n\n      <!-- Item dots grid -->\n      @if (itemDots().length > 0) {\n        <div class=\"c2g-ps__dots\">\n          @for (done of itemDots(); track $index) {\n            <span class=\"c2g-ps__dot\" [class.c2g-ps__dot--done]=\"done\"></span>\n          }\n        </div>\n      }\n\n      <!-- Critical alert / all clear -->\n      @if (criticalOpen() > 0) {\n        <div class=\"c2g-ps__alert\">\n          <span class=\"c2g-ps__alert-icon\">\u26A0\uFE0F</span>\n          <span class=\"c2g-ps__alert-text\">\n            {{ criticalOpen() }} kritische{{ criticalOpen() === 1 ? 's' : '' }} fehlt{{ criticalOpen() === 1 ? '' : 'en' }}\n          </span>\n        </div>\n      } @else if (data().criticalTotal > 0) {\n        <div class=\"c2g-ps__all-clear\">\n          <span>\u2713 Alle kritischen Items gepackt</span>\n        </div>\n      }\n\n    </div>\n  </div>\n\n  <!-- Progress bar strip at bottom -->\n  <div class=\"c2g-ps__strip-track\">\n    <div class=\"c2g-ps__strip-fill\" [style.width.%]=\"percent()\"></div>\n  </div>\n\n</div>\n", styles: [":host{display:block;font-family:var(--c2g-font-family-base, \"Quicksand\", sans-serif)}.c2g-ps{border-radius:var(--c2g-radius-xl, 20px);background:var(--c2g-theme-surface, var(--c2g-color-surface));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline));box-shadow:var(--c2g-shadow-sm, 0 1px 4px rgba(0, 0, 0, .06));overflow:hidden;display:flex;flex-direction:column;gap:0;transition:box-shadow .2s ease,transform .2s ease}.c2g-ps:hover{box-shadow:var(--c2g-shadow-lg, 0 8px 28px rgba(0, 0, 0, .12));transform:translateY(-2px)}.c2g-ps--primary{--ps-accent: var(--c2g-theme-primary, #ff6b35);--ps-accent-soft: rgba(255, 107, 53, .12);--ps-glow: rgba(255, 107, 53, .25);--ps-badge-bg: rgba(255, 107, 53, .1);--ps-badge-color: var(--c2g-theme-primary, #ff6b35)}.c2g-ps--success{--ps-accent: var(--c2g-theme-success, #22c55e);--ps-accent-soft: rgba(34, 197, 94, .1);--ps-glow: rgba(34, 197, 94, .3);--ps-badge-bg: rgba(34, 197, 94, .1);--ps-badge-color: var(--c2g-theme-success, #22c55e)}.c2g-ps--warning{--ps-accent: var(--c2g-theme-warning, #f59e0b);--ps-accent-soft: rgba(245, 158, 11, .1);--ps-glow: rgba(245, 158, 11, .3);--ps-badge-bg: rgba(245, 158, 11, .12);--ps-badge-color: var(--c2g-theme-warning, #f59e0b)}.c2g-ps__header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 0;gap:8px}.c2g-ps__title-row{display:flex;flex-direction:column;gap:1px}.c2g-ps__label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-ps__tour{font-size:.8rem;font-weight:600;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c2g-ps__status-badge{font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:20px;background:var(--ps-badge-bg);color:var(--ps-badge-color);white-space:nowrap;flex-shrink:0}.c2g-ps__body{display:flex;align-items:center;gap:16px;padding:14px 18px 16px}.c2g-ps__ring-wrap{position:relative;width:108px;height:108px;flex-shrink:0}.c2g-ps__ring{width:100%;height:100%;filter:drop-shadow(0 0 8px var(--ps-glow, transparent))}.c2g-ps__ring-track{stroke:var(--c2g-theme-outline-variant, rgba(0, 0, 0, .08))}.c2g-ps__ring-fill{stroke:var(--ps-accent);transition:stroke-dashoffset .9s cubic-bezier(.4,0,.2,1)}.c2g-ps__tick{stroke:var(--c2g-theme-outline-variant, rgba(0, 0, 0, .1));stroke-width:1.5;stroke-linecap:round}.c2g-ps__ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.c2g-ps__percent{font-size:1.6rem;font-weight:900;line-height:1;color:var(--ps-accent);letter-spacing:-.02em}.c2g-ps__percent-unit{font-size:.9rem;font-weight:700;opacity:.7}.c2g-ps__ring-emoji{font-size:1rem;line-height:1;margin-top:2px}.c2g-ps__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.c2g-ps__count-row{display:flex;align-items:baseline;gap:3px}.c2g-ps__count-main{font-size:2rem;font-weight:900;line-height:1;color:var(--ps-accent)}.c2g-ps__count-sep{font-size:1.1rem;font-weight:400;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));margin:0 1px}.c2g-ps__count-total{font-size:1.1rem;font-weight:700;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary))}.c2g-ps__count-unit{font-size:.75rem;font-weight:500;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));margin-left:3px}.c2g-ps__dots{display:flex;flex-wrap:wrap;gap:4px}.c2g-ps__dot{width:10px;height:10px;border-radius:3px;background:var(--c2g-theme-outline-variant, rgba(0, 0, 0, .1));transition:background .3s ease,transform .2s ease}.c2g-ps__dot--done{background:var(--ps-accent);transform:scale(1.05)}.c2g-ps__dot--done:last-child{box-shadow:0 0 0 2px var(--ps-accent-soft)}.c2g-ps__alert{display:flex;align-items:center;gap:5px;font-size:.78rem;font-weight:700;color:var(--c2g-theme-warning, #f59e0b);background:#f59e0b14;border-radius:8px;padding:5px 8px}.c2g-ps__all-clear{font-size:.78rem;font-weight:700;color:var(--c2g-theme-success, #22c55e);background:#22c55e14;border-radius:8px;padding:5px 8px}.c2g-ps__strip-track{height:4px;background:var(--c2g-theme-outline-variant, rgba(0, 0, 0, .06))}.c2g-ps__strip-fill{height:100%;background:var(--ps-accent);transition:width .9s cubic-bezier(.4,0,.2,1);border-radius:0 2px 2px 0}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }] } });
+
+const SCALE_MAX_G = 30_000;
+const ZONES = [
+    { label: 'Ultraleicht', maxG: 7_000, color: '#22c55e', bgColor: 'rgba(34,197,94,0.18)' },
+    { label: 'Leicht', maxG: 12_000, color: '#84cc16', bgColor: 'rgba(132,204,22,0.15)' },
+    { label: 'Mittel', maxG: 18_000, color: '#f59e0b', bgColor: 'rgba(245,158,11,0.14)' },
+    { label: 'Schwer', maxG: 25_000, color: '#f97316', bgColor: 'rgba(249,115,22,0.14)' },
+    { label: 'Sehr schwer', maxG: 30_000, color: '#ef4444', bgColor: 'rgba(239,68,68,0.15)' },
+];
+class PackWeightWidgetComponent {
+    data = input.required(...(ngDevMode ? [{ debugName: "data" }] : []));
+    zone = computed(() => ZONES.find(z => this.data().currentWeightG <= z.maxG) ?? ZONES[ZONES.length - 1], ...(ngDevMode ? [{ debugName: "zone" }] : []));
+    scalePercent = computed(() => Math.min(100, (this.data().currentWeightG / SCALE_MAX_G) * 100), ...(ngDevMode ? [{ debugName: "scalePercent" }] : []));
+    prevScalePercent = computed(() => {
+        const prev = this.data().previousWeightG;
+        if (prev == null)
+            return null;
+        return Math.min(100, (prev / SCALE_MAX_G) * 100);
+    }, ...(ngDevMode ? [{ debugName: "prevScalePercent" }] : []));
+    diffG = computed(() => {
+        const prev = this.data().previousWeightG;
+        if (prev == null)
+            return null;
+        return this.data().currentWeightG - prev;
+    }, ...(ngDevMode ? [{ debugName: "diffG" }] : []));
+    diffKg = computed(() => {
+        const d = this.diffG();
+        if (d == null)
+            return null;
+        return (Math.abs(d) / 1000).toFixed(1);
+    }, ...(ngDevMode ? [{ debugName: "diffKg" }] : []));
+    diffTrend = computed(() => {
+        const d = this.diffG();
+        if (d == null)
+            return null;
+        if (d < 0)
+            return 'better';
+        if (d > 0)
+            return 'worse';
+        return 'same';
+    }, ...(ngDevMode ? [{ debugName: "diffTrend" }] : []));
+    // Animated values
+    animatedPercent = signal(0, ...(ngDevMode ? [{ debugName: "animatedPercent" }] : []));
+    displayKg = signal('0.0', ...(ngDevMode ? [{ debugName: "displayKg" }] : []));
+    rafMarker = 0;
+    rafKg = 0;
+    constructor() {
+        effect(() => {
+            const targetPct = this.scalePercent();
+            const targetKg = this.data().currentWeightG / 1000;
+            // Marker animation
+            cancelAnimationFrame(this.rafMarker);
+            const fromPct = this.animatedPercent();
+            const startM = performance.now();
+            const tickMarker = (now) => {
+                const t = Math.min((now - startM) / 900, 1);
+                const e = 1 - Math.pow(1 - t, 4);
+                this.animatedPercent.set(fromPct + (targetPct - fromPct) * e);
+                if (t < 1)
+                    this.rafMarker = requestAnimationFrame(tickMarker);
+            };
+            this.rafMarker = requestAnimationFrame(tickMarker);
+            // Count-up kg
+            cancelAnimationFrame(this.rafKg);
+            const startK = performance.now();
+            const tickKg = (now) => {
+                const t = Math.min((now - startK) / 900, 1);
+                const e = 1 - Math.pow(1 - t, 3);
+                this.displayKg.set((e * targetKg).toFixed(1));
+                if (t < 1)
+                    this.rafKg = requestAnimationFrame(tickKg);
+            };
+            this.rafKg = requestAnimationFrame(tickKg);
+        });
+    }
+    // Zone segments for colour gradient bar
+    zoneSegments = computed(() => {
+        let prev = 0;
+        return ZONES.map(z => {
+            const right = (z.maxG / SCALE_MAX_G) * 100;
+            const seg = { left: prev, width: right - prev, color: z.color, bgColor: z.bgColor, label: z.label };
+            prev = right;
+            return seg;
+        });
+    }, ...(ngDevMode ? [{ debugName: "zoneSegments" }] : []));
+    // Tick marks: 0 5 10 15 20 25 30 kg
+    ticks = Array.from({ length: 7 }, (_, i) => ({
+        pct: (i * 5_000 / SCALE_MAX_G) * 100,
+        label: `${i * 5}`,
+    }));
+    ngOnDestroy() {
+        cancelAnimationFrame(this.rafMarker);
+        cancelAnimationFrame(this.rafKg);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PackWeightWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: PackWeightWidgetComponent, isStandalone: true, selector: "c2g-pack-weight-widget", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"c2g-pw\">\n\n  <!-- Header -->\n  <div class=\"c2g-pw__header\">\n    <div class=\"c2g-pw__title-col\">\n      <span class=\"c2g-pw__label\">Packgewicht</span>\n      @if (data().tourName) {\n        <span class=\"c2g-pw__tour\">{{ data().tourName }}</span>\n      }\n    </div>\n    <!-- Zone badge -->\n    <span class=\"c2g-pw__zone-badge\"\n      [style.background]=\"zone().bgColor\"\n      [style.color]=\"zone().color\">\n      {{ zone().label }}\n    </span>\n  </div>\n\n  <!-- Big value -->\n  <div class=\"c2g-pw__value-row\">\n    <span class=\"c2g-pw__value\" [style.color]=\"zone().color\">{{ displayKg() }}</span>\n    <span class=\"c2g-pw__unit\">kg</span>\n\n    <!-- Diff pill -->\n    @if (diffG() != null) {\n      <span class=\"c2g-pw__diff-pill\"\n        [class.c2g-pw__diff-pill--better]=\"diffTrend() === 'better'\"\n        [class.c2g-pw__diff-pill--worse]=\"diffTrend() === 'worse'\">\n        @if (diffTrend() === 'better') { \u2193 {{ diffKg() }} kg }\n        @else if (diffTrend() === 'worse') { \u2191 {{ diffKg() }} kg }\n        @else { \u2192 gleich }\n      </span>\n    }\n  </div>\n\n  <!-- Scale bar -->\n  <div class=\"c2g-pw__scale\">\n\n    <!-- Colour zone segments -->\n    <div class=\"c2g-pw__zones\">\n      @for (seg of zoneSegments(); track seg.label) {\n        <div class=\"c2g-pw__zone-seg\"\n          [style.width.%]=\"seg.width\"\n          [style.background]=\"seg.bgColor\"\n          [style.border-right]=\"'1px solid ' + seg.color + '22'\">\n        </div>\n      }\n    </div>\n\n    <!-- Gradient fill up to current value -->\n    <div class=\"c2g-pw__fill-track\">\n      <div class=\"c2g-pw__fill\"\n        [style.width.%]=\"animatedPercent()\"\n        [style.background]=\"'linear-gradient(90deg, #22c55e, ' + zone().color + ')'\">\n      </div>\n    </div>\n\n    <!-- Previous marker -->\n    @if (prevScalePercent() != null) {\n      <div class=\"c2g-pw__marker c2g-pw__marker--prev\"\n        [style.left.%]=\"prevScalePercent()\">\n        <div class=\"c2g-pw__marker-line\"></div>\n        <span class=\"c2g-pw__marker-label\">Letzte Tour</span>\n      </div>\n    }\n\n    <!-- Current marker -->\n    <div class=\"c2g-pw__marker c2g-pw__marker--current\"\n      [style.left.%]=\"animatedPercent()\"\n      [style.--marker-color]=\"zone().color\">\n      <div class=\"c2g-pw__marker-pin\"></div>\n      <div class=\"c2g-pw__marker-line\"></div>\n    </div>\n\n    <!-- Tick marks -->\n    <div class=\"c2g-pw__ticks\">\n      @for (tick of ticks; track tick.pct) {\n        <div class=\"c2g-pw__tick\" [style.left.%]=\"tick.pct\">\n          <div class=\"c2g-pw__tick-line\"></div>\n          <span class=\"c2g-pw__tick-label\">{{ tick.label }}</span>\n        </div>\n      }\n    </div>\n\n  </div>\n\n  <!-- Zone legend -->\n  <div class=\"c2g-pw__legend\">\n    @for (seg of zoneSegments(); track seg.label) {\n      <div class=\"c2g-pw__legend-item\"\n        [class.c2g-pw__legend-item--active]=\"seg.label === zone().label\">\n        <span class=\"c2g-pw__legend-dot\" [style.background]=\"seg.color\"></span>\n        <span class=\"c2g-pw__legend-label\">{{ seg.label }}</span>\n      </div>\n    }\n  </div>\n\n</div>\n", styles: [":host{display:block;font-family:var(--c2g-font-family-base, \"Quicksand\", sans-serif)}.c2g-pw{border-radius:var(--c2g-radius-xl, 20px);background:var(--c2g-theme-surface, var(--c2g-color-surface));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline));box-shadow:var(--c2g-shadow-sm, 0 1px 4px rgba(0, 0, 0, .06));padding:20px 20px 16px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .2s ease,transform .2s ease}.c2g-pw:hover{box-shadow:var(--c2g-shadow-lg, 0 8px 28px rgba(0, 0, 0, .11));transform:translateY(-2px)}.c2g-pw__header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.c2g-pw__title-col{display:flex;flex-direction:column;gap:2px}.c2g-pw__label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-pw__tour{font-size:.82rem;font-weight:600;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c2g-pw__zone-badge{font-size:.72rem;font-weight:800;padding:3px 10px;border-radius:20px;white-space:nowrap;flex-shrink:0}.c2g-pw__value-row{display:flex;align-items:baseline;gap:5px}.c2g-pw__value{font-size:3.2rem;font-weight:900;line-height:1;letter-spacing:-.03em;transition:color .4s ease}.c2g-pw__unit{font-size:1.3rem;font-weight:600;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));margin-bottom:3px}.c2g-pw__diff-pill{margin-left:8px;font-size:.78rem;font-weight:700;padding:3px 9px;border-radius:20px;background:var(--c2g-theme-surface-container, rgba(0, 0, 0, .05));color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));align-self:center;white-space:nowrap}.c2g-pw__diff-pill--better{background:#22c55e1f;color:#22c55e}.c2g-pw__diff-pill--worse{background:#f973161f;color:#f97316}.c2g-pw__scale{position:relative;height:52px;margin:4px 0 8px}.c2g-pw__zones{position:absolute;top:0;left:0;right:0;height:12px;border-radius:6px;overflow:hidden;display:flex}.c2g-pw__zone-seg{height:100%}.c2g-pw__fill-track{position:absolute;top:0;left:0;right:0;height:12px;border-radius:6px;overflow:hidden}.c2g-pw__fill{height:100%;border-radius:6px;transition:width .9s cubic-bezier(.4,0,.2,1);opacity:.85}.c2g-pw__marker{position:absolute;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none}.c2g-pw__marker--current{transition:left .9s cubic-bezier(.4,0,.2,1);z-index:2}.c2g-pw__marker--prev{z-index:1;opacity:.5}.c2g-pw__marker-pin{width:14px;height:14px;border-radius:50%;border:2.5px solid #fff;background:var(--marker-color, #ff6b35);box-shadow:0 0 0 2px var(--marker-color, #ff6b35),0 2px 8px #0003;margin-top:-1px;position:relative;z-index:1}.c2g-pw__marker-line{width:1.5px;height:10px;background:currentColor;opacity:.4;margin-top:1px}.c2g-pw__marker-label{font-size:.58rem;font-weight:700;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));white-space:nowrap;margin-top:1px;text-transform:uppercase;letter-spacing:.04em}.c2g-pw__ticks{position:absolute;top:14px;left:0;right:0}.c2g-pw__tick{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:1px}.c2g-pw__tick:first-child{transform:translate(0)}.c2g-pw__tick:last-child{transform:translate(-100%)}.c2g-pw__tick-line{width:1px;height:5px;background:var(--c2g-theme-outline-variant, rgba(0, 0, 0, .15))}.c2g-pw__tick-label{font-size:.6rem;font-weight:600;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));white-space:nowrap}.c2g-pw__legend{display:flex;flex-wrap:wrap;gap:6px 10px;padding-top:2px}.c2g-pw__legend-item{display:flex;align-items:center;gap:4px;opacity:.45;transition:opacity .2s ease}.c2g-pw__legend-item--active{opacity:1}.c2g-pw__legend-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.c2g-pw__legend-label{font-size:.7rem;font-weight:700;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PackWeightWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c2g-pack-weight-widget', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"c2g-pw\">\n\n  <!-- Header -->\n  <div class=\"c2g-pw__header\">\n    <div class=\"c2g-pw__title-col\">\n      <span class=\"c2g-pw__label\">Packgewicht</span>\n      @if (data().tourName) {\n        <span class=\"c2g-pw__tour\">{{ data().tourName }}</span>\n      }\n    </div>\n    <!-- Zone badge -->\n    <span class=\"c2g-pw__zone-badge\"\n      [style.background]=\"zone().bgColor\"\n      [style.color]=\"zone().color\">\n      {{ zone().label }}\n    </span>\n  </div>\n\n  <!-- Big value -->\n  <div class=\"c2g-pw__value-row\">\n    <span class=\"c2g-pw__value\" [style.color]=\"zone().color\">{{ displayKg() }}</span>\n    <span class=\"c2g-pw__unit\">kg</span>\n\n    <!-- Diff pill -->\n    @if (diffG() != null) {\n      <span class=\"c2g-pw__diff-pill\"\n        [class.c2g-pw__diff-pill--better]=\"diffTrend() === 'better'\"\n        [class.c2g-pw__diff-pill--worse]=\"diffTrend() === 'worse'\">\n        @if (diffTrend() === 'better') { \u2193 {{ diffKg() }} kg }\n        @else if (diffTrend() === 'worse') { \u2191 {{ diffKg() }} kg }\n        @else { \u2192 gleich }\n      </span>\n    }\n  </div>\n\n  <!-- Scale bar -->\n  <div class=\"c2g-pw__scale\">\n\n    <!-- Colour zone segments -->\n    <div class=\"c2g-pw__zones\">\n      @for (seg of zoneSegments(); track seg.label) {\n        <div class=\"c2g-pw__zone-seg\"\n          [style.width.%]=\"seg.width\"\n          [style.background]=\"seg.bgColor\"\n          [style.border-right]=\"'1px solid ' + seg.color + '22'\">\n        </div>\n      }\n    </div>\n\n    <!-- Gradient fill up to current value -->\n    <div class=\"c2g-pw__fill-track\">\n      <div class=\"c2g-pw__fill\"\n        [style.width.%]=\"animatedPercent()\"\n        [style.background]=\"'linear-gradient(90deg, #22c55e, ' + zone().color + ')'\">\n      </div>\n    </div>\n\n    <!-- Previous marker -->\n    @if (prevScalePercent() != null) {\n      <div class=\"c2g-pw__marker c2g-pw__marker--prev\"\n        [style.left.%]=\"prevScalePercent()\">\n        <div class=\"c2g-pw__marker-line\"></div>\n        <span class=\"c2g-pw__marker-label\">Letzte Tour</span>\n      </div>\n    }\n\n    <!-- Current marker -->\n    <div class=\"c2g-pw__marker c2g-pw__marker--current\"\n      [style.left.%]=\"animatedPercent()\"\n      [style.--marker-color]=\"zone().color\">\n      <div class=\"c2g-pw__marker-pin\"></div>\n      <div class=\"c2g-pw__marker-line\"></div>\n    </div>\n\n    <!-- Tick marks -->\n    <div class=\"c2g-pw__ticks\">\n      @for (tick of ticks; track tick.pct) {\n        <div class=\"c2g-pw__tick\" [style.left.%]=\"tick.pct\">\n          <div class=\"c2g-pw__tick-line\"></div>\n          <span class=\"c2g-pw__tick-label\">{{ tick.label }}</span>\n        </div>\n      }\n    </div>\n\n  </div>\n\n  <!-- Zone legend -->\n  <div class=\"c2g-pw__legend\">\n    @for (seg of zoneSegments(); track seg.label) {\n      <div class=\"c2g-pw__legend-item\"\n        [class.c2g-pw__legend-item--active]=\"seg.label === zone().label\">\n        <span class=\"c2g-pw__legend-dot\" [style.background]=\"seg.color\"></span>\n        <span class=\"c2g-pw__legend-label\">{{ seg.label }}</span>\n      </div>\n    }\n  </div>\n\n</div>\n", styles: [":host{display:block;font-family:var(--c2g-font-family-base, \"Quicksand\", sans-serif)}.c2g-pw{border-radius:var(--c2g-radius-xl, 20px);background:var(--c2g-theme-surface, var(--c2g-color-surface));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline));box-shadow:var(--c2g-shadow-sm, 0 1px 4px rgba(0, 0, 0, .06));padding:20px 20px 16px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .2s ease,transform .2s ease}.c2g-pw:hover{box-shadow:var(--c2g-shadow-lg, 0 8px 28px rgba(0, 0, 0, .11));transform:translateY(-2px)}.c2g-pw__header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.c2g-pw__title-col{display:flex;flex-direction:column;gap:2px}.c2g-pw__label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-pw__tour{font-size:.82rem;font-weight:600;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c2g-pw__zone-badge{font-size:.72rem;font-weight:800;padding:3px 10px;border-radius:20px;white-space:nowrap;flex-shrink:0}.c2g-pw__value-row{display:flex;align-items:baseline;gap:5px}.c2g-pw__value{font-size:3.2rem;font-weight:900;line-height:1;letter-spacing:-.03em;transition:color .4s ease}.c2g-pw__unit{font-size:1.3rem;font-weight:600;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));margin-bottom:3px}.c2g-pw__diff-pill{margin-left:8px;font-size:.78rem;font-weight:700;padding:3px 9px;border-radius:20px;background:var(--c2g-theme-surface-container, rgba(0, 0, 0, .05));color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));align-self:center;white-space:nowrap}.c2g-pw__diff-pill--better{background:#22c55e1f;color:#22c55e}.c2g-pw__diff-pill--worse{background:#f973161f;color:#f97316}.c2g-pw__scale{position:relative;height:52px;margin:4px 0 8px}.c2g-pw__zones{position:absolute;top:0;left:0;right:0;height:12px;border-radius:6px;overflow:hidden;display:flex}.c2g-pw__zone-seg{height:100%}.c2g-pw__fill-track{position:absolute;top:0;left:0;right:0;height:12px;border-radius:6px;overflow:hidden}.c2g-pw__fill{height:100%;border-radius:6px;transition:width .9s cubic-bezier(.4,0,.2,1);opacity:.85}.c2g-pw__marker{position:absolute;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none}.c2g-pw__marker--current{transition:left .9s cubic-bezier(.4,0,.2,1);z-index:2}.c2g-pw__marker--prev{z-index:1;opacity:.5}.c2g-pw__marker-pin{width:14px;height:14px;border-radius:50%;border:2.5px solid #fff;background:var(--marker-color, #ff6b35);box-shadow:0 0 0 2px var(--marker-color, #ff6b35),0 2px 8px #0003;margin-top:-1px;position:relative;z-index:1}.c2g-pw__marker-line{width:1.5px;height:10px;background:currentColor;opacity:.4;margin-top:1px}.c2g-pw__marker-label{font-size:.58rem;font-weight:700;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));white-space:nowrap;margin-top:1px;text-transform:uppercase;letter-spacing:.04em}.c2g-pw__ticks{position:absolute;top:14px;left:0;right:0}.c2g-pw__tick{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:1px}.c2g-pw__tick:first-child{transform:translate(0)}.c2g-pw__tick:last-child{transform:translate(-100%)}.c2g-pw__tick-line{width:1px;height:5px;background:var(--c2g-theme-outline-variant, rgba(0, 0, 0, .15))}.c2g-pw__tick-label{font-size:.6rem;font-weight:600;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));white-space:nowrap}.c2g-pw__legend{display:flex;flex-wrap:wrap;gap:6px 10px;padding-top:2px}.c2g-pw__legend-item{display:flex;align-items:center;gap:4px;opacity:.45;transition:opacity .2s ease}.c2g-pw__legend-item--active{opacity:1}.c2g-pw__legend-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.c2g-pw__legend-label{font-size:.7rem;font-weight:700;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary))}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }] } });
+
+class MemberReadinessWidgetComponent {
+    members = input.required(...(ngDevMode ? [{ debugName: "members" }] : []));
+    tourName = input(undefined, ...(ngDevMode ? [{ debugName: "tourName" }] : []));
+    overallPercent = computed(() => {
+        const m = this.members();
+        if (!m.length)
+            return 0;
+        const total = m.reduce((s, e) => s + e.totalItems, 0);
+        if (total === 0)
+            return 0;
+        return Math.round((m.reduce((s, e) => s + e.completedItems, 0) / total) * 100);
+    }, ...(ngDevMode ? [{ debugName: "overallPercent" }] : []));
+    fullyReady = computed(() => this.members().filter(m => this.readyPercent(m) === 100).length, ...(ngDevMode ? [{ debugName: "fullyReady" }] : []));
+    // Groups only shown when >= 6 members, otherwise flat list
+    useGrouped = computed(() => this.members().length >= 6, ...(ngDevMode ? [{ debugName: "useGrouped" }] : []));
+    groups = computed(() => {
+        const buckets = [
+            { label: 'Bereit', emoji: '✅', color: 'success', min: 100, max: 100, members: [] },
+            { label: 'Fast fertig', emoji: '🔜', color: 'warning', min: 75, max: 99, members: [] },
+            { label: 'Unterwegs', emoji: '📦', color: 'warning', min: 40, max: 74, members: [] },
+            { label: 'Kaum gepackt', emoji: '😴', color: 'danger', min: 1, max: 39, members: [] },
+            { label: 'Nicht gestartet', emoji: '❌', color: 'neutral', min: 0, max: 0, members: [] },
+        ];
+        for (const m of this.members()) {
+            const p = this.readyPercent(m);
+            const bucket = buckets.find(b => p >= b.min && p <= b.max) ?? buckets[buckets.length - 1];
+            bucket.members.push(m);
+        }
+        return buckets.filter(b => b.members.length > 0);
+    }, ...(ngDevMode ? [{ debugName: "groups" }] : []));
+    flatSorted = computed(() => [...this.members()].sort((a, b) => this.readyPercent(b) - this.readyPercent(a)), ...(ngDevMode ? [{ debugName: "flatSorted" }] : []));
+    readyPercent(entry) {
+        if (entry.totalItems === 0)
+            return 100;
+        return Math.round((entry.completedItems / entry.totalItems) * 100);
+    }
+    readyColor(entry) {
+        const p = this.readyPercent(entry);
+        if (p === 100)
+            return 'success';
+        if (p >= 75)
+            return 'warning';
+        if (p >= 40)
+            return 'warning';
+        if (p > 0)
+            return 'danger';
+        return 'neutral';
+    }
+    // Collapse state per group index
+    collapsed = new Map();
+    toggleGroup(index) {
+        this.collapsed.set(index, !this.collapsed.get(index));
+    }
+    isCollapsed(index) {
+        // Collapse groups with only-ready members by default if many groups
+        return this.collapsed.get(index) ?? false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MemberReadinessWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: MemberReadinessWidgetComponent, isStandalone: true, selector: "c2g-member-readiness-widget", inputs: { members: { classPropertyName: "members", publicName: "members", isSignal: true, isRequired: true, transformFunction: null }, tourName: { classPropertyName: "tourName", publicName: "tourName", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"c2g-mr\">\n\n  <!-- Header -->\n  <div class=\"c2g-mr__header\">\n    <div class=\"c2g-mr__title-col\">\n      <span class=\"c2g-mr__label\">\uD83D\uDC65 Gruppenbereitschaft</span>\n      @if (tourName()) {\n        <span class=\"c2g-mr__tour\">{{ tourName() }}</span>\n      }\n    </div>\n    <div class=\"c2g-mr__summary-pill\">\n      <span class=\"c2g-mr__summary-ready\">{{ fullyReady() }}</span>\n      <span class=\"c2g-mr__summary-sep\">/</span>\n      <span class=\"c2g-mr__summary-total\">{{ members().length }}</span>\n      <span class=\"c2g-mr__summary-unit\">bereit</span>\n    </div>\n  </div>\n\n  <!-- Overall progress bar -->\n  <div class=\"c2g-mr__overall-track\" [attr.aria-valuenow]=\"overallPercent()\" aria-valuemin=\"0\" aria-valuemax=\"100\">\n    <div class=\"c2g-mr__overall-fill\"\n      [style.width.%]=\"overallPercent()\"\n      [class.c2g-mr__overall-fill--success]=\"overallPercent() === 100\">\n    </div>\n    <span class=\"c2g-mr__overall-pct\">{{ overallPercent() }}%</span>\n  </div>\n\n  <!-- GROUPED layout (6+ members) -->\n  @if (useGrouped()) {\n    <div class=\"c2g-mr__groups\">\n      @for (group of groups(); track group.label; let gi = $index) {\n        <div class=\"c2g-mr__group\" [class]=\"'c2g-mr__group--' + group.color\">\n\n          <!-- Group header (clickable to toggle) -->\n          <button class=\"c2g-mr__group-header\" (click)=\"toggleGroup(gi)\" type=\"button\">\n            <span class=\"c2g-mr__group-emoji\">{{ group.emoji }}</span>\n            <span class=\"c2g-mr__group-name\">{{ group.label }}</span>\n            <span class=\"c2g-mr__group-count\">{{ group.members.length }}</span>\n            <!-- Avatar stack preview (max 4) -->\n            <div class=\"c2g-mr__avatar-stack\">\n              @for (m of group.members.slice(0, 4); track m.name) {\n                <span class=\"c2g-mr__avatar-tiny\" [class]=\"'c2g-mr__avatar-tiny--' + group.color\"\n                  [title]=\"m.name\">{{ m.initials }}</span>\n              }\n              @if (group.members.length > 4) {\n                <span class=\"c2g-mr__avatar-tiny c2g-mr__avatar-tiny--more\">+{{ group.members.length - 4 }}</span>\n              }\n            </div>\n            <span class=\"c2g-mr__group-chevron\" [class.c2g-mr__group-chevron--open]=\"!isCollapsed(gi)\">\u203A</span>\n          </button>\n\n          <!-- Member rows (collapsible) -->\n          @if (!isCollapsed(gi)) {\n            <ul class=\"c2g-mr__member-list\">\n              @for (m of group.members; track m.name) {\n                <li class=\"c2g-mr__member\" [class.c2g-mr__member--self]=\"m.isSelf\">\n                  <span class=\"c2g-mr__avatar-sm\" [class]=\"'c2g-mr__avatar-sm--' + group.color\">\n                    {{ m.initials }}\n                  </span>\n                  <span class=\"c2g-mr__member-name\">\n                    {{ m.name }}\n                    @if (m.isSelf) { <span class=\"c2g-mr__self-tag\">Du</span> }\n                  </span>\n                  <div class=\"c2g-mr__mini-track\">\n                    <div class=\"c2g-mr__mini-fill\"\n                      [class]=\"'c2g-mr__mini-fill--' + group.color\"\n                      [style.width.%]=\"readyPercent(m)\">\n                    </div>\n                  </div>\n                  <span class=\"c2g-mr__member-pct\" [class]=\"'c2g-mr__member-pct--' + group.color\">\n                    {{ readyPercent(m) }}%\n                  </span>\n                </li>\n              }\n            </ul>\n          }\n        </div>\n      }\n    </div>\n\n  } @else {\n    <!-- FLAT layout (< 6 members) -->\n    <ul class=\"c2g-mr__flat-list\">\n      @for (m of flatSorted(); track m.name) {\n        <li class=\"c2g-mr__member\" [class.c2g-mr__member--self]=\"m.isSelf\">\n          <span class=\"c2g-mr__avatar-sm\" [class]=\"'c2g-mr__avatar-sm--' + readyColor(m)\">\n            {{ m.initials }}\n          </span>\n          <span class=\"c2g-mr__member-name\">\n            {{ m.name }}\n            @if (m.isSelf) { <span class=\"c2g-mr__self-tag\">Du</span> }\n          </span>\n          <div class=\"c2g-mr__mini-track\">\n            <div class=\"c2g-mr__mini-fill\"\n              [class]=\"'c2g-mr__mini-fill--' + readyColor(m)\"\n              [style.width.%]=\"readyPercent(m)\">\n            </div>\n          </div>\n          <span class=\"c2g-mr__member-pct\" [class]=\"'c2g-mr__member-pct--' + readyColor(m)\">\n            {{ readyPercent(m) }}%\n          </span>\n        </li>\n      }\n    </ul>\n  }\n\n</div>\n", styles: [":host{display:block;font-family:var(--c2g-font-family-base, \"Quicksand\", sans-serif)}.c2g-mr{border-radius:var(--c2g-radius-xl, 20px);background:var(--c2g-theme-surface, var(--c2g-color-surface));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline));box-shadow:var(--c2g-shadow-sm, 0 1px 4px rgba(0, 0, 0, .06));overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.c2g-mr:hover{box-shadow:var(--c2g-shadow-lg, 0 8px 28px rgba(0, 0, 0, .12));transform:translateY(-2px)}.c2g-mr__header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 10px;gap:10px}.c2g-mr__title-col{display:flex;flex-direction:column;gap:2px;min-width:0}.c2g-mr__label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-mr__tour{font-size:.85rem;font-weight:600;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c2g-mr__summary-pill{display:flex;align-items:baseline;gap:3px;background:var(--c2g-theme-surface-container, rgba(0, 0, 0, .04));border-radius:20px;padding:4px 12px;flex-shrink:0}.c2g-mr__summary-ready{font-size:1.1rem;font-weight:900;color:var(--c2g-theme-primary, #ff6b35);line-height:1}.c2g-mr__summary-sep{font-size:.8rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-mr__summary-total{font-size:.9rem;font-weight:700;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary))}.c2g-mr__summary-unit{font-size:.7rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));margin-left:2px}.c2g-mr__overall-track{position:relative;margin:0 18px 12px;height:7px;border-radius:4px;background:var(--c2g-theme-outline-variant, rgba(0, 0, 0, .08));overflow:visible}.c2g-mr__overall-fill{height:100%;border-radius:4px;background:var(--c2g-theme-primary, #ff6b35);transition:width .7s cubic-bezier(.4,0,.2,1)}.c2g-mr__overall-fill--success{background:var(--c2g-theme-success, #22c55e)}.c2g-mr__overall-pct{position:absolute;right:0;top:-18px;font-size:.7rem;font-weight:700;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-mr__groups{display:flex;flex-direction:column;gap:2px;padding:0 10px 12px}.c2g-mr__group{border-radius:12px;overflow:hidden;transition:background .15s ease;background:var(--mr-group-bg)}.c2g-mr__group--success{--mr-accent: #22c55e;--mr-accent-bg: rgba(34, 197, 94, .12);--mr-group-bg: rgba(34, 197, 94, .08)}.c2g-mr__group--warning{--mr-accent: #f59e0b;--mr-accent-bg: rgba(245, 158, 11, .15);--mr-group-bg: rgba(245, 158, 11, .06)}.c2g-mr__group--danger{--mr-accent: #ef4444;--mr-accent-bg: rgba(239, 68, 68, .15);--mr-group-bg: rgba(239, 68, 68, .06)}.c2g-mr__group--neutral{--mr-accent: #9ca3af;--mr-accent-bg: rgba(156, 163, 175, .15);--mr-group-bg: rgba(156, 163, 175, .05)}.c2g-mr__group-header{width:100%;display:flex;align-items:center;gap:6px;padding:8px 10px;background:transparent;border:none;cursor:pointer;text-align:left;border-radius:12px;transition:background .15s ease}.c2g-mr__group-header:hover{background:var(--mr-accent-bg)}.c2g-mr__group-emoji{font-size:1rem;line-height:1;flex-shrink:0}.c2g-mr__group-name{font-size:.8rem;font-weight:700;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));flex:1}.c2g-mr__group-count{font-size:.72rem;font-weight:800;min-width:18px;height:18px;border-radius:9px;background:var(--mr-accent-bg);color:var(--mr-accent);display:flex;align-items:center;justify-content:center;padding:0 5px}.c2g-mr__avatar-stack{display:flex;margin-left:4px}.c2g-mr__avatar-tiny{width:22px;height:22px;border-radius:50%;font-size:.55rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin-left:-6px;border:2px solid var(--c2g-theme-surface, #fff);background:var(--mr-accent-bg);color:var(--mr-accent)}.c2g-mr__avatar-tiny:first-child{margin-left:0}.c2g-mr__avatar-tiny--more{background:var(--c2g-theme-outline-variant, rgba(0, 0, 0, .1));color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));font-size:.5rem}.c2g-mr__group-chevron{font-size:1.1rem;font-weight:700;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));transform:rotate(90deg);transition:transform .2s ease;line-height:1;margin-left:2px}.c2g-mr__group-chevron--open{transform:rotate(-90deg)}.c2g-mr__member-list,.c2g-mr__flat-list{list-style:none;margin:0;padding:0 10px 4px;display:flex;flex-direction:column;gap:2px}.c2g-mr__flat-list{padding:0 10px 14px}.c2g-mr__member{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:8px;transition:background .15s ease}.c2g-mr__member:hover{background:var(--c2g-theme-surface-container, rgba(0, 0, 0, .03))}.c2g-mr__member--self{background:#ff6b350f}.c2g-mr__member--self:hover{background:#ff6b351a}.c2g-mr__avatar-sm{width:28px;height:28px;border-radius:50%;font-size:.65rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.c2g-mr__avatar-sm--success{background:#22c55e1f;color:#22c55e}.c2g-mr__avatar-sm--warning{background:#f59e0b26;color:#f59e0b}.c2g-mr__avatar-sm--danger{background:#ef444426;color:#ef4444}.c2g-mr__avatar-sm--neutral{background:#9ca3af26;color:#9ca3af}.c2g-mr__member-name{font-size:.8rem;font-weight:600;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:4px}.c2g-mr__self-tag{font-size:.6rem;font-weight:800;text-transform:uppercase;padding:1px 5px;border-radius:4px;background:var(--c2g-theme-primary, #ff6b35);color:#fff;flex-shrink:0}.c2g-mr__mini-track{width:52px;height:4px;border-radius:2px;background:var(--c2g-theme-outline-variant, rgba(0, 0, 0, .08));overflow:hidden;flex-shrink:0}.c2g-mr__mini-fill{height:100%;border-radius:2px;transition:width .6s cubic-bezier(.4,0,.2,1)}.c2g-mr__mini-fill--success{background:#22c55e}.c2g-mr__mini-fill--warning{background:#f59e0b}.c2g-mr__mini-fill--danger{background:#ef4444}.c2g-mr__mini-fill--neutral{background:#9ca3af}.c2g-mr__member-pct{font-size:.72rem;font-weight:700;min-width:32px;text-align:right;flex-shrink:0}.c2g-mr__member-pct--success{color:#22c55e}.c2g-mr__member-pct--warning{color:#f59e0b}.c2g-mr__member-pct--danger{color:#ef4444}.c2g-mr__member-pct--neutral{color:#9ca3af}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MemberReadinessWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c2g-member-readiness-widget', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"c2g-mr\">\n\n  <!-- Header -->\n  <div class=\"c2g-mr__header\">\n    <div class=\"c2g-mr__title-col\">\n      <span class=\"c2g-mr__label\">\uD83D\uDC65 Gruppenbereitschaft</span>\n      @if (tourName()) {\n        <span class=\"c2g-mr__tour\">{{ tourName() }}</span>\n      }\n    </div>\n    <div class=\"c2g-mr__summary-pill\">\n      <span class=\"c2g-mr__summary-ready\">{{ fullyReady() }}</span>\n      <span class=\"c2g-mr__summary-sep\">/</span>\n      <span class=\"c2g-mr__summary-total\">{{ members().length }}</span>\n      <span class=\"c2g-mr__summary-unit\">bereit</span>\n    </div>\n  </div>\n\n  <!-- Overall progress bar -->\n  <div class=\"c2g-mr__overall-track\" [attr.aria-valuenow]=\"overallPercent()\" aria-valuemin=\"0\" aria-valuemax=\"100\">\n    <div class=\"c2g-mr__overall-fill\"\n      [style.width.%]=\"overallPercent()\"\n      [class.c2g-mr__overall-fill--success]=\"overallPercent() === 100\">\n    </div>\n    <span class=\"c2g-mr__overall-pct\">{{ overallPercent() }}%</span>\n  </div>\n\n  <!-- GROUPED layout (6+ members) -->\n  @if (useGrouped()) {\n    <div class=\"c2g-mr__groups\">\n      @for (group of groups(); track group.label; let gi = $index) {\n        <div class=\"c2g-mr__group\" [class]=\"'c2g-mr__group--' + group.color\">\n\n          <!-- Group header (clickable to toggle) -->\n          <button class=\"c2g-mr__group-header\" (click)=\"toggleGroup(gi)\" type=\"button\">\n            <span class=\"c2g-mr__group-emoji\">{{ group.emoji }}</span>\n            <span class=\"c2g-mr__group-name\">{{ group.label }}</span>\n            <span class=\"c2g-mr__group-count\">{{ group.members.length }}</span>\n            <!-- Avatar stack preview (max 4) -->\n            <div class=\"c2g-mr__avatar-stack\">\n              @for (m of group.members.slice(0, 4); track m.name) {\n                <span class=\"c2g-mr__avatar-tiny\" [class]=\"'c2g-mr__avatar-tiny--' + group.color\"\n                  [title]=\"m.name\">{{ m.initials }}</span>\n              }\n              @if (group.members.length > 4) {\n                <span class=\"c2g-mr__avatar-tiny c2g-mr__avatar-tiny--more\">+{{ group.members.length - 4 }}</span>\n              }\n            </div>\n            <span class=\"c2g-mr__group-chevron\" [class.c2g-mr__group-chevron--open]=\"!isCollapsed(gi)\">\u203A</span>\n          </button>\n\n          <!-- Member rows (collapsible) -->\n          @if (!isCollapsed(gi)) {\n            <ul class=\"c2g-mr__member-list\">\n              @for (m of group.members; track m.name) {\n                <li class=\"c2g-mr__member\" [class.c2g-mr__member--self]=\"m.isSelf\">\n                  <span class=\"c2g-mr__avatar-sm\" [class]=\"'c2g-mr__avatar-sm--' + group.color\">\n                    {{ m.initials }}\n                  </span>\n                  <span class=\"c2g-mr__member-name\">\n                    {{ m.name }}\n                    @if (m.isSelf) { <span class=\"c2g-mr__self-tag\">Du</span> }\n                  </span>\n                  <div class=\"c2g-mr__mini-track\">\n                    <div class=\"c2g-mr__mini-fill\"\n                      [class]=\"'c2g-mr__mini-fill--' + group.color\"\n                      [style.width.%]=\"readyPercent(m)\">\n                    </div>\n                  </div>\n                  <span class=\"c2g-mr__member-pct\" [class]=\"'c2g-mr__member-pct--' + group.color\">\n                    {{ readyPercent(m) }}%\n                  </span>\n                </li>\n              }\n            </ul>\n          }\n        </div>\n      }\n    </div>\n\n  } @else {\n    <!-- FLAT layout (< 6 members) -->\n    <ul class=\"c2g-mr__flat-list\">\n      @for (m of flatSorted(); track m.name) {\n        <li class=\"c2g-mr__member\" [class.c2g-mr__member--self]=\"m.isSelf\">\n          <span class=\"c2g-mr__avatar-sm\" [class]=\"'c2g-mr__avatar-sm--' + readyColor(m)\">\n            {{ m.initials }}\n          </span>\n          <span class=\"c2g-mr__member-name\">\n            {{ m.name }}\n            @if (m.isSelf) { <span class=\"c2g-mr__self-tag\">Du</span> }\n          </span>\n          <div class=\"c2g-mr__mini-track\">\n            <div class=\"c2g-mr__mini-fill\"\n              [class]=\"'c2g-mr__mini-fill--' + readyColor(m)\"\n              [style.width.%]=\"readyPercent(m)\">\n            </div>\n          </div>\n          <span class=\"c2g-mr__member-pct\" [class]=\"'c2g-mr__member-pct--' + readyColor(m)\">\n            {{ readyPercent(m) }}%\n          </span>\n        </li>\n      }\n    </ul>\n  }\n\n</div>\n", styles: [":host{display:block;font-family:var(--c2g-font-family-base, \"Quicksand\", sans-serif)}.c2g-mr{border-radius:var(--c2g-radius-xl, 20px);background:var(--c2g-theme-surface, var(--c2g-color-surface));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline));box-shadow:var(--c2g-shadow-sm, 0 1px 4px rgba(0, 0, 0, .06));overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.c2g-mr:hover{box-shadow:var(--c2g-shadow-lg, 0 8px 28px rgba(0, 0, 0, .12));transform:translateY(-2px)}.c2g-mr__header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 10px;gap:10px}.c2g-mr__title-col{display:flex;flex-direction:column;gap:2px;min-width:0}.c2g-mr__label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-mr__tour{font-size:.85rem;font-weight:600;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c2g-mr__summary-pill{display:flex;align-items:baseline;gap:3px;background:var(--c2g-theme-surface-container, rgba(0, 0, 0, .04));border-radius:20px;padding:4px 12px;flex-shrink:0}.c2g-mr__summary-ready{font-size:1.1rem;font-weight:900;color:var(--c2g-theme-primary, #ff6b35);line-height:1}.c2g-mr__summary-sep{font-size:.8rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-mr__summary-total{font-size:.9rem;font-weight:700;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary))}.c2g-mr__summary-unit{font-size:.7rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));margin-left:2px}.c2g-mr__overall-track{position:relative;margin:0 18px 12px;height:7px;border-radius:4px;background:var(--c2g-theme-outline-variant, rgba(0, 0, 0, .08));overflow:visible}.c2g-mr__overall-fill{height:100%;border-radius:4px;background:var(--c2g-theme-primary, #ff6b35);transition:width .7s cubic-bezier(.4,0,.2,1)}.c2g-mr__overall-fill--success{background:var(--c2g-theme-success, #22c55e)}.c2g-mr__overall-pct{position:absolute;right:0;top:-18px;font-size:.7rem;font-weight:700;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-mr__groups{display:flex;flex-direction:column;gap:2px;padding:0 10px 12px}.c2g-mr__group{border-radius:12px;overflow:hidden;transition:background .15s ease;background:var(--mr-group-bg)}.c2g-mr__group--success{--mr-accent: #22c55e;--mr-accent-bg: rgba(34, 197, 94, .12);--mr-group-bg: rgba(34, 197, 94, .08)}.c2g-mr__group--warning{--mr-accent: #f59e0b;--mr-accent-bg: rgba(245, 158, 11, .15);--mr-group-bg: rgba(245, 158, 11, .06)}.c2g-mr__group--danger{--mr-accent: #ef4444;--mr-accent-bg: rgba(239, 68, 68, .15);--mr-group-bg: rgba(239, 68, 68, .06)}.c2g-mr__group--neutral{--mr-accent: #9ca3af;--mr-accent-bg: rgba(156, 163, 175, .15);--mr-group-bg: rgba(156, 163, 175, .05)}.c2g-mr__group-header{width:100%;display:flex;align-items:center;gap:6px;padding:8px 10px;background:transparent;border:none;cursor:pointer;text-align:left;border-radius:12px;transition:background .15s ease}.c2g-mr__group-header:hover{background:var(--mr-accent-bg)}.c2g-mr__group-emoji{font-size:1rem;line-height:1;flex-shrink:0}.c2g-mr__group-name{font-size:.8rem;font-weight:700;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));flex:1}.c2g-mr__group-count{font-size:.72rem;font-weight:800;min-width:18px;height:18px;border-radius:9px;background:var(--mr-accent-bg);color:var(--mr-accent);display:flex;align-items:center;justify-content:center;padding:0 5px}.c2g-mr__avatar-stack{display:flex;margin-left:4px}.c2g-mr__avatar-tiny{width:22px;height:22px;border-radius:50%;font-size:.55rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin-left:-6px;border:2px solid var(--c2g-theme-surface, #fff);background:var(--mr-accent-bg);color:var(--mr-accent)}.c2g-mr__avatar-tiny:first-child{margin-left:0}.c2g-mr__avatar-tiny--more{background:var(--c2g-theme-outline-variant, rgba(0, 0, 0, .1));color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));font-size:.5rem}.c2g-mr__group-chevron{font-size:1.1rem;font-weight:700;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));transform:rotate(90deg);transition:transform .2s ease;line-height:1;margin-left:2px}.c2g-mr__group-chevron--open{transform:rotate(-90deg)}.c2g-mr__member-list,.c2g-mr__flat-list{list-style:none;margin:0;padding:0 10px 4px;display:flex;flex-direction:column;gap:2px}.c2g-mr__flat-list{padding:0 10px 14px}.c2g-mr__member{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:8px;transition:background .15s ease}.c2g-mr__member:hover{background:var(--c2g-theme-surface-container, rgba(0, 0, 0, .03))}.c2g-mr__member--self{background:#ff6b350f}.c2g-mr__member--self:hover{background:#ff6b351a}.c2g-mr__avatar-sm{width:28px;height:28px;border-radius:50%;font-size:.65rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.c2g-mr__avatar-sm--success{background:#22c55e1f;color:#22c55e}.c2g-mr__avatar-sm--warning{background:#f59e0b26;color:#f59e0b}.c2g-mr__avatar-sm--danger{background:#ef444426;color:#ef4444}.c2g-mr__avatar-sm--neutral{background:#9ca3af26;color:#9ca3af}.c2g-mr__member-name{font-size:.8rem;font-weight:600;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:4px}.c2g-mr__self-tag{font-size:.6rem;font-weight:800;text-transform:uppercase;padding:1px 5px;border-radius:4px;background:var(--c2g-theme-primary, #ff6b35);color:#fff;flex-shrink:0}.c2g-mr__mini-track{width:52px;height:4px;border-radius:2px;background:var(--c2g-theme-outline-variant, rgba(0, 0, 0, .08));overflow:hidden;flex-shrink:0}.c2g-mr__mini-fill{height:100%;border-radius:2px;transition:width .6s cubic-bezier(.4,0,.2,1)}.c2g-mr__mini-fill--success{background:#22c55e}.c2g-mr__mini-fill--warning{background:#f59e0b}.c2g-mr__mini-fill--danger{background:#ef4444}.c2g-mr__mini-fill--neutral{background:#9ca3af}.c2g-mr__member-pct{font-size:.72rem;font-weight:700;min-width:32px;text-align:right;flex-shrink:0}.c2g-mr__member-pct--success{color:#22c55e}.c2g-mr__member-pct--warning{color:#f59e0b}.c2g-mr__member-pct--danger{color:#ef4444}.c2g-mr__member-pct--neutral{color:#9ca3af}\n"] }]
+        }], propDecorators: { members: [{ type: i0.Input, args: [{ isSignal: true, alias: "members", required: true }] }], tourName: [{ type: i0.Input, args: [{ isSignal: true, alias: "tourName", required: false }] }] } });
+
+class StreakWidgetComponent {
+    data = input.required(...(ngDevMode ? [{ debugName: "data" }] : []));
+    xpPercent = computed(() => {
+        const d = this.data();
+        if (d.nextLevelXp === 0)
+            return 100;
+        return Math.min(100, Math.round((d.experiencePoints / d.nextLevelXp) * 100));
+    }, ...(ngDevMode ? [{ debugName: "xpPercent" }] : []));
+    streakTier = computed(() => {
+        const s = this.data().streakDays;
+        if (s >= 365)
+            return 'legendary';
+        if (s >= 30)
+            return 'hot';
+        if (s >= 7)
+            return 'warm';
+        return 'cold';
+    }, ...(ngDevMode ? [{ debugName: "streakTier" }] : []));
+    streakEmoji = computed(() => {
+        switch (this.streakTier()) {
+            case 'legendary': return '🏆';
+            case 'hot': return '🔥';
+            case 'warm': return '⚡';
+            default: return '🌱';
+        }
+    }, ...(ngDevMode ? [{ debugName: "streakEmoji" }] : []));
+    levelLabel = computed(() => {
+        const lvl = this.data().level;
+        if (lvl >= 50)
+            return 'Legende';
+        if (lvl >= 30)
+            return 'Experte';
+        if (lvl >= 15)
+            return 'Erfahren';
+        if (lvl >= 5)
+            return 'Fortgeschritten';
+        return 'Einsteiger';
+    }, ...(ngDevMode ? [{ debugName: "levelLabel" }] : []));
+    streakLabel = computed(() => {
+        const s = this.data().streakDays;
+        if (s === 0)
+            return 'Noch kein Streak';
+        if (s === 1)
+            return '1 Tag Streak';
+        return `${s} Tage Streak`;
+    }, ...(ngDevMode ? [{ debugName: "streakLabel" }] : []));
+    xpToNext = computed(() => Math.max(0, this.data().nextLevelXp - this.data().experiencePoints), ...(ngDevMode ? [{ debugName: "xpToNext" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: StreakWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: StreakWidgetComponent, isStandalone: true, selector: "c2g-streak-widget", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"c2g-streak\" [class]=\"'c2g-streak--' + streakTier()\">\n\n  <div class=\"c2g-streak__header\">\n    <span class=\"c2g-streak__title\">Abenteurer-Level</span>\n    <span class=\"c2g-streak__level-badge\">Lvl {{ data().level }}</span>\n  </div>\n\n  <div class=\"c2g-streak__hero\">\n    <span class=\"c2g-streak__emoji\">{{ streakEmoji() }}</span>\n    <div class=\"c2g-streak__streak-info\">\n      <span class=\"c2g-streak__streak-count\">{{ data().streakDays }}</span>\n      <span class=\"c2g-streak__streak-unit\">{{ data().streakDays === 1 ? 'Tag' : 'Tage' }}</span>\n    </div>\n  </div>\n\n  <div class=\"c2g-streak__level-row\">\n    <span class=\"c2g-streak__level-label\">{{ levelLabel() }}</span>\n    <span class=\"c2g-streak__xp-label\">{{ data().experiencePoints }} / {{ data().nextLevelXp }} XP</span>\n  </div>\n\n  <div class=\"c2g-streak__xp-track\">\n    <div class=\"c2g-streak__xp-fill\" [style.width.%]=\"xpPercent()\"></div>\n  </div>\n\n  <div class=\"c2g-streak__stats\">\n    @if (data().totalDistanceKm != null) {\n      <div class=\"c2g-streak__stat\">\n        <span class=\"c2g-streak__stat-value\">{{ data().totalDistanceKm }}</span>\n        <span class=\"c2g-streak__stat-label\">km</span>\n      </div>\n    }\n    @if (data().totalNightsCamped != null) {\n      <div class=\"c2g-streak__stat\">\n        <span class=\"c2g-streak__stat-value\">{{ data().totalNightsCamped }}</span>\n        <span class=\"c2g-streak__stat-label\">N\u00E4chte</span>\n      </div>\n    }\n    @if (data().favoriteSeason) {\n      <div class=\"c2g-streak__stat\">\n        <span class=\"c2g-streak__stat-value\">\n          @switch (data().favoriteSeason) {\n            @case ('spring') { \uD83C\uDF38 }\n            @case ('summer') { \u2600\uFE0F }\n            @case ('autumn') { \uD83C\uDF42 }\n            @case ('winter') { \u2744\uFE0F }\n            @default { \uD83C\uDFD5\uFE0F }\n          }\n        </span>\n        <span class=\"c2g-streak__stat-label\">Lieblingszeit</span>\n      </div>\n    }\n  </div>\n\n  @if (xpToNext() > 0) {\n    <div class=\"c2g-streak__next-level\">\n      Noch {{ xpToNext() }} XP bis Level {{ data().level + 1 }}\n    </div>\n  } @else {\n    <div class=\"c2g-streak__next-level c2g-streak__next-level--ready\">\n      Level Up bereit! \uD83C\uDF89\n    </div>\n  }\n\n</div>\n", styles: [":host{display:block;transition:background-color var(--c2g-transition-medium, .25s ease),color var(--c2g-transition-medium, .25s ease)}.c2g-streak{border-radius:var(--c2g-radius-lg, 16px);padding:20px;background:var(--c2g-theme-surface, var(--c2g-color-surface));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline));box-shadow:var(--c2g-shadow-sm, 0 1px 4px rgba(0, 0, 0, .06));font-family:var(--c2g-font-family-base, \"Quicksand\", sans-serif);transition:box-shadow .2s ease;position:relative;overflow:hidden}.c2g-streak:hover{box-shadow:var(--c2g-shadow-md, 0 4px 12px rgba(0, 0, 0, .1))}.c2g-streak:before{content:\"\";position:absolute;top:0;left:0;right:0;height:3px;background:var(--c2g-theme-outline-variant, var(--c2g-color-outline));transition:background .3s ease}.c2g-streak--warm:before{background:#f59e0b}.c2g-streak--hot:before{background:linear-gradient(90deg,#f97316,#ef4444)}.c2g-streak--legendary:before{background:linear-gradient(90deg,#a855f7,#ec4899,#f59e0b)}.c2g-streak__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.c2g-streak__title{font-size:var(--c2g-font-size-sm, .875rem);font-weight:700;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary))}.c2g-streak__level-badge{font-size:.7rem;font-weight:800;padding:2px 8px;border-radius:20px;background:var(--c2g-theme-primary, var(--c2g-color-primary));color:#fff;letter-spacing:.02em}.c2g-streak--hot .c2g-streak__level-badge{background:#f97316}.c2g-streak--legendary .c2g-streak__level-badge{background:linear-gradient(135deg,#a855f7,#ec4899)}.c2g-streak__hero{display:flex;align-items:center;gap:12px;margin-bottom:12px}.c2g-streak__emoji{font-size:2.5rem;line-height:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.15))}.c2g-streak__streak-info{display:flex;align-items:baseline;gap:4px}.c2g-streak__streak-count{font-size:3rem;font-weight:900;line-height:1;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));transition:color .3s ease}.c2g-streak--warm .c2g-streak__streak-count{color:#f59e0b}.c2g-streak--hot .c2g-streak__streak-count{color:#f97316}.c2g-streak--legendary .c2g-streak__streak-count{color:#a855f7}.c2g-streak__streak-unit{font-size:1rem;font-weight:600;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));margin-bottom:4px}.c2g-streak__level-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.c2g-streak__level-label{font-size:.8rem;font-weight:700;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary))}.c2g-streak__xp-label{font-size:.72rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-streak__xp-track{height:8px;border-radius:4px;background:var(--c2g-theme-outline-variant, var(--c2g-color-outline));overflow:hidden;margin-bottom:16px}.c2g-streak__xp-fill{height:100%;border-radius:4px;background:var(--c2g-theme-primary, var(--c2g-color-primary));transition:width .7s cubic-bezier(.4,0,.2,1)}.c2g-streak--warm .c2g-streak__xp-fill{background:#f59e0b}.c2g-streak--hot .c2g-streak__xp-fill{background:linear-gradient(90deg,#f97316,#ef4444)}.c2g-streak--legendary .c2g-streak__xp-fill{background:linear-gradient(90deg,#a855f7,#ec4899)}.c2g-streak__stats{display:flex;gap:0;border-radius:var(--c2g-radius-md, 10px);background:var(--c2g-theme-surface-container, rgba(0, 0, 0, .04));overflow:hidden;margin-bottom:12px}.c2g-streak__stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;border-right:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline))}.c2g-streak__stat:last-child{border-right:none}.c2g-streak__stat-value{font-size:1.1rem;font-weight:800;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));line-height:1}.c2g-streak__stat-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-streak__next-level{font-size:.75rem;font-weight:600;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));text-align:center}.c2g-streak__next-level--ready{color:var(--c2g-theme-success, var(--c2g-color-success));font-weight:700}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: StreakWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c2g-streak-widget', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"c2g-streak\" [class]=\"'c2g-streak--' + streakTier()\">\n\n  <div class=\"c2g-streak__header\">\n    <span class=\"c2g-streak__title\">Abenteurer-Level</span>\n    <span class=\"c2g-streak__level-badge\">Lvl {{ data().level }}</span>\n  </div>\n\n  <div class=\"c2g-streak__hero\">\n    <span class=\"c2g-streak__emoji\">{{ streakEmoji() }}</span>\n    <div class=\"c2g-streak__streak-info\">\n      <span class=\"c2g-streak__streak-count\">{{ data().streakDays }}</span>\n      <span class=\"c2g-streak__streak-unit\">{{ data().streakDays === 1 ? 'Tag' : 'Tage' }}</span>\n    </div>\n  </div>\n\n  <div class=\"c2g-streak__level-row\">\n    <span class=\"c2g-streak__level-label\">{{ levelLabel() }}</span>\n    <span class=\"c2g-streak__xp-label\">{{ data().experiencePoints }} / {{ data().nextLevelXp }} XP</span>\n  </div>\n\n  <div class=\"c2g-streak__xp-track\">\n    <div class=\"c2g-streak__xp-fill\" [style.width.%]=\"xpPercent()\"></div>\n  </div>\n\n  <div class=\"c2g-streak__stats\">\n    @if (data().totalDistanceKm != null) {\n      <div class=\"c2g-streak__stat\">\n        <span class=\"c2g-streak__stat-value\">{{ data().totalDistanceKm }}</span>\n        <span class=\"c2g-streak__stat-label\">km</span>\n      </div>\n    }\n    @if (data().totalNightsCamped != null) {\n      <div class=\"c2g-streak__stat\">\n        <span class=\"c2g-streak__stat-value\">{{ data().totalNightsCamped }}</span>\n        <span class=\"c2g-streak__stat-label\">N\u00E4chte</span>\n      </div>\n    }\n    @if (data().favoriteSeason) {\n      <div class=\"c2g-streak__stat\">\n        <span class=\"c2g-streak__stat-value\">\n          @switch (data().favoriteSeason) {\n            @case ('spring') { \uD83C\uDF38 }\n            @case ('summer') { \u2600\uFE0F }\n            @case ('autumn') { \uD83C\uDF42 }\n            @case ('winter') { \u2744\uFE0F }\n            @default { \uD83C\uDFD5\uFE0F }\n          }\n        </span>\n        <span class=\"c2g-streak__stat-label\">Lieblingszeit</span>\n      </div>\n    }\n  </div>\n\n  @if (xpToNext() > 0) {\n    <div class=\"c2g-streak__next-level\">\n      Noch {{ xpToNext() }} XP bis Level {{ data().level + 1 }}\n    </div>\n  } @else {\n    <div class=\"c2g-streak__next-level c2g-streak__next-level--ready\">\n      Level Up bereit! \uD83C\uDF89\n    </div>\n  }\n\n</div>\n", styles: [":host{display:block;transition:background-color var(--c2g-transition-medium, .25s ease),color var(--c2g-transition-medium, .25s ease)}.c2g-streak{border-radius:var(--c2g-radius-lg, 16px);padding:20px;background:var(--c2g-theme-surface, var(--c2g-color-surface));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline));box-shadow:var(--c2g-shadow-sm, 0 1px 4px rgba(0, 0, 0, .06));font-family:var(--c2g-font-family-base, \"Quicksand\", sans-serif);transition:box-shadow .2s ease;position:relative;overflow:hidden}.c2g-streak:hover{box-shadow:var(--c2g-shadow-md, 0 4px 12px rgba(0, 0, 0, .1))}.c2g-streak:before{content:\"\";position:absolute;top:0;left:0;right:0;height:3px;background:var(--c2g-theme-outline-variant, var(--c2g-color-outline));transition:background .3s ease}.c2g-streak--warm:before{background:#f59e0b}.c2g-streak--hot:before{background:linear-gradient(90deg,#f97316,#ef4444)}.c2g-streak--legendary:before{background:linear-gradient(90deg,#a855f7,#ec4899,#f59e0b)}.c2g-streak__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.c2g-streak__title{font-size:var(--c2g-font-size-sm, .875rem);font-weight:700;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary))}.c2g-streak__level-badge{font-size:.7rem;font-weight:800;padding:2px 8px;border-radius:20px;background:var(--c2g-theme-primary, var(--c2g-color-primary));color:#fff;letter-spacing:.02em}.c2g-streak--hot .c2g-streak__level-badge{background:#f97316}.c2g-streak--legendary .c2g-streak__level-badge{background:linear-gradient(135deg,#a855f7,#ec4899)}.c2g-streak__hero{display:flex;align-items:center;gap:12px;margin-bottom:12px}.c2g-streak__emoji{font-size:2.5rem;line-height:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.15))}.c2g-streak__streak-info{display:flex;align-items:baseline;gap:4px}.c2g-streak__streak-count{font-size:3rem;font-weight:900;line-height:1;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));transition:color .3s ease}.c2g-streak--warm .c2g-streak__streak-count{color:#f59e0b}.c2g-streak--hot .c2g-streak__streak-count{color:#f97316}.c2g-streak--legendary .c2g-streak__streak-count{color:#a855f7}.c2g-streak__streak-unit{font-size:1rem;font-weight:600;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));margin-bottom:4px}.c2g-streak__level-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.c2g-streak__level-label{font-size:.8rem;font-weight:700;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary))}.c2g-streak__xp-label{font-size:.72rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-streak__xp-track{height:8px;border-radius:4px;background:var(--c2g-theme-outline-variant, var(--c2g-color-outline));overflow:hidden;margin-bottom:16px}.c2g-streak__xp-fill{height:100%;border-radius:4px;background:var(--c2g-theme-primary, var(--c2g-color-primary));transition:width .7s cubic-bezier(.4,0,.2,1)}.c2g-streak--warm .c2g-streak__xp-fill{background:#f59e0b}.c2g-streak--hot .c2g-streak__xp-fill{background:linear-gradient(90deg,#f97316,#ef4444)}.c2g-streak--legendary .c2g-streak__xp-fill{background:linear-gradient(90deg,#a855f7,#ec4899)}.c2g-streak__stats{display:flex;gap:0;border-radius:var(--c2g-radius-md, 10px);background:var(--c2g-theme-surface-container, rgba(0, 0, 0, .04));overflow:hidden;margin-bottom:12px}.c2g-streak__stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;border-right:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline))}.c2g-streak__stat:last-child{border-right:none}.c2g-streak__stat-value{font-size:1.1rem;font-weight:800;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));line-height:1}.c2g-streak__stat-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-streak__next-level{font-size:.75rem;font-weight:600;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));text-align:center}.c2g-streak__next-level--ready{color:var(--c2g-theme-success, var(--c2g-color-success));font-weight:700}\n"] }]
+        }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }] } });
+
+class CampingScoreWidgetComponent {
+    data = input.required(...(ngDevMode ? [{ debugName: "data" }] : []));
+    tier = computed(() => {
+        const s = this.data().score;
+        if (s >= 8)
+            return 'great';
+        if (s >= 6)
+            return 'good';
+        if (s >= 4)
+            return 'ok';
+        return 'bad';
+    }, ...(ngDevMode ? [{ debugName: "tier" }] : []));
+    tierLabel = computed(() => {
+        if (this.data().label)
+            return this.data().label;
+        switch (this.tier()) {
+            case 'great': return 'Perfektes Camping-Wetter';
+            case 'good': return 'Gute Bedingungen';
+            case 'ok': return 'Akzeptables Wetter';
+            default: return 'Schwierige Bedingungen';
+        }
+    }, ...(ngDevMode ? [{ debugName: "tierLabel" }] : []));
+    tierEmoji = computed(() => {
+        switch (this.tier()) {
+            case 'great': return '☀️';
+            case 'good': return '⛅';
+            case 'ok': return '🌤';
+            default: return '🌧️';
+        }
+    }, ...(ngDevMode ? [{ debugName: "tierEmoji" }] : []));
+    factors = computed(() => this.data().factors ?? [], ...(ngDevMode ? [{ debugName: "factors" }] : []));
+    factorBarPct(score) {
+        return Math.min(score / 10, 1) * 100;
+    }
+    factorTier(score, inverted = false) {
+        const s = inverted ? 10 - score : score;
+        if (s >= 6.5)
+            return 'good';
+        if (s >= 3.5)
+            return 'mid';
+        return 'bad';
+    }
+    // Count-up animation
+    displayScore = signal('0.0', ...(ngDevMode ? [{ debugName: "displayScore" }] : []));
+    raf = 0;
+    constructor() {
+        effect(() => {
+            const target = this.data().score;
+            cancelAnimationFrame(this.raf);
+            const start = performance.now();
+            const tick = (now) => {
+                const t = Math.min((now - start) / 900, 1);
+                const e = 1 - Math.pow(1 - t, 3);
+                this.displayScore.set((e * target).toFixed(1));
+                if (t < 1)
+                    this.raf = requestAnimationFrame(tick);
+            };
+            this.raf = requestAnimationFrame(tick);
+        });
+    }
+    ngOnDestroy() { cancelAnimationFrame(this.raf); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CampingScoreWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: CampingScoreWidgetComponent, isStandalone: true, selector: "c2g-camping-score-widget", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<article class=\"c2g-cs\" [class]=\"'c2g-cs--' + tier()\">\n\n  <!-- Ambient glow orb behind score -->\n  <div class=\"c2g-cs__glow-orb\" aria-hidden=\"true\"></div>\n\n  <div class=\"c2g-cs__header\">\n    <div class=\"c2g-cs__title-col\">\n      <span class=\"c2g-cs__label\">Camping-Score</span>\n      @if (data().tourName) {\n        <span class=\"c2g-cs__tour\">{{ data().tourName }}</span>\n      }\n    </div>\n    <span class=\"c2g-cs__tier-badge\">\n      {{ tierEmoji() }} {{ tierLabel() }}\n    </span>\n  </div>\n\n  <!-- Score hero -->\n  <div class=\"c2g-cs__score-hero\">\n    <span class=\"c2g-cs__score-value\">{{ displayScore() }}</span>\n    <div class=\"c2g-cs__score-meta\">\n      <span class=\"c2g-cs__score-max\">/10</span>\n      <!-- Progress bar -->\n      <div class=\"c2g-cs__progress-track\">\n        <div class=\"c2g-cs__progress-fill\"\n          [style.width.%]=\"(data().score / 10) * 100\">\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <!-- Factor tiles (optional) -->\n  @if (factors().length > 0) {\n    <div class=\"c2g-cs__factors\">\n      @for (f of factors(); track f.label) {\n        <div class=\"c2g-cs__factor\"\n          [class]=\"'c2g-cs__factor--' + factorTier(f.score, f.inverted)\"\n          [class.c2g-cs__factor--inverted]=\"f.inverted\">\n          <span class=\"c2g-cs__factor-direction\">{{ f.inverted ? '\u2193' : '\u2191' }}</span>\n          <span class=\"c2g-cs__factor-icon\">{{ f.icon }}</span>\n          <span class=\"c2g-cs__factor-label\">{{ f.label }}</span>\n          <div class=\"c2g-cs__factor-bar-track\">\n            <div class=\"c2g-cs__factor-bar-fill\"\n              [style.width.%]=\"factorBarPct(f.score)\">\n            </div>\n          </div>\n          <span class=\"c2g-cs__factor-score\">{{ f.score.toFixed(0) }}</span>\n        </div>\n      }\n    </div>\n  }\n\n  <!-- Highlights -->\n  @if (data().highlights?.length) {\n    <ul class=\"c2g-cs__highlights\">\n      @for (h of data().highlights!.slice(0, 3); track h) {\n        <li class=\"c2g-cs__highlight\">\n          <span class=\"c2g-cs__highlight-dot\"></span>\n          {{ h }}\n        </li>\n      }\n    </ul>\n  }\n\n  <!-- Warnings -->\n  @if (data().warnings?.length) {\n    <div class=\"c2g-cs__warnings\">\n      @for (w of data().warnings!.slice(0, 2); track w) {\n        <div class=\"c2g-cs__warning\">\u26A0\uFE0F {{ w }}</div>\n      }\n    </div>\n  }\n\n</article>\n", styles: [":host{display:block}.c2g-cs{background:color-mix(in srgb,var(--cs-color, #94a3b8) 6%,var(--c2g-theme-surface, var(--c2g-color-surface)));border:1.5px solid color-mix(in srgb,var(--cs-color, #94a3b8) 35%,transparent);border-radius:var(--c2g-radius-xl, 20px);padding:1.25rem 1.5rem 1.125rem;display:flex;flex-direction:column;gap:.875rem;position:relative;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.c2g-cs:hover{transform:translateY(-2px);box-shadow:0 8px 32px var(--cs-glow, rgba(0, 0, 0, .12))}.c2g-cs--great{--cs-color: #22c55e;--cs-glow: rgba(34,197,94,.35);--cs-glow-soft: rgba(34,197,94,.1)}.c2g-cs--good{--cs-color: #84cc16;--cs-glow: rgba(132,204,22,.3);--cs-glow-soft: rgba(132,204,22,.08)}.c2g-cs--ok{--cs-color: #f59e0b;--cs-glow: rgba(245,158,11,.3);--cs-glow-soft: rgba(245,158,11,.08)}.c2g-cs--bad{--cs-color: #ef4444;--cs-glow: rgba(239,68,68,.3);--cs-glow-soft: rgba(239,68,68,.08)}.c2g-cs__glow-orb{position:absolute;top:-40px;right:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,var(--cs-glow-soft, transparent) 0%,transparent 70%);pointer-events:none}.c2g-cs__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.c2g-cs__title-col{display:flex;flex-direction:column;gap:2px}.c2g-cs__label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-secondary))}.c2g-cs__tour{font-size:.8125rem;font-weight:600;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c2g-cs__tier-badge{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:700;color:var(--cs-color);background:color-mix(in srgb,var(--cs-color) 12%,transparent);border:1px solid color-mix(in srgb,var(--cs-color) 28%,transparent);border-radius:20px;padding:3px 10px;white-space:nowrap;flex-shrink:0}.c2g-cs__score-hero{display:flex;align-items:center;gap:1rem}.c2g-cs__score-value{font-size:4rem;font-weight:900;line-height:1;letter-spacing:-.04em;color:var(--cs-color);font-variant-numeric:tabular-nums;text-shadow:0 0 40px var(--cs-glow, transparent);flex-shrink:0}.c2g-cs__score-meta{flex:1;display:flex;flex-direction:column;gap:6px}.c2g-cs__score-max{font-size:1rem;font-weight:700;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));line-height:1}.c2g-cs__progress-track{height:8px;background:var(--c2g-theme-surface-container, rgba(0, 0, 0, .07));border-radius:4px;overflow:hidden}.c2g-cs__progress-fill{height:100%;background:var(--cs-color);border-radius:4px;transition:width .9s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px var(--cs-glow, transparent)}.c2g-cs__factors{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.c2g-cs__factor{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px 7px;border-radius:12px;border:1px solid color-mix(in srgb,var(--ft-color) 30%,transparent);background:color-mix(in srgb,var(--ft-color) 8%,var(--c2g-theme-surface, var(--c2g-color-surface)));text-align:center;position:relative;--ft-color: #94a3b8}.c2g-cs__factor--good{--ft-color: #22c55e}.c2g-cs__factor--mid{--ft-color: #f59e0b}.c2g-cs__factor--bad{--ft-color: #ef4444}.c2g-cs__factor-direction{position:absolute;top:5px;right:6px;font-size:.6rem;font-weight:900;line-height:1;color:var(--ft-color);opacity:.75}.c2g-cs__factor-icon{font-size:1.2rem;line-height:1}.c2g-cs__factor-label{font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-cs__factor-bar-track{width:100%;height:4px;background:var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));border-radius:2px;overflow:hidden}.c2g-cs__factor-bar-fill{height:100%;background:var(--ft-color);border-radius:2px;transition:width .8s cubic-bezier(.4,0,.2,1)}.c2g-cs__factor-score{font-size:.8rem;font-weight:900;color:var(--ft-color);line-height:1}.c2g-cs__highlights{list-style:none;margin:0;padding:.625rem 0 0;border-top:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));display:flex;flex-direction:column;gap:.375rem}.c2g-cs__highlight{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary))}.c2g-cs__highlight-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:var(--cs-color);box-shadow:0 0 6px var(--cs-glow, transparent)}.c2g-cs__warnings{display:flex;flex-direction:column;gap:.375rem}.c2g-cs__warning{font-size:.75rem;font-weight:600;color:#f59e0b;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:8px;padding:.3rem .625rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CampingScoreWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c2g-camping-score-widget', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<article class=\"c2g-cs\" [class]=\"'c2g-cs--' + tier()\">\n\n  <!-- Ambient glow orb behind score -->\n  <div class=\"c2g-cs__glow-orb\" aria-hidden=\"true\"></div>\n\n  <div class=\"c2g-cs__header\">\n    <div class=\"c2g-cs__title-col\">\n      <span class=\"c2g-cs__label\">Camping-Score</span>\n      @if (data().tourName) {\n        <span class=\"c2g-cs__tour\">{{ data().tourName }}</span>\n      }\n    </div>\n    <span class=\"c2g-cs__tier-badge\">\n      {{ tierEmoji() }} {{ tierLabel() }}\n    </span>\n  </div>\n\n  <!-- Score hero -->\n  <div class=\"c2g-cs__score-hero\">\n    <span class=\"c2g-cs__score-value\">{{ displayScore() }}</span>\n    <div class=\"c2g-cs__score-meta\">\n      <span class=\"c2g-cs__score-max\">/10</span>\n      <!-- Progress bar -->\n      <div class=\"c2g-cs__progress-track\">\n        <div class=\"c2g-cs__progress-fill\"\n          [style.width.%]=\"(data().score / 10) * 100\">\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <!-- Factor tiles (optional) -->\n  @if (factors().length > 0) {\n    <div class=\"c2g-cs__factors\">\n      @for (f of factors(); track f.label) {\n        <div class=\"c2g-cs__factor\"\n          [class]=\"'c2g-cs__factor--' + factorTier(f.score, f.inverted)\"\n          [class.c2g-cs__factor--inverted]=\"f.inverted\">\n          <span class=\"c2g-cs__factor-direction\">{{ f.inverted ? '\u2193' : '\u2191' }}</span>\n          <span class=\"c2g-cs__factor-icon\">{{ f.icon }}</span>\n          <span class=\"c2g-cs__factor-label\">{{ f.label }}</span>\n          <div class=\"c2g-cs__factor-bar-track\">\n            <div class=\"c2g-cs__factor-bar-fill\"\n              [style.width.%]=\"factorBarPct(f.score)\">\n            </div>\n          </div>\n          <span class=\"c2g-cs__factor-score\">{{ f.score.toFixed(0) }}</span>\n        </div>\n      }\n    </div>\n  }\n\n  <!-- Highlights -->\n  @if (data().highlights?.length) {\n    <ul class=\"c2g-cs__highlights\">\n      @for (h of data().highlights!.slice(0, 3); track h) {\n        <li class=\"c2g-cs__highlight\">\n          <span class=\"c2g-cs__highlight-dot\"></span>\n          {{ h }}\n        </li>\n      }\n    </ul>\n  }\n\n  <!-- Warnings -->\n  @if (data().warnings?.length) {\n    <div class=\"c2g-cs__warnings\">\n      @for (w of data().warnings!.slice(0, 2); track w) {\n        <div class=\"c2g-cs__warning\">\u26A0\uFE0F {{ w }}</div>\n      }\n    </div>\n  }\n\n</article>\n", styles: [":host{display:block}.c2g-cs{background:color-mix(in srgb,var(--cs-color, #94a3b8) 6%,var(--c2g-theme-surface, var(--c2g-color-surface)));border:1.5px solid color-mix(in srgb,var(--cs-color, #94a3b8) 35%,transparent);border-radius:var(--c2g-radius-xl, 20px);padding:1.25rem 1.5rem 1.125rem;display:flex;flex-direction:column;gap:.875rem;position:relative;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.c2g-cs:hover{transform:translateY(-2px);box-shadow:0 8px 32px var(--cs-glow, rgba(0, 0, 0, .12))}.c2g-cs--great{--cs-color: #22c55e;--cs-glow: rgba(34,197,94,.35);--cs-glow-soft: rgba(34,197,94,.1)}.c2g-cs--good{--cs-color: #84cc16;--cs-glow: rgba(132,204,22,.3);--cs-glow-soft: rgba(132,204,22,.08)}.c2g-cs--ok{--cs-color: #f59e0b;--cs-glow: rgba(245,158,11,.3);--cs-glow-soft: rgba(245,158,11,.08)}.c2g-cs--bad{--cs-color: #ef4444;--cs-glow: rgba(239,68,68,.3);--cs-glow-soft: rgba(239,68,68,.08)}.c2g-cs__glow-orb{position:absolute;top:-40px;right:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,var(--cs-glow-soft, transparent) 0%,transparent 70%);pointer-events:none}.c2g-cs__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.c2g-cs__title-col{display:flex;flex-direction:column;gap:2px}.c2g-cs__label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-secondary))}.c2g-cs__tour{font-size:.8125rem;font-weight:600;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c2g-cs__tier-badge{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:700;color:var(--cs-color);background:color-mix(in srgb,var(--cs-color) 12%,transparent);border:1px solid color-mix(in srgb,var(--cs-color) 28%,transparent);border-radius:20px;padding:3px 10px;white-space:nowrap;flex-shrink:0}.c2g-cs__score-hero{display:flex;align-items:center;gap:1rem}.c2g-cs__score-value{font-size:4rem;font-weight:900;line-height:1;letter-spacing:-.04em;color:var(--cs-color);font-variant-numeric:tabular-nums;text-shadow:0 0 40px var(--cs-glow, transparent);flex-shrink:0}.c2g-cs__score-meta{flex:1;display:flex;flex-direction:column;gap:6px}.c2g-cs__score-max{font-size:1rem;font-weight:700;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));line-height:1}.c2g-cs__progress-track{height:8px;background:var(--c2g-theme-surface-container, rgba(0, 0, 0, .07));border-radius:4px;overflow:hidden}.c2g-cs__progress-fill{height:100%;background:var(--cs-color);border-radius:4px;transition:width .9s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px var(--cs-glow, transparent)}.c2g-cs__factors{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.c2g-cs__factor{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px 7px;border-radius:12px;border:1px solid color-mix(in srgb,var(--ft-color) 30%,transparent);background:color-mix(in srgb,var(--ft-color) 8%,var(--c2g-theme-surface, var(--c2g-color-surface)));text-align:center;position:relative;--ft-color: #94a3b8}.c2g-cs__factor--good{--ft-color: #22c55e}.c2g-cs__factor--mid{--ft-color: #f59e0b}.c2g-cs__factor--bad{--ft-color: #ef4444}.c2g-cs__factor-direction{position:absolute;top:5px;right:6px;font-size:.6rem;font-weight:900;line-height:1;color:var(--ft-color);opacity:.75}.c2g-cs__factor-icon{font-size:1.2rem;line-height:1}.c2g-cs__factor-label{font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-cs__factor-bar-track{width:100%;height:4px;background:var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));border-radius:2px;overflow:hidden}.c2g-cs__factor-bar-fill{height:100%;background:var(--ft-color);border-radius:2px;transition:width .8s cubic-bezier(.4,0,.2,1)}.c2g-cs__factor-score{font-size:.8rem;font-weight:900;color:var(--ft-color);line-height:1}.c2g-cs__highlights{list-style:none;margin:0;padding:.625rem 0 0;border-top:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));display:flex;flex-direction:column;gap:.375rem}.c2g-cs__highlight{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary))}.c2g-cs__highlight-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:var(--cs-color);box-shadow:0 0 6px var(--cs-glow, transparent)}.c2g-cs__warnings{display:flex;flex-direction:column;gap:.375rem}.c2g-cs__warning{font-size:.75rem;font-weight:600;color:#f59e0b;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:8px;padding:.3rem .625rem}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }] } });
+
+class RainVisualizationWidgetComponent {
+    data = input.required(...(ngDevMode ? [{ debugName: "data" }] : []));
+    enriched = computed(() => {
+        const raw = this.data().days.slice(0, 7);
+        const maxPrecip = Math.max(...raw.map(d => d.precipitation), 5);
+        return raw.map(d => {
+            const prob = d.precipitationProbability;
+            const level = prob < 0.2 ? 'none' :
+                prob < 0.5 ? 'light' :
+                    prob < 0.75 ? 'moderate' : 'heavy';
+            return {
+                ...d,
+                dayLabel: new Date(d.date).toLocaleDateString('de-DE', { weekday: 'short', day: 'numeric' }),
+                probPct: Math.round(prob * 100),
+                barPct: Math.round((d.precipitation / maxPrecip) * 100),
+                level,
+                icon: d.icon ?? (level === 'none' ? '☀️' : level === 'light' ? '🌦' : level === 'moderate' ? '🌧' : '⛈'),
+            };
+        });
+    }, ...(ngDevMode ? [{ debugName: "enriched" }] : []));
+    overallRisk = computed(() => {
+        const days = this.enriched();
+        const avg = days.reduce((s, d) => s + d.precipitationProbability, 0) / (days.length || 1);
+        return avg >= 0.6 ? 'high' : avg >= 0.3 ? 'medium' : 'low';
+    }, ...(ngDevMode ? [{ debugName: "overallRisk" }] : []));
+    riskLabel = computed(() => {
+        const days = this.enriched();
+        const rainyDays = days.filter(d => d.precipitationProbability >= 0.4).length;
+        const totalMm = days.reduce((s, d) => s + d.precipitation, 0);
+        if (this.overallRisk() === 'high')
+            return `${rainyDays} Regentage · ${totalMm.toFixed(0)} mm gesamt`;
+        if (this.overallRisk() === 'medium')
+            return `${rainyDays} Schauertag${rainyDays !== 1 ? 'e' : ''} möglich`;
+        return 'Kaum Niederschlag erwartet';
+    }, ...(ngDevMode ? [{ debugName: "riskLabel" }] : []));
+    summaryIcon = computed(() => {
+        switch (this.overallRisk()) {
+            case 'high': return '⛈';
+            case 'medium': return '🌦';
+            default: return '☀️';
+        }
+    }, ...(ngDevMode ? [{ debugName: "summaryIcon" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: RainVisualizationWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: RainVisualizationWidgetComponent, isStandalone: true, selector: "c2g-rain-visualization-widget", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<article class=\"c2g-rain\" [class]=\"'c2g-rain--' + overallRisk()\">\n\n  <header class=\"c2g-rain__header\">\n    <div class=\"c2g-rain__title-col\">\n      <span class=\"c2g-rain__label\">\uD83C\uDF27 Niederschlag</span>\n      @if (data().tourName) {\n        <span class=\"c2g-rain__tour\">{{ data().tourName }}</span>\n      }\n    </div>\n    <div class=\"c2g-rain__summary\">\n      <span class=\"c2g-rain__summary-icon\">{{ summaryIcon() }}</span>\n      <span class=\"c2g-rain__summary-text\">{{ riskLabel() }}</span>\n    </div>\n  </header>\n\n  <!-- Bar chart grid -->\n  <div class=\"c2g-rain__grid\" aria-label=\"Niederschlagsvorhersage\" role=\"list\">\n    @for (day of enriched(); track day.date) {\n      <div class=\"c2g-rain__day c2g-rain__day--{{ day.level }}\" role=\"listitem\">\n\n        <!-- Weather icon -->\n        <span class=\"c2g-rain__day-icon\">{{ day.icon }}</span>\n\n        <!-- Probability badge -->\n        <span class=\"c2g-rain__prob c2g-rain__prob--{{ day.level }}\">\n          {{ day.probPct }}%\n        </span>\n\n        <!-- Bar (precipitation mm) -->\n        <div class=\"c2g-rain__bar-wrap\" [title]=\"day.precipitation + ' mm'\">\n          <div\n            class=\"c2g-rain__bar c2g-rain__bar--{{ day.level }}\"\n            [style.height.%]=\"day.barPct\"\n          ></div>\n        </div>\n\n        @if (day.precipitation > 0) {\n          <span class=\"c2g-rain__mm\">{{ day.precipitation.toFixed(1) }}<small>mm</small></span>\n        } @else {\n          <span class=\"c2g-rain__mm c2g-rain__mm--dry\">\u2013</span>\n        }\n\n        <!-- Day label -->\n        <span class=\"c2g-rain__date\">{{ day.dayLabel }}</span>\n      </div>\n    }\n  </div>\n\n</article>\n", styles: [":host{display:block}.c2g-rain{background:var(--c2g-theme-surface, var(--c2g-color-surface));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));border-radius:var(--c2g-radius-xl, 20px);padding:1.25rem 1.5rem 1rem;display:flex;flex-direction:column;gap:1rem;position:relative;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.c2g-rain:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000003d}.c2g-rain--low{--rain-color: #60a5fa;--rain-glow: rgba(96,165,250,.25)}.c2g-rain--medium{--rain-color: #3b82f6;--rain-glow: rgba(59,130,246,.3)}.c2g-rain--high{--rain-color: #1d4ed8;--rain-glow: rgba(29,78,216,.35)}.c2g-rain:before{content:\"\";position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(59,130,246,.06) 0%,transparent 70%);pointer-events:none}.c2g-rain__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.c2g-rain__title-col{display:flex;flex-direction:column;gap:.125rem}.c2g-rain__label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-secondary))}.c2g-rain__tour{font-size:.8125rem;font-weight:600;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c2g-rain__summary{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem}.c2g-rain__summary-icon{font-size:1.5rem;line-height:1}.c2g-rain__summary-text{font-size:.6875rem;font-weight:600;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));text-align:right;max-width:140px}.c2g-rain__grid{display:flex;gap:.375rem;align-items:flex-end}.c2g-rain__day{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem}.c2g-rain__day-icon{font-size:1.125rem;line-height:1}.c2g-rain__prob{font-size:.6875rem;font-weight:800;font-variant-numeric:tabular-nums;border-radius:6px;padding:.1rem .3rem}.c2g-rain__prob--none{color:#ffffff4d;background:#ffffff0a}.c2g-rain__prob--light{color:#93c5fd;background:#93c5fd1f}.c2g-rain__prob--moderate{color:#60a5fa;background:#60a5fa26}.c2g-rain__prob--heavy{color:#3b82f6;background:#3b82f633;box-shadow:0 0 8px #3b82f64d}.c2g-rain__bar-wrap{width:100%;height:72px;display:flex;align-items:flex-end;background:var(--c2g-theme-surface-container-low, var(--c2g-color-bg-base));border-radius:6px 6px 4px 4px;overflow:hidden}.c2g-rain__bar{width:100%;min-height:3px;border-radius:4px 4px 0 0;transition:height .7s cubic-bezier(.4,0,.2,1)}.c2g-rain__bar--none{background:#ffffff14}.c2g-rain__bar--light{background:linear-gradient(180deg,#93c5fd,#bfdbfe)}.c2g-rain__bar--moderate{background:linear-gradient(180deg,#3b82f6,#60a5fa)}.c2g-rain__bar--heavy{background:linear-gradient(180deg,#1d4ed8,#3b82f6);box-shadow:0 0 12px #3b82f666}.c2g-rain__mm{font-size:.6875rem;font-weight:700;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));font-variant-numeric:tabular-nums;text-align:center}.c2g-rain__mm small{font-size:.5625rem;font-weight:600;opacity:.6;margin-left:1px}.c2g-rain__mm--dry{color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-rain__date{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));white-space:nowrap;text-align:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: RainVisualizationWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c2g-rain-visualization-widget', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<article class=\"c2g-rain\" [class]=\"'c2g-rain--' + overallRisk()\">\n\n  <header class=\"c2g-rain__header\">\n    <div class=\"c2g-rain__title-col\">\n      <span class=\"c2g-rain__label\">\uD83C\uDF27 Niederschlag</span>\n      @if (data().tourName) {\n        <span class=\"c2g-rain__tour\">{{ data().tourName }}</span>\n      }\n    </div>\n    <div class=\"c2g-rain__summary\">\n      <span class=\"c2g-rain__summary-icon\">{{ summaryIcon() }}</span>\n      <span class=\"c2g-rain__summary-text\">{{ riskLabel() }}</span>\n    </div>\n  </header>\n\n  <!-- Bar chart grid -->\n  <div class=\"c2g-rain__grid\" aria-label=\"Niederschlagsvorhersage\" role=\"list\">\n    @for (day of enriched(); track day.date) {\n      <div class=\"c2g-rain__day c2g-rain__day--{{ day.level }}\" role=\"listitem\">\n\n        <!-- Weather icon -->\n        <span class=\"c2g-rain__day-icon\">{{ day.icon }}</span>\n\n        <!-- Probability badge -->\n        <span class=\"c2g-rain__prob c2g-rain__prob--{{ day.level }}\">\n          {{ day.probPct }}%\n        </span>\n\n        <!-- Bar (precipitation mm) -->\n        <div class=\"c2g-rain__bar-wrap\" [title]=\"day.precipitation + ' mm'\">\n          <div\n            class=\"c2g-rain__bar c2g-rain__bar--{{ day.level }}\"\n            [style.height.%]=\"day.barPct\"\n          ></div>\n        </div>\n\n        @if (day.precipitation > 0) {\n          <span class=\"c2g-rain__mm\">{{ day.precipitation.toFixed(1) }}<small>mm</small></span>\n        } @else {\n          <span class=\"c2g-rain__mm c2g-rain__mm--dry\">\u2013</span>\n        }\n\n        <!-- Day label -->\n        <span class=\"c2g-rain__date\">{{ day.dayLabel }}</span>\n      </div>\n    }\n  </div>\n\n</article>\n", styles: [":host{display:block}.c2g-rain{background:var(--c2g-theme-surface, var(--c2g-color-surface));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));border-radius:var(--c2g-radius-xl, 20px);padding:1.25rem 1.5rem 1rem;display:flex;flex-direction:column;gap:1rem;position:relative;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.c2g-rain:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000003d}.c2g-rain--low{--rain-color: #60a5fa;--rain-glow: rgba(96,165,250,.25)}.c2g-rain--medium{--rain-color: #3b82f6;--rain-glow: rgba(59,130,246,.3)}.c2g-rain--high{--rain-color: #1d4ed8;--rain-glow: rgba(29,78,216,.35)}.c2g-rain:before{content:\"\";position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(59,130,246,.06) 0%,transparent 70%);pointer-events:none}.c2g-rain__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.c2g-rain__title-col{display:flex;flex-direction:column;gap:.125rem}.c2g-rain__label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-secondary))}.c2g-rain__tour{font-size:.8125rem;font-weight:600;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c2g-rain__summary{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem}.c2g-rain__summary-icon{font-size:1.5rem;line-height:1}.c2g-rain__summary-text{font-size:.6875rem;font-weight:600;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));text-align:right;max-width:140px}.c2g-rain__grid{display:flex;gap:.375rem;align-items:flex-end}.c2g-rain__day{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem}.c2g-rain__day-icon{font-size:1.125rem;line-height:1}.c2g-rain__prob{font-size:.6875rem;font-weight:800;font-variant-numeric:tabular-nums;border-radius:6px;padding:.1rem .3rem}.c2g-rain__prob--none{color:#ffffff4d;background:#ffffff0a}.c2g-rain__prob--light{color:#93c5fd;background:#93c5fd1f}.c2g-rain__prob--moderate{color:#60a5fa;background:#60a5fa26}.c2g-rain__prob--heavy{color:#3b82f6;background:#3b82f633;box-shadow:0 0 8px #3b82f64d}.c2g-rain__bar-wrap{width:100%;height:72px;display:flex;align-items:flex-end;background:var(--c2g-theme-surface-container-low, var(--c2g-color-bg-base));border-radius:6px 6px 4px 4px;overflow:hidden}.c2g-rain__bar{width:100%;min-height:3px;border-radius:4px 4px 0 0;transition:height .7s cubic-bezier(.4,0,.2,1)}.c2g-rain__bar--none{background:#ffffff14}.c2g-rain__bar--light{background:linear-gradient(180deg,#93c5fd,#bfdbfe)}.c2g-rain__bar--moderate{background:linear-gradient(180deg,#3b82f6,#60a5fa)}.c2g-rain__bar--heavy{background:linear-gradient(180deg,#1d4ed8,#3b82f6);box-shadow:0 0 12px #3b82f666}.c2g-rain__mm{font-size:.6875rem;font-weight:700;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));font-variant-numeric:tabular-nums;text-align:center}.c2g-rain__mm small{font-size:.5625rem;font-weight:600;opacity:.6;margin-left:1px}.c2g-rain__mm--dry{color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-rain__date{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));white-space:nowrap;text-align:center}\n"] }]
+        }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }] } });
+
+const TYPE_CONFIG$1 = {
+    adult: { emoji: '🧑', label: 'Erwachsene', color: '#ff6b35' },
+    senior: { emoji: '👴', label: 'Senioren', color: '#a855f7' },
+    teen: { emoji: '🧒', label: 'Jugendliche', color: '#f59e0b' },
+    child: { emoji: '👧', label: 'Kinder', color: '#84cc16' },
+    toddler: { emoji: '👶', label: 'Kleinkinder', color: '#06b6d4' },
+    dog: { emoji: '🐕', label: 'Hunde', color: '#f97316' },
+    cat: { emoji: '🐈', label: 'Katzen', color: '#ec4899' },
+    pet: { emoji: '🐾', label: 'Haustiere', color: '#6b7280' },
+};
+const TYPE_ORDER = ['adult', 'senior', 'teen', 'child', 'toddler', 'dog', 'cat', 'pet'];
+class GroupCompositionWidgetComponent {
+    data = input.required(...(ngDevMode ? [{ debugName: "data" }] : []));
+    sorted = computed(() => [...this.data().members]
+        .filter(m => m.count > 0)
+        .sort((a, b) => TYPE_ORDER.indexOf(a.type) - TYPE_ORDER.indexOf(b.type)), ...(ngDevMode ? [{ debugName: "sorted" }] : []));
+    totalPeople = computed(() => this.data().members
+        .filter(m => ['adult', 'teen', 'child', 'toddler', 'senior'].includes(m.type))
+        .reduce((s, m) => s + m.count, 0), ...(ngDevMode ? [{ debugName: "totalPeople" }] : []));
+    totalPets = computed(() => this.data().members
+        .filter(m => ['dog', 'cat', 'pet'].includes(m.type))
+        .reduce((s, m) => s + m.count, 0), ...(ngDevMode ? [{ debugName: "totalPets" }] : []));
+    maxCount = computed(() => Math.max(...this.data().members.map(m => m.count), 1), ...(ngDevMode ? [{ debugName: "maxCount" }] : []));
+    // Avatar cluster: up to 12 individual icons for the visual summary strip
+    avatars = computed(() => {
+        const result = [];
+        for (const entry of this.sorted()) {
+            const cfg = TYPE_CONFIG$1[entry.type];
+            const n = Math.min(entry.count, 6);
+            for (let i = 0; i < n; i++) {
+                result.push({ emoji: cfg.emoji, color: cfg.color, key: `${entry.type}-${i}` });
+            }
+        }
+        return result.slice(0, 14);
+    }, ...(ngDevMode ? [{ debugName: "avatars" }] : []));
+    configFor(type) {
+        return TYPE_CONFIG$1[type];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: GroupCompositionWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: GroupCompositionWidgetComponent, isStandalone: true, selector: "c2g-group-composition-widget", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"c2g-gc\">\n\n  <div class=\"c2g-gc__header\">\n    <div class=\"c2g-gc__title-col\">\n      <span class=\"c2g-gc__label\">Gruppenkomposition</span>\n      @if (data().groupName) {\n        <span class=\"c2g-gc__name\">{{ data().groupName }}</span>\n      }\n    </div>\n    <div class=\"c2g-gc__summary-pills\">\n      <span class=\"c2g-gc__pill\">\n        <span class=\"c2g-gc__pill-num\">{{ totalPeople() }}</span>\n        <span class=\"c2g-gc__pill-sub\">Personen</span>\n      </span>\n      @if (totalPets() > 0) {\n        <span class=\"c2g-gc__pill c2g-gc__pill--pets\">\n          <span class=\"c2g-gc__pill-num\">{{ totalPets() }}</span>\n          <span class=\"c2g-gc__pill-sub\">Tiere</span>\n        </span>\n      }\n    </div>\n  </div>\n\n  <!-- Avatar cluster strip -->\n  <div class=\"c2g-gc__avatars\">\n    @for (a of avatars(); track a.key) {\n      <span class=\"c2g-gc__avatar\" [style.--av-color]=\"a.color\">{{ a.emoji }}</span>\n    }\n    @if (totalPeople() + totalPets() > avatars().length) {\n      <span class=\"c2g-gc__avatar-more\">+{{ totalPeople() + totalPets() - avatars().length }}</span>\n    }\n  </div>\n\n  <!-- Bar chart breakdown -->\n  <div class=\"c2g-gc__bars\">\n    @for (entry of sorted(); track entry.type) {\n      <div class=\"c2g-gc__bar-row\">\n        <span class=\"c2g-gc__bar-emoji\">{{ configFor(entry.type).emoji }}</span>\n        <span class=\"c2g-gc__bar-label\">{{ configFor(entry.type).label }}</span>\n        <div class=\"c2g-gc__bar-track\">\n          <div class=\"c2g-gc__bar-fill\"\n            [style.width.%]=\"(entry.count / maxCount()) * 100\"\n            [style.background]=\"configFor(entry.type).color\">\n          </div>\n        </div>\n        <span class=\"c2g-gc__bar-count\" [style.color]=\"configFor(entry.type).color\">\n          {{ entry.count }}\n        </span>\n        @if (entry.names?.length) {\n          <span class=\"c2g-gc__bar-names\">{{ entry.names!.join(', ') }}</span>\n        }\n      </div>\n    }\n  </div>\n\n</div>\n", styles: [":host{display:block;font-family:var(--c2g-font-family-base, \"Quicksand\", sans-serif)}.c2g-gc{border-radius:var(--c2g-radius-xl, 20px);background:var(--c2g-theme-surface, var(--c2g-color-surface));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));padding:18px 20px 16px;display:flex;flex-direction:column;gap:14px;transition:box-shadow .2s ease,transform .2s ease}.c2g-gc:hover{box-shadow:0 8px 28px #0000001c;transform:translateY(-2px)}.c2g-gc__header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.c2g-gc__title-col{display:flex;flex-direction:column;gap:2px}.c2g-gc__label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-gc__name{font-size:.9rem;font-weight:700;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary))}.c2g-gc__summary-pills{display:flex;gap:6px;align-items:center}.c2g-gc__pill{display:flex;flex-direction:column;align-items:center;background:var(--c2g-theme-surface-container, rgba(0, 0, 0, .04));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));border-radius:10px;padding:4px 10px;min-width:44px}.c2g-gc__pill--pets{background:#f9731614;border-color:#f9731633}.c2g-gc__pill-num{font-size:1.1rem;font-weight:900;line-height:1;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary))}.c2g-gc__pill-sub{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-gc__avatars{display:flex;flex-wrap:wrap;gap:0;padding:10px 12px;background:var(--c2g-theme-surface-container, rgba(0, 0, 0, .025));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));border-radius:var(--c2g-radius-lg, 14px);min-height:48px;align-items:center}.c2g-gc__avatar{font-size:1.5rem;line-height:1;display:inline-block;margin-right:-4px;filter:drop-shadow(0 1px 3px color-mix(in srgb,var(--av-color, #000) 40%,transparent));transition:transform .15s ease,z-index 0ms;cursor:default;position:relative;z-index:1}.c2g-gc__avatar:hover{transform:translateY(-4px) scale(1.2);z-index:10}.c2g-gc__avatar-more{font-size:.75rem;font-weight:800;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));background:var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));border-radius:20px;padding:2px 7px;margin-left:6px}.c2g-gc__bars{display:flex;flex-direction:column;gap:6px}.c2g-gc__bar-row{display:grid;grid-template-columns:20px 90px 1fr 24px;grid-template-rows:auto auto;column-gap:8px;align-items:center}.c2g-gc__bar-emoji{font-size:1rem;line-height:1;grid-column:1;grid-row:1;text-align:center}.c2g-gc__bar-label{font-size:.78rem;font-weight:600;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));grid-column:2;grid-row:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c2g-gc__bar-track{grid-column:3;grid-row:1;height:8px;background:var(--c2g-theme-surface-container, rgba(0, 0, 0, .06));border-radius:4px;overflow:hidden}.c2g-gc__bar-fill{height:100%;border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1);opacity:.85}.c2g-gc__bar-count{grid-column:4;grid-row:1;font-size:.85rem;font-weight:900;text-align:right;line-height:1}.c2g-gc__bar-names{grid-column:2/5;grid-row:2;font-size:.68rem;font-weight:500;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));padding-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: GroupCompositionWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c2g-group-composition-widget', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"c2g-gc\">\n\n  <div class=\"c2g-gc__header\">\n    <div class=\"c2g-gc__title-col\">\n      <span class=\"c2g-gc__label\">Gruppenkomposition</span>\n      @if (data().groupName) {\n        <span class=\"c2g-gc__name\">{{ data().groupName }}</span>\n      }\n    </div>\n    <div class=\"c2g-gc__summary-pills\">\n      <span class=\"c2g-gc__pill\">\n        <span class=\"c2g-gc__pill-num\">{{ totalPeople() }}</span>\n        <span class=\"c2g-gc__pill-sub\">Personen</span>\n      </span>\n      @if (totalPets() > 0) {\n        <span class=\"c2g-gc__pill c2g-gc__pill--pets\">\n          <span class=\"c2g-gc__pill-num\">{{ totalPets() }}</span>\n          <span class=\"c2g-gc__pill-sub\">Tiere</span>\n        </span>\n      }\n    </div>\n  </div>\n\n  <!-- Avatar cluster strip -->\n  <div class=\"c2g-gc__avatars\">\n    @for (a of avatars(); track a.key) {\n      <span class=\"c2g-gc__avatar\" [style.--av-color]=\"a.color\">{{ a.emoji }}</span>\n    }\n    @if (totalPeople() + totalPets() > avatars().length) {\n      <span class=\"c2g-gc__avatar-more\">+{{ totalPeople() + totalPets() - avatars().length }}</span>\n    }\n  </div>\n\n  <!-- Bar chart breakdown -->\n  <div class=\"c2g-gc__bars\">\n    @for (entry of sorted(); track entry.type) {\n      <div class=\"c2g-gc__bar-row\">\n        <span class=\"c2g-gc__bar-emoji\">{{ configFor(entry.type).emoji }}</span>\n        <span class=\"c2g-gc__bar-label\">{{ configFor(entry.type).label }}</span>\n        <div class=\"c2g-gc__bar-track\">\n          <div class=\"c2g-gc__bar-fill\"\n            [style.width.%]=\"(entry.count / maxCount()) * 100\"\n            [style.background]=\"configFor(entry.type).color\">\n          </div>\n        </div>\n        <span class=\"c2g-gc__bar-count\" [style.color]=\"configFor(entry.type).color\">\n          {{ entry.count }}\n        </span>\n        @if (entry.names?.length) {\n          <span class=\"c2g-gc__bar-names\">{{ entry.names!.join(', ') }}</span>\n        }\n      </div>\n    }\n  </div>\n\n</div>\n", styles: [":host{display:block;font-family:var(--c2g-font-family-base, \"Quicksand\", sans-serif)}.c2g-gc{border-radius:var(--c2g-radius-xl, 20px);background:var(--c2g-theme-surface, var(--c2g-color-surface));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));padding:18px 20px 16px;display:flex;flex-direction:column;gap:14px;transition:box-shadow .2s ease,transform .2s ease}.c2g-gc:hover{box-shadow:0 8px 28px #0000001c;transform:translateY(-2px)}.c2g-gc__header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.c2g-gc__title-col{display:flex;flex-direction:column;gap:2px}.c2g-gc__label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-gc__name{font-size:.9rem;font-weight:700;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary))}.c2g-gc__summary-pills{display:flex;gap:6px;align-items:center}.c2g-gc__pill{display:flex;flex-direction:column;align-items:center;background:var(--c2g-theme-surface-container, rgba(0, 0, 0, .04));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));border-radius:10px;padding:4px 10px;min-width:44px}.c2g-gc__pill--pets{background:#f9731614;border-color:#f9731633}.c2g-gc__pill-num{font-size:1.1rem;font-weight:900;line-height:1;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary))}.c2g-gc__pill-sub{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-gc__avatars{display:flex;flex-wrap:wrap;gap:0;padding:10px 12px;background:var(--c2g-theme-surface-container, rgba(0, 0, 0, .025));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));border-radius:var(--c2g-radius-lg, 14px);min-height:48px;align-items:center}.c2g-gc__avatar{font-size:1.5rem;line-height:1;display:inline-block;margin-right:-4px;filter:drop-shadow(0 1px 3px color-mix(in srgb,var(--av-color, #000) 40%,transparent));transition:transform .15s ease,z-index 0ms;cursor:default;position:relative;z-index:1}.c2g-gc__avatar:hover{transform:translateY(-4px) scale(1.2);z-index:10}.c2g-gc__avatar-more{font-size:.75rem;font-weight:800;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));background:var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));border-radius:20px;padding:2px 7px;margin-left:6px}.c2g-gc__bars{display:flex;flex-direction:column;gap:6px}.c2g-gc__bar-row{display:grid;grid-template-columns:20px 90px 1fr 24px;grid-template-rows:auto auto;column-gap:8px;align-items:center}.c2g-gc__bar-emoji{font-size:1rem;line-height:1;grid-column:1;grid-row:1;text-align:center}.c2g-gc__bar-label{font-size:.78rem;font-weight:600;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));grid-column:2;grid-row:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c2g-gc__bar-track{grid-column:3;grid-row:1;height:8px;background:var(--c2g-theme-surface-container, rgba(0, 0, 0, .06));border-radius:4px;overflow:hidden}.c2g-gc__bar-fill{height:100%;border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1);opacity:.85}.c2g-gc__bar-count{grid-column:4;grid-row:1;font-size:.85rem;font-weight:900;text-align:right;line-height:1}.c2g-gc__bar-names{grid-column:2/5;grid-row:2;font-size:.68rem;font-weight:500;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));padding-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
+        }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }] } });
+
+// Minimal hand-crafted Lottie confetti animation.
+// 6 colored rectangles fall from top with rotation — ~3KB, no external dependency.
+const CONFETTI_ANIMATION_DATA = {
+    v: '5.7.4',
+    fr: 30,
+    ip: 0,
+    op: 60,
+    w: 200,
+    h: 160,
+    nm: 'confetti',
+    ddd: 0,
+    assets: [],
+    layers: [
+        makeRect(0, '#22c55e', 40, -10, 140, 150, 120, 0),
+        makeRect(1, '#f59e0b', 80, -10, 160, 145, 90, 5),
+        makeRect(2, '#3b82f6', 120, -10, 120, 155, 80, -5),
+        makeRect(3, '#ef4444', 60, -10, 150, 148, 140, 10),
+        makeRect(4, '#a855f7', 100, -10, 130, 152, 60, -8),
+        makeRect(5, '#f97316', 140, -10, 110, 146, 100, 6),
+        makeRect(6, '#22c55e', 30, -10, 145, 153, 110, -12),
+        makeRect(7, '#3b82f6', 170, -10, 155, 149, 70, 15),
+    ],
+};
+function makeRect(ind, color, startX, startY, endX, endY, startRot, rotSpeed) {
+    const hex = color.replace('#', '');
+    const r = parseInt(hex.slice(0, 2), 16) / 255;
+    const g = parseInt(hex.slice(2, 4), 16) / 255;
+    const b = parseInt(hex.slice(4, 6), 16) / 255;
+    return {
+        ddd: 0,
+        ind,
+        ty: 4,
+        nm: `confetti-${ind}`,
+        sr: 1,
+        ks: {
+            o: { a: 0, k: 100 },
+            r: {
+                a: 1,
+                k: [
+                    { t: 0, s: [startRot], e: [startRot + rotSpeed * 60], i: { x: [0.5], y: [1] }, o: { x: [0.5], y: [0] } },
+                    { t: 60, s: [startRot + rotSpeed * 60] },
+                ],
+            },
+            p: {
+                a: 1,
+                k: [
+                    { t: 0, s: [startX, startY, 0], e: [endX, endY, 0], i: { x: [0.5], y: [1] }, o: { x: [0.5], y: [0] } },
+                    { t: 60, s: [endX, endY, 0] },
+                ],
+            },
+            a: { a: 0, k: [0, 0, 0] },
+            s: { a: 0, k: [100, 100, 100] },
+        },
+        ao: 0,
+        shapes: [
+            {
+                ty: 'rc',
+                d: 1,
+                s: { a: 0, k: [8, 8] },
+                p: { a: 0, k: [0, 0] },
+                r: { a: 0, k: 1 },
+                nm: 'rect',
+            },
+            {
+                ty: 'fl',
+                c: { a: 0, k: [r, g, b, 1] },
+                o: { a: 0, k: 100 },
+                r: 1,
+                nm: 'fill',
+            },
+        ],
+        ip: 0,
+        op: 60,
+        st: 0,
+        bm: 0,
+    };
+}
+
+class CriticalItemsAlertWidgetComponent {
+    data = input.required(...(ngDevMode ? [{ debugName: "data" }] : []));
+    daysUntil = computed(() => {
+        const from = new Date(this.data().tourFromDate);
+        from.setHours(0, 0, 0, 0);
+        const today = new Date();
+        today.setHours(0, 0, 0, 0);
+        return Math.max(0, Math.ceil((from.getTime() - today.getTime()) / 86400000));
+    }, ...(ngDevMode ? [{ debugName: "daysUntil" }] : []));
+    urgency = computed(() => {
+        const open = this.data().openItems.length;
+        const days = this.daysUntil();
+        if (open === 0)
+            return 'ok';
+        if (days <= 2 || (days <= 5 && open > 3))
+            return 'critical';
+        return 'warning';
+    }, ...(ngDevMode ? [{ debugName: "urgency" }] : []));
+    urgencyLabel = computed(() => {
+        const d = this.daysUntil();
+        if (d === 0)
+            return 'Heute gehts los!';
+        if (d === 1)
+            return 'Morgen gehts los!';
+        return `Noch ${d} Tage`;
+    }, ...(ngDevMode ? [{ debugName: "urgencyLabel" }] : []));
+    allClear = computed(() => this.data().openItems.length === 0, ...(ngDevMode ? [{ debugName: "allClear" }] : []));
+    personalItems = computed(() => this.data().openItems.filter(i => i.scope === 'personal').slice(0, 4), ...(ngDevMode ? [{ debugName: "personalItems" }] : []));
+    sharedItems = computed(() => this.data().openItems.filter(i => i.scope === 'shared').slice(0, 4), ...(ngDevMode ? [{ debugName: "sharedItems" }] : []));
+    personalHidden = computed(() => Math.max(0, this.data().openItems.filter(i => i.scope === 'personal').length - 4), ...(ngDevMode ? [{ debugName: "personalHidden" }] : []));
+    sharedHidden = computed(() => Math.max(0, this.data().openItems.filter(i => i.scope === 'shared').length - 4), ...(ngDevMode ? [{ debugName: "sharedHidden" }] : []));
+    // Resolved visual type for the all-clear state
+    successVisualType = computed(() => this.data().successVisual?.type ?? 'lottie', ...(ngDevMode ? [{ debugName: "successVisualType" }] : []));
+    lottieOptions = computed(() => {
+        const v = this.data().successVisual;
+        return {
+            animationData: v?.type === 'lottie' ? v.value : CONFETTI_ANIMATION_DATA,
+            loop: false,
+            autoplay: true,
+        };
+    }, ...(ngDevMode ? [{ debugName: "lottieOptions" }] : []));
+    imageValue = computed(() => {
+        const v = this.data().successVisual;
+        return v?.type === 'image' ? v.value : null;
+    }, ...(ngDevMode ? [{ debugName: "imageValue" }] : []));
+    imageAlt = computed(() => this.data().successVisual?.alt ?? 'Erfolg', ...(ngDevMode ? [{ debugName: "imageAlt" }] : []));
+    iconValue = computed(() => {
+        const v = this.data().successVisual;
+        return v?.type === 'icon' ? v.value : '🎉';
+    }, ...(ngDevMode ? [{ debugName: "iconValue" }] : []));
+    sharedProgress(item) {
+        if (!item.neededCount)
+            return 0;
+        return Math.min((item.coveredCount ?? 0) / item.neededCount, 1) * 100;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CriticalItemsAlertWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: CriticalItemsAlertWidgetComponent, isStandalone: true, selector: "c2g-critical-items-alert-widget", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"c2g-cia\" [class]=\"'c2g-cia--' + urgency()\">\n\n  <div class=\"c2g-cia__header\">\n    <div class=\"c2g-cia__title-col\">\n      <span class=\"c2g-cia__label\">\n        @if (urgency() === 'critical') { \uD83D\uDEA8 }\n        @else if (urgency() === 'warning') { \u26A0\uFE0F }\n        @else { \u2705 }\n        Kritische Items\n      </span>\n      @if (data().tourName) {\n        <span class=\"c2g-cia__tour\">{{ data().tourName }}</span>\n      }\n    </div>\n    <div class=\"c2g-cia__countdown\">\n      <span class=\"c2g-cia__countdown-number\">{{ daysUntil() }}</span>\n      <span class=\"c2g-cia__countdown-unit\">{{ daysUntil() === 1 ? 'Tag' : 'Tage' }}</span>\n    </div>\n  </div>\n\n  @if (allClear()) {\n    <div class=\"c2g-cia__all-clear\">\n\n      <!-- Visual slot -->\n      <div class=\"c2g-cia__success-visual\" aria-hidden=\"true\">\n        @switch (successVisualType()) {\n          @case ('lottie') {\n            <ng-lottie [options]=\"lottieOptions()\" width=\"100px\" height=\"80px\" />\n          }\n          @case ('image') {\n            <img class=\"c2g-cia__success-img\"\n              [src]=\"imageValue()\"\n              [alt]=\"imageAlt()\" />\n          }\n          @case ('icon') {\n            <span class=\"c2g-cia__success-icon\">{{ iconValue() }}</span>\n          }\n        }\n      </div>\n\n      <div class=\"c2g-cia__all-clear-text-block\">\n        <span class=\"c2g-cia__all-clear-headline\">Alles dabei! \uD83C\uDF89</span>\n        <span class=\"c2g-cia__all-clear-sub\">Alle kritischen Items sind gepackt \u2014 bereit f\u00FCr das Abenteuer.</span>\n      </div>\n    </div>\n  } @else {\n\n    <!-- Progress summary -->\n    <div class=\"c2g-cia__summary\">\n      <span class=\"c2g-cia__open-count\">{{ data().openItems.length }}</span>\n      <span class=\"c2g-cia__summary-text\">\n        von {{ data().totalCritical }} kritischen\n        {{ data().totalCritical === 1 ? 'Item fehlt' : 'Items fehlen' }}\n      </span>\n    </div>\n    <div class=\"c2g-cia__progress-track\">\n      <div class=\"c2g-cia__progress-fill\"\n        [style.width.%]=\"((data().totalCritical - data().openItems.length) / data().totalCritical) * 100\">\n      </div>\n    </div>\n\n    <!-- Side-by-side sections -->\n    <div class=\"c2g-cia__sections\">\n\n      <!-- Personal items -->\n      @if (personalItems().length > 0) {\n        <div class=\"c2g-cia__section c2g-cia__section--personal\">\n          <div class=\"c2g-cia__section-header\">\n            <span class=\"c2g-cia__section-icon c2g-cia__section-icon--personal\">\uD83D\uDC64</span>\n            <div class=\"c2g-cia__section-titles\">\n              <span class=\"c2g-cia__section-title\">Pers\u00F6nlich</span>\n              <span class=\"c2g-cia__section-hint\">Jeder braucht es selbst</span>\n            </div>\n          </div>\n          <ul class=\"c2g-cia__list\">\n            @for (item of personalItems(); track item.name) {\n              <li class=\"c2g-cia__item c2g-cia__item--personal\">\n                <span class=\"c2g-cia__item-dot\"></span>\n                <span class=\"c2g-cia__item-name\">{{ item.name }}</span>\n                @if (item.missingFor?.length) {\n                  <span class=\"c2g-cia__item-missing\">{{ item.missingFor!.join(', ') }}</span>\n                }\n              </li>\n            }\n            @if (personalHidden() > 0) {\n              <li class=\"c2g-cia__item c2g-cia__item--more\">+ {{ personalHidden() }} weitere</li>\n            }\n          </ul>\n        </div>\n      }\n\n      <!-- Shared items -->\n      @if (sharedItems().length > 0) {\n        <div class=\"c2g-cia__section c2g-cia__section--shared\">\n          <div class=\"c2g-cia__section-header\">\n            <span class=\"c2g-cia__section-icon c2g-cia__section-icon--shared\">\uD83D\uDC65</span>\n            <div class=\"c2g-cia__section-titles\">\n              <span class=\"c2g-cia__section-title\">Geteilt</span>\n              <span class=\"c2g-cia__section-hint\">Mindestmenge muss gedeckt sein</span>\n            </div>\n          </div>\n          <ul class=\"c2g-cia__list\">\n            @for (item of sharedItems(); track item.name) {\n              <li class=\"c2g-cia__item c2g-cia__item--shared\">\n                <div class=\"c2g-cia__shared-top\">\n                  <span class=\"c2g-cia__item-dot\"></span>\n                  <span class=\"c2g-cia__item-name\">{{ item.name }}</span>\n                  @if (item.neededCount) {\n                    <span class=\"c2g-cia__shared-ratio\">\n                      {{ item.coveredCount ?? 0 }}/{{ item.neededCount }}\n                    </span>\n                  }\n                </div>\n                @if (item.neededCount && item.neededCount > 1) {\n                  <div class=\"c2g-cia__shared-bar-track\">\n                    <div class=\"c2g-cia__shared-bar-fill\" [style.width.%]=\"sharedProgress(item)\"></div>\n                  </div>\n                }\n                @if (item.coveredBy?.length) {\n                  <span class=\"c2g-cia__shared-covered\">\u2713 {{ item.coveredBy!.join(', ') }}</span>\n                }\n              </li>\n            }\n            @if (sharedHidden() > 0) {\n              <li class=\"c2g-cia__item c2g-cia__item--more\">+ {{ sharedHidden() }} weitere</li>\n            }\n          </ul>\n        </div>\n      }\n\n    </div>\n  }\n\n  <div class=\"c2g-cia__footer\">{{ urgencyLabel() }}</div>\n\n</div>\n", styles: [":host{display:block;font-family:var(--c2g-font-family-base, \"Quicksand\", sans-serif)}.c2g-cia{border-radius:var(--c2g-radius-xl, 20px);background:var(--c2g-theme-surface, var(--c2g-color-surface));border:1.5px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s ease,transform .2s ease}.c2g-cia:hover{box-shadow:0 8px 28px #0000001a;transform:translateY(-2px)}.c2g-cia--ok{--cia-accent: #22c55e;--cia-bg: rgba(34, 197, 94, .06);border-color:#22c55e4d}.c2g-cia--warning{--cia-accent: #f59e0b;--cia-bg: rgba(245, 158, 11, .06);border-color:#f59e0b59}.c2g-cia--critical{--cia-accent: #ef4444;--cia-bg: rgba(239, 68, 68, .06);border-color:#ef444466;animation:c2g-cia-pulse 2s ease-in-out infinite}@keyframes c2g-cia-pulse{0%,to{box-shadow:none}50%{box-shadow:0 0 0 4px #ef444426}}.c2g-cia__header{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 18px 12px;gap:10px;background:var(--cia-bg)}.c2g-cia__title-col{display:flex;flex-direction:column;gap:2px}.c2g-cia__label{font-size:.8rem;font-weight:700;color:var(--cia-accent)}.c2g-cia__tour{font-size:.82rem;font-weight:600;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c2g-cia__countdown{display:flex;flex-direction:column;align-items:center;background:var(--cia-accent);border-radius:12px;padding:6px 12px;flex-shrink:0}.c2g-cia__countdown-number{font-size:1.6rem;font-weight:900;line-height:1;color:#fff}.c2g-cia__countdown-unit{font-size:.62rem;font-weight:700;color:#fffc;text-transform:uppercase;letter-spacing:.06em}.c2g-cia__all-clear{display:flex;align-items:center;gap:12px;padding:16px 18px 18px}.c2g-cia__success-visual{flex-shrink:0;width:100px;height:80px;overflow:hidden;display:flex;align-items:center;justify-content:center}.c2g-cia__success-img{width:100%;height:100%;object-fit:contain;border-radius:8px}.c2g-cia__success-icon{font-size:3.5rem;line-height:1;animation:c2g-icon-pop .6s cubic-bezier(.34,1.56,.64,1) both}@keyframes c2g-icon-pop{0%{transform:scale(0) rotate(-20deg);opacity:0}70%{transform:scale(1.15) rotate(8deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.c2g-cia__all-clear-text-block{display:flex;flex-direction:column;gap:4px}.c2g-cia__all-clear-headline{font-size:1.2rem;font-weight:900;color:#22c55e;letter-spacing:-.02em;line-height:1}.c2g-cia__all-clear-sub{font-size:.78rem;font-weight:600;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));line-height:1.3}.c2g-cia__summary{display:flex;align-items:baseline;gap:6px;padding:12px 18px 0}.c2g-cia__open-count{font-size:2rem;font-weight:900;line-height:1;color:var(--cia-accent)}.c2g-cia__summary-text{font-size:.82rem;font-weight:600;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-cia__progress-track{height:4px;background:var(--c2g-theme-outline-variant, rgba(0, 0, 0, .08));margin:8px 18px 0;border-radius:2px;overflow:hidden}.c2g-cia__progress-fill{height:100%;background:var(--cia-accent);border-radius:2px;transition:width .7s cubic-bezier(.4,0,.2,1)}.c2g-cia__sections{display:grid;grid-template-columns:1fr;gap:0;margin-top:10px}@media(min-width:480px){.c2g-cia__sections{grid-template-columns:1fr 1fr;gap:0}}.c2g-cia__section{padding:0 18px 4px}.c2g-cia__section+.c2g-cia__section{padding-top:10px;border-top:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant))}@media(min-width:480px){.c2g-cia__section+.c2g-cia__section{padding-top:0;border-top:none;border-left:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant))}}.c2g-cia__section--personal{--sec-accent: #f97316}.c2g-cia__section--shared{--sec-accent: #3b82f6}.c2g-cia__section-header{display:flex;align-items:flex-start;gap:6px;margin-bottom:7px}.c2g-cia__section-titles{display:flex;flex-direction:column;gap:1px}.c2g-cia__section-icon{font-size:.85rem;line-height:1;width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.c2g-cia__section-icon--personal{background:#f973161f}.c2g-cia__section-icon--shared{background:#3b82f61f}.c2g-cia__section-title{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--sec-accent, var(--c2g-theme-on-surface, var(--c2g-color-text-primary)))}.c2g-cia__section-hint{font-size:.62rem;font-weight:500;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-cia__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.c2g-cia__item{display:flex;align-items:center;gap:7px;font-size:.82rem;font-weight:600;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary))}.c2g-cia__item--personal .c2g-cia__item-dot{background:#f97316}.c2g-cia__item--shared .c2g-cia__item-dot{background:#3b82f6}.c2g-cia__item--shared{flex-direction:column;align-items:stretch;gap:3px}.c2g-cia__item--more{font-size:.72rem;font-weight:600;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-cia__item-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:var(--cia-accent)}.c2g-cia__item-name{flex:1}.c2g-cia__item-missing{font-size:.68rem;font-weight:500;color:#f97316;background:#f973161a;border-radius:4px;padding:1px 5px;white-space:nowrap}.c2g-cia__shared-top{display:flex;align-items:center;gap:7px}.c2g-cia__shared-ratio{font-size:.72rem;font-weight:800;color:#3b82f6;background:#3b82f61a;border-radius:4px;padding:1px 6px;white-space:nowrap;margin-left:auto}.c2g-cia__shared-bar-track{height:3px;background:#3b82f626;border-radius:2px;overflow:hidden;margin-left:13px}.c2g-cia__shared-bar-fill{height:100%;background:#3b82f6;border-radius:2px;transition:width .6s cubic-bezier(.4,0,.2,1)}.c2g-cia__shared-covered{font-size:.68rem;font-weight:500;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));margin-left:13px}.c2g-cia__footer{margin-top:12px;padding:8px 18px;font-size:.72rem;font-weight:700;text-align:center;color:var(--cia-accent);background:var(--cia-bg);border-top:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant))}\n"], dependencies: [{ kind: "component", type: LottieComponent, selector: "ng-lottie", inputs: ["width", "height"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CriticalItemsAlertWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c2g-critical-items-alert-widget', standalone: true, imports: [LottieComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"c2g-cia\" [class]=\"'c2g-cia--' + urgency()\">\n\n  <div class=\"c2g-cia__header\">\n    <div class=\"c2g-cia__title-col\">\n      <span class=\"c2g-cia__label\">\n        @if (urgency() === 'critical') { \uD83D\uDEA8 }\n        @else if (urgency() === 'warning') { \u26A0\uFE0F }\n        @else { \u2705 }\n        Kritische Items\n      </span>\n      @if (data().tourName) {\n        <span class=\"c2g-cia__tour\">{{ data().tourName }}</span>\n      }\n    </div>\n    <div class=\"c2g-cia__countdown\">\n      <span class=\"c2g-cia__countdown-number\">{{ daysUntil() }}</span>\n      <span class=\"c2g-cia__countdown-unit\">{{ daysUntil() === 1 ? 'Tag' : 'Tage' }}</span>\n    </div>\n  </div>\n\n  @if (allClear()) {\n    <div class=\"c2g-cia__all-clear\">\n\n      <!-- Visual slot -->\n      <div class=\"c2g-cia__success-visual\" aria-hidden=\"true\">\n        @switch (successVisualType()) {\n          @case ('lottie') {\n            <ng-lottie [options]=\"lottieOptions()\" width=\"100px\" height=\"80px\" />\n          }\n          @case ('image') {\n            <img class=\"c2g-cia__success-img\"\n              [src]=\"imageValue()\"\n              [alt]=\"imageAlt()\" />\n          }\n          @case ('icon') {\n            <span class=\"c2g-cia__success-icon\">{{ iconValue() }}</span>\n          }\n        }\n      </div>\n\n      <div class=\"c2g-cia__all-clear-text-block\">\n        <span class=\"c2g-cia__all-clear-headline\">Alles dabei! \uD83C\uDF89</span>\n        <span class=\"c2g-cia__all-clear-sub\">Alle kritischen Items sind gepackt \u2014 bereit f\u00FCr das Abenteuer.</span>\n      </div>\n    </div>\n  } @else {\n\n    <!-- Progress summary -->\n    <div class=\"c2g-cia__summary\">\n      <span class=\"c2g-cia__open-count\">{{ data().openItems.length }}</span>\n      <span class=\"c2g-cia__summary-text\">\n        von {{ data().totalCritical }} kritischen\n        {{ data().totalCritical === 1 ? 'Item fehlt' : 'Items fehlen' }}\n      </span>\n    </div>\n    <div class=\"c2g-cia__progress-track\">\n      <div class=\"c2g-cia__progress-fill\"\n        [style.width.%]=\"((data().totalCritical - data().openItems.length) / data().totalCritical) * 100\">\n      </div>\n    </div>\n\n    <!-- Side-by-side sections -->\n    <div class=\"c2g-cia__sections\">\n\n      <!-- Personal items -->\n      @if (personalItems().length > 0) {\n        <div class=\"c2g-cia__section c2g-cia__section--personal\">\n          <div class=\"c2g-cia__section-header\">\n            <span class=\"c2g-cia__section-icon c2g-cia__section-icon--personal\">\uD83D\uDC64</span>\n            <div class=\"c2g-cia__section-titles\">\n              <span class=\"c2g-cia__section-title\">Pers\u00F6nlich</span>\n              <span class=\"c2g-cia__section-hint\">Jeder braucht es selbst</span>\n            </div>\n          </div>\n          <ul class=\"c2g-cia__list\">\n            @for (item of personalItems(); track item.name) {\n              <li class=\"c2g-cia__item c2g-cia__item--personal\">\n                <span class=\"c2g-cia__item-dot\"></span>\n                <span class=\"c2g-cia__item-name\">{{ item.name }}</span>\n                @if (item.missingFor?.length) {\n                  <span class=\"c2g-cia__item-missing\">{{ item.missingFor!.join(', ') }}</span>\n                }\n              </li>\n            }\n            @if (personalHidden() > 0) {\n              <li class=\"c2g-cia__item c2g-cia__item--more\">+ {{ personalHidden() }} weitere</li>\n            }\n          </ul>\n        </div>\n      }\n\n      <!-- Shared items -->\n      @if (sharedItems().length > 0) {\n        <div class=\"c2g-cia__section c2g-cia__section--shared\">\n          <div class=\"c2g-cia__section-header\">\n            <span class=\"c2g-cia__section-icon c2g-cia__section-icon--shared\">\uD83D\uDC65</span>\n            <div class=\"c2g-cia__section-titles\">\n              <span class=\"c2g-cia__section-title\">Geteilt</span>\n              <span class=\"c2g-cia__section-hint\">Mindestmenge muss gedeckt sein</span>\n            </div>\n          </div>\n          <ul class=\"c2g-cia__list\">\n            @for (item of sharedItems(); track item.name) {\n              <li class=\"c2g-cia__item c2g-cia__item--shared\">\n                <div class=\"c2g-cia__shared-top\">\n                  <span class=\"c2g-cia__item-dot\"></span>\n                  <span class=\"c2g-cia__item-name\">{{ item.name }}</span>\n                  @if (item.neededCount) {\n                    <span class=\"c2g-cia__shared-ratio\">\n                      {{ item.coveredCount ?? 0 }}/{{ item.neededCount }}\n                    </span>\n                  }\n                </div>\n                @if (item.neededCount && item.neededCount > 1) {\n                  <div class=\"c2g-cia__shared-bar-track\">\n                    <div class=\"c2g-cia__shared-bar-fill\" [style.width.%]=\"sharedProgress(item)\"></div>\n                  </div>\n                }\n                @if (item.coveredBy?.length) {\n                  <span class=\"c2g-cia__shared-covered\">\u2713 {{ item.coveredBy!.join(', ') }}</span>\n                }\n              </li>\n            }\n            @if (sharedHidden() > 0) {\n              <li class=\"c2g-cia__item c2g-cia__item--more\">+ {{ sharedHidden() }} weitere</li>\n            }\n          </ul>\n        </div>\n      }\n\n    </div>\n  }\n\n  <div class=\"c2g-cia__footer\">{{ urgencyLabel() }}</div>\n\n</div>\n", styles: [":host{display:block;font-family:var(--c2g-font-family-base, \"Quicksand\", sans-serif)}.c2g-cia{border-radius:var(--c2g-radius-xl, 20px);background:var(--c2g-theme-surface, var(--c2g-color-surface));border:1.5px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s ease,transform .2s ease}.c2g-cia:hover{box-shadow:0 8px 28px #0000001a;transform:translateY(-2px)}.c2g-cia--ok{--cia-accent: #22c55e;--cia-bg: rgba(34, 197, 94, .06);border-color:#22c55e4d}.c2g-cia--warning{--cia-accent: #f59e0b;--cia-bg: rgba(245, 158, 11, .06);border-color:#f59e0b59}.c2g-cia--critical{--cia-accent: #ef4444;--cia-bg: rgba(239, 68, 68, .06);border-color:#ef444466;animation:c2g-cia-pulse 2s ease-in-out infinite}@keyframes c2g-cia-pulse{0%,to{box-shadow:none}50%{box-shadow:0 0 0 4px #ef444426}}.c2g-cia__header{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 18px 12px;gap:10px;background:var(--cia-bg)}.c2g-cia__title-col{display:flex;flex-direction:column;gap:2px}.c2g-cia__label{font-size:.8rem;font-weight:700;color:var(--cia-accent)}.c2g-cia__tour{font-size:.82rem;font-weight:600;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c2g-cia__countdown{display:flex;flex-direction:column;align-items:center;background:var(--cia-accent);border-radius:12px;padding:6px 12px;flex-shrink:0}.c2g-cia__countdown-number{font-size:1.6rem;font-weight:900;line-height:1;color:#fff}.c2g-cia__countdown-unit{font-size:.62rem;font-weight:700;color:#fffc;text-transform:uppercase;letter-spacing:.06em}.c2g-cia__all-clear{display:flex;align-items:center;gap:12px;padding:16px 18px 18px}.c2g-cia__success-visual{flex-shrink:0;width:100px;height:80px;overflow:hidden;display:flex;align-items:center;justify-content:center}.c2g-cia__success-img{width:100%;height:100%;object-fit:contain;border-radius:8px}.c2g-cia__success-icon{font-size:3.5rem;line-height:1;animation:c2g-icon-pop .6s cubic-bezier(.34,1.56,.64,1) both}@keyframes c2g-icon-pop{0%{transform:scale(0) rotate(-20deg);opacity:0}70%{transform:scale(1.15) rotate(8deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.c2g-cia__all-clear-text-block{display:flex;flex-direction:column;gap:4px}.c2g-cia__all-clear-headline{font-size:1.2rem;font-weight:900;color:#22c55e;letter-spacing:-.02em;line-height:1}.c2g-cia__all-clear-sub{font-size:.78rem;font-weight:600;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));line-height:1.3}.c2g-cia__summary{display:flex;align-items:baseline;gap:6px;padding:12px 18px 0}.c2g-cia__open-count{font-size:2rem;font-weight:900;line-height:1;color:var(--cia-accent)}.c2g-cia__summary-text{font-size:.82rem;font-weight:600;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-cia__progress-track{height:4px;background:var(--c2g-theme-outline-variant, rgba(0, 0, 0, .08));margin:8px 18px 0;border-radius:2px;overflow:hidden}.c2g-cia__progress-fill{height:100%;background:var(--cia-accent);border-radius:2px;transition:width .7s cubic-bezier(.4,0,.2,1)}.c2g-cia__sections{display:grid;grid-template-columns:1fr;gap:0;margin-top:10px}@media(min-width:480px){.c2g-cia__sections{grid-template-columns:1fr 1fr;gap:0}}.c2g-cia__section{padding:0 18px 4px}.c2g-cia__section+.c2g-cia__section{padding-top:10px;border-top:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant))}@media(min-width:480px){.c2g-cia__section+.c2g-cia__section{padding-top:0;border-top:none;border-left:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant))}}.c2g-cia__section--personal{--sec-accent: #f97316}.c2g-cia__section--shared{--sec-accent: #3b82f6}.c2g-cia__section-header{display:flex;align-items:flex-start;gap:6px;margin-bottom:7px}.c2g-cia__section-titles{display:flex;flex-direction:column;gap:1px}.c2g-cia__section-icon{font-size:.85rem;line-height:1;width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.c2g-cia__section-icon--personal{background:#f973161f}.c2g-cia__section-icon--shared{background:#3b82f61f}.c2g-cia__section-title{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--sec-accent, var(--c2g-theme-on-surface, var(--c2g-color-text-primary)))}.c2g-cia__section-hint{font-size:.62rem;font-weight:500;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-cia__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.c2g-cia__item{display:flex;align-items:center;gap:7px;font-size:.82rem;font-weight:600;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary))}.c2g-cia__item--personal .c2g-cia__item-dot{background:#f97316}.c2g-cia__item--shared .c2g-cia__item-dot{background:#3b82f6}.c2g-cia__item--shared{flex-direction:column;align-items:stretch;gap:3px}.c2g-cia__item--more{font-size:.72rem;font-weight:600;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-cia__item-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:var(--cia-accent)}.c2g-cia__item-name{flex:1}.c2g-cia__item-missing{font-size:.68rem;font-weight:500;color:#f97316;background:#f973161a;border-radius:4px;padding:1px 5px;white-space:nowrap}.c2g-cia__shared-top{display:flex;align-items:center;gap:7px}.c2g-cia__shared-ratio{font-size:.72rem;font-weight:800;color:#3b82f6;background:#3b82f61a;border-radius:4px;padding:1px 6px;white-space:nowrap;margin-left:auto}.c2g-cia__shared-bar-track{height:3px;background:#3b82f626;border-radius:2px;overflow:hidden;margin-left:13px}.c2g-cia__shared-bar-fill{height:100%;background:#3b82f6;border-radius:2px;transition:width .6s cubic-bezier(.4,0,.2,1)}.c2g-cia__shared-covered{font-size:.68rem;font-weight:500;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));margin-left:13px}.c2g-cia__footer{margin-top:12px;padding:8px 18px;font-size:.72rem;font-weight:700;text-align:center;color:var(--cia-accent);background:var(--cia-bg);border-top:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant))}\n"] }]
+        }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }] } });
+
+const BEAUFORT = [
+    { max: 1, label: 'Windstille', emoji: '🌬️', color: '#22c55e' },
+    { max: 5, label: 'Leichte Brise', emoji: '🌬️', color: '#84cc16' },
+    { max: 11, label: 'Schwache Brise', emoji: '💨', color: '#84cc16' },
+    { max: 19, label: 'Schwacher Wind', emoji: '💨', color: '#f59e0b' },
+    { max: 28, label: 'Mäßiger Wind', emoji: '💨', color: '#f59e0b' },
+    { max: 38, label: 'Frischer Wind', emoji: '🌀', color: '#f97316' },
+    { max: 49, label: 'Starker Wind', emoji: '🌀', color: '#f97316' },
+    { max: 61, label: 'Stürmisch', emoji: '⛈️', color: '#ef4444' },
+    { max: 74, label: 'Sturm', emoji: '⛈️', color: '#ef4444' },
+    { max: 88, label: 'Schwerer Sturm', emoji: '🌪️', color: '#dc2626' },
+    { max: 102, label: 'Orkan', emoji: '🌪️', color: '#dc2626' },
+    { max: 999, label: 'Schwerer Orkan', emoji: '🌪️', color: '#dc2626' },
+];
+function beaufortFor(kmh) {
+    return BEAUFORT.find(b => kmh <= b.max) ?? BEAUFORT[BEAUFORT.length - 1];
+}
+function directionLabel(deg) {
+    const dirs = ['N', 'NO', 'O', 'SO', 'S', 'SW', 'W', 'NW'];
+    return dirs[Math.round(deg / 45) % 8];
+}
+class WindIndicatorWidgetComponent {
+    data = input.required(...(ngDevMode ? [{ debugName: "data" }] : []));
+    days = computed(() => this.data().days.slice(0, 7), ...(ngDevMode ? [{ debugName: "days" }] : []));
+    peak = computed(() => this.days().reduce((max, d) => d.windSpeed > max.windSpeed ? d : max, this.days()[0]), ...(ngDevMode ? [{ debugName: "peak" }] : []));
+    peakBeaufort = computed(() => beaufortFor(this.peak()?.windSpeed ?? 0), ...(ngDevMode ? [{ debugName: "peakBeaufort" }] : []));
+    overallRisk = computed(() => {
+        const avg = this.days().reduce((s, d) => s + d.windSpeed, 0) / (this.days().length || 1);
+        if (avg >= 50)
+            return 'stormy';
+        if (avg >= 28)
+            return 'windy';
+        if (avg >= 11)
+            return 'breezy';
+        return 'calm';
+    }, ...(ngDevMode ? [{ debugName: "overallRisk" }] : []));
+    enriched = computed(() => this.days().map(d => ({
+        ...d,
+        bf: beaufortFor(d.windSpeed),
+        dirLabel: directionLabel(d.windDirection),
+        // Arrow rotation: wind direction = where it comes FROM → arrow points that way
+        arrowDeg: d.windDirection,
+        barPct: Math.min(100, (d.windSpeed / 100) * 100),
+    })), ...(ngDevMode ? [{ debugName: "enriched" }] : []));
+    formatDate(iso) {
+        return new Date(iso).toLocaleDateString('de-DE', { weekday: 'short', day: 'numeric' });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: WindIndicatorWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: WindIndicatorWidgetComponent, isStandalone: true, selector: "c2g-wind-indicator-widget", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<article class=\"c2g-wind\" [class]=\"'c2g-wind--' + overallRisk()\">\n\n  <header class=\"c2g-wind__header\">\n    <div class=\"c2g-wind__title-col\">\n      <span class=\"c2g-wind__label\">\uD83D\uDCA8 Wind</span>\n      @if (data().tourName) {\n        <span class=\"c2g-wind__tour\">{{ data().tourName }}</span>\n      }\n    </div>\n    @if (peak()) {\n      <div class=\"c2g-wind__peak-badge\">\n        <span class=\"c2g-wind__peak-emoji\">{{ peakBeaufort().emoji }}</span>\n        <div class=\"c2g-wind__peak-text\">\n          <span class=\"c2g-wind__peak-speed\">{{ peak().windSpeed }}<small>km/h</small></span>\n          <span class=\"c2g-wind__peak-sublabel\">Spitze</span>\n        </div>\n      </div>\n    }\n  </header>\n\n  <div class=\"c2g-wind__days\">\n    @for (day of enriched(); track day.date) {\n      <div class=\"c2g-wind__day\">\n\n        <!-- Compass rose -->\n        <svg class=\"c2g-wind__compass\" viewBox=\"0 0 40 40\" aria-hidden=\"true\">\n          <circle cx=\"20\" cy=\"20\" r=\"18\" class=\"c2g-wind__compass-ring\"/>\n          <text class=\"c2g-wind__compass-n\" x=\"20\" y=\"7\">N</text>\n          <g [style.transform-origin]=\"'20px 20px'\" [style.transform]=\"'rotate(' + day.arrowDeg + 'deg)'\">\n            <polygon points=\"20,4 23,18 20,16 17,18\" [attr.fill]=\"day.bf.color\"/>\n            <polygon points=\"20,36 17,22 20,24 23,22\" fill=\"rgba(255,255,255,0.18)\"/>\n          </g>\n          <circle cx=\"20\" cy=\"20\" r=\"2.5\" [attr.fill]=\"day.bf.color\"/>\n        </svg>\n\n        <!-- Date -->\n        <span class=\"c2g-wind__date\">{{ formatDate(day.date) }}</span>\n\n        <!-- Speed bar -->\n        <div class=\"c2g-wind__bar-track\">\n          <div class=\"c2g-wind__bar-fill\"\n            [style.width.%]=\"day.barPct\"\n            [style.background]=\"day.bf.color\">\n          </div>\n        </div>\n\n        <!-- Speed value -->\n        <span class=\"c2g-wind__speed\" [style.color]=\"day.bf.color\">\n          {{ day.windSpeed }}<small>km/h</small>\n        </span>\n\n        <!-- Beaufort + direction -->\n        <span class=\"c2g-wind__meta\">{{ day.dirLabel }} \u00B7 {{ day.bf.label }}</span>\n\n      </div>\n    }\n  </div>\n\n</article>\n", styles: [":host{display:block}.c2g-wind{background:var(--c2g-theme-surface, var(--c2g-color-surface));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));border-radius:var(--c2g-radius-xl, 20px);padding:1.25rem 1.5rem 1rem;display:flex;flex-direction:column;gap:1rem;position:relative;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.c2g-wind:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000003d}.c2g-wind:before{content:\"\";position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 100% 0%,rgba(148,163,184,.04) 0%,transparent 70%);pointer-events:none}.c2g-wind--stormy:before{background:radial-gradient(ellipse 80% 50% at 100% 0%,rgba(239,68,68,.06) 0%,transparent 70%)}.c2g-wind--windy:before{background:radial-gradient(ellipse 80% 50% at 100% 0%,rgba(249,115,22,.06) 0%,transparent 70%)}.c2g-wind__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.c2g-wind__title-col{display:flex;flex-direction:column;gap:.125rem}.c2g-wind__label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-secondary))}.c2g-wind__tour{font-size:.8125rem;font-weight:600;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c2g-wind__peak-badge{display:flex;align-items:center;gap:.5rem;background:var(--c2g-theme-surface-container-low, var(--c2g-color-bg-base));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));border-radius:12px;padding:.375rem .75rem;flex-shrink:0}.c2g-wind__peak-emoji{font-size:1.25rem;line-height:1}.c2g-wind__peak-text{display:flex;flex-direction:column;gap:0}.c2g-wind__peak-speed{font-size:.9375rem;font-weight:900;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));font-variant-numeric:tabular-nums;line-height:1.1}.c2g-wind__peak-speed small{font-size:.5625rem;font-weight:600;opacity:.55;margin-left:1px}.c2g-wind__peak-sublabel{font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-wind__days{display:flex;flex-direction:column;gap:.5rem}.c2g-wind__day{display:grid;grid-template-columns:40px 72px 1fr 56px;grid-template-rows:auto auto;column-gap:.625rem;align-items:center}.c2g-wind__compass{grid-column:1;grid-row:1/3;width:40px;height:40px;display:block}.c2g-wind__compass-ring{fill:var(--c2g-theme-surface-container, var(--c2g-color-bg-secondary));stroke:var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));stroke-width:1}.c2g-wind__compass-n{fill:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));font-size:5.5px;font-weight:800;font-family:inherit;text-anchor:middle;dominant-baseline:middle}.c2g-wind__date{grid-column:2;grid-row:1;font-size:.6875rem;font-weight:700;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));white-space:nowrap}.c2g-wind__bar-track{grid-column:3;grid-row:1;height:6px;border-radius:3px;background:var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));overflow:hidden}.c2g-wind__bar-fill{height:100%;min-width:3px;border-radius:3px;transition:width .7s cubic-bezier(.4,0,.2,1)}.c2g-wind__speed{grid-column:4;grid-row:1;font-size:.875rem;font-weight:800;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.c2g-wind__speed small{font-size:.5625rem;font-weight:600;opacity:.6;margin-left:1px}.c2g-wind__meta{grid-column:2/5;grid-row:2;font-size:.6875rem;font-weight:600;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: WindIndicatorWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c2g-wind-indicator-widget', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<article class=\"c2g-wind\" [class]=\"'c2g-wind--' + overallRisk()\">\n\n  <header class=\"c2g-wind__header\">\n    <div class=\"c2g-wind__title-col\">\n      <span class=\"c2g-wind__label\">\uD83D\uDCA8 Wind</span>\n      @if (data().tourName) {\n        <span class=\"c2g-wind__tour\">{{ data().tourName }}</span>\n      }\n    </div>\n    @if (peak()) {\n      <div class=\"c2g-wind__peak-badge\">\n        <span class=\"c2g-wind__peak-emoji\">{{ peakBeaufort().emoji }}</span>\n        <div class=\"c2g-wind__peak-text\">\n          <span class=\"c2g-wind__peak-speed\">{{ peak().windSpeed }}<small>km/h</small></span>\n          <span class=\"c2g-wind__peak-sublabel\">Spitze</span>\n        </div>\n      </div>\n    }\n  </header>\n\n  <div class=\"c2g-wind__days\">\n    @for (day of enriched(); track day.date) {\n      <div class=\"c2g-wind__day\">\n\n        <!-- Compass rose -->\n        <svg class=\"c2g-wind__compass\" viewBox=\"0 0 40 40\" aria-hidden=\"true\">\n          <circle cx=\"20\" cy=\"20\" r=\"18\" class=\"c2g-wind__compass-ring\"/>\n          <text class=\"c2g-wind__compass-n\" x=\"20\" y=\"7\">N</text>\n          <g [style.transform-origin]=\"'20px 20px'\" [style.transform]=\"'rotate(' + day.arrowDeg + 'deg)'\">\n            <polygon points=\"20,4 23,18 20,16 17,18\" [attr.fill]=\"day.bf.color\"/>\n            <polygon points=\"20,36 17,22 20,24 23,22\" fill=\"rgba(255,255,255,0.18)\"/>\n          </g>\n          <circle cx=\"20\" cy=\"20\" r=\"2.5\" [attr.fill]=\"day.bf.color\"/>\n        </svg>\n\n        <!-- Date -->\n        <span class=\"c2g-wind__date\">{{ formatDate(day.date) }}</span>\n\n        <!-- Speed bar -->\n        <div class=\"c2g-wind__bar-track\">\n          <div class=\"c2g-wind__bar-fill\"\n            [style.width.%]=\"day.barPct\"\n            [style.background]=\"day.bf.color\">\n          </div>\n        </div>\n\n        <!-- Speed value -->\n        <span class=\"c2g-wind__speed\" [style.color]=\"day.bf.color\">\n          {{ day.windSpeed }}<small>km/h</small>\n        </span>\n\n        <!-- Beaufort + direction -->\n        <span class=\"c2g-wind__meta\">{{ day.dirLabel }} \u00B7 {{ day.bf.label }}</span>\n\n      </div>\n    }\n  </div>\n\n</article>\n", styles: [":host{display:block}.c2g-wind{background:var(--c2g-theme-surface, var(--c2g-color-surface));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));border-radius:var(--c2g-radius-xl, 20px);padding:1.25rem 1.5rem 1rem;display:flex;flex-direction:column;gap:1rem;position:relative;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.c2g-wind:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000003d}.c2g-wind:before{content:\"\";position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 100% 0%,rgba(148,163,184,.04) 0%,transparent 70%);pointer-events:none}.c2g-wind--stormy:before{background:radial-gradient(ellipse 80% 50% at 100% 0%,rgba(239,68,68,.06) 0%,transparent 70%)}.c2g-wind--windy:before{background:radial-gradient(ellipse 80% 50% at 100% 0%,rgba(249,115,22,.06) 0%,transparent 70%)}.c2g-wind__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.c2g-wind__title-col{display:flex;flex-direction:column;gap:.125rem}.c2g-wind__label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-secondary))}.c2g-wind__tour{font-size:.8125rem;font-weight:600;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c2g-wind__peak-badge{display:flex;align-items:center;gap:.5rem;background:var(--c2g-theme-surface-container-low, var(--c2g-color-bg-base));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));border-radius:12px;padding:.375rem .75rem;flex-shrink:0}.c2g-wind__peak-emoji{font-size:1.25rem;line-height:1}.c2g-wind__peak-text{display:flex;flex-direction:column;gap:0}.c2g-wind__peak-speed{font-size:.9375rem;font-weight:900;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));font-variant-numeric:tabular-nums;line-height:1.1}.c2g-wind__peak-speed small{font-size:.5625rem;font-weight:600;opacity:.55;margin-left:1px}.c2g-wind__peak-sublabel{font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-wind__days{display:flex;flex-direction:column;gap:.5rem}.c2g-wind__day{display:grid;grid-template-columns:40px 72px 1fr 56px;grid-template-rows:auto auto;column-gap:.625rem;align-items:center}.c2g-wind__compass{grid-column:1;grid-row:1/3;width:40px;height:40px;display:block}.c2g-wind__compass-ring{fill:var(--c2g-theme-surface-container, var(--c2g-color-bg-secondary));stroke:var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));stroke-width:1}.c2g-wind__compass-n{fill:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));font-size:5.5px;font-weight:800;font-family:inherit;text-anchor:middle;dominant-baseline:middle}.c2g-wind__date{grid-column:2;grid-row:1;font-size:.6875rem;font-weight:700;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));white-space:nowrap}.c2g-wind__bar-track{grid-column:3;grid-row:1;height:6px;border-radius:3px;background:var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));overflow:hidden}.c2g-wind__bar-fill{height:100%;min-width:3px;border-radius:3px;transition:width .7s cubic-bezier(.4,0,.2,1)}.c2g-wind__speed{grid-column:4;grid-row:1;font-size:.875rem;font-weight:800;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.c2g-wind__speed small{font-size:.5625rem;font-weight:600;opacity:.6;margin-left:1px}.c2g-wind__meta{grid-column:2/5;grid-row:2;font-size:.6875rem;font-weight:600;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"] }]
+        }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }] } });
+
+class TotalKmWidgetComponent {
+    data = input.required(...(ngDevMode ? [{ debugName: "data" }] : []));
+    displayKm = signal(0, ...(ngDevMode ? [{ debugName: "displayKm" }] : []));
+    displayYearKm = signal(0, ...(ngDevMode ? [{ debugName: "displayYearKm" }] : []));
+    rafId = 0;
+    rafYearId = 0;
+    constructor() {
+        effect(() => {
+            const target = this.data().totalKm;
+            this.animateCount(target, this.displayKm, 'rafId');
+        });
+        effect(() => {
+            const target = this.data().yearKm ?? 0;
+            this.animateCount(target, this.displayYearKm, 'rafYearId');
+        });
+    }
+    animateCount(target, sig, rafKey) {
+        cancelAnimationFrame(this[rafKey]);
+        const start = performance.now();
+        const duration = 1400;
+        const step = (now) => {
+            const t = Math.min((now - start) / duration, 1);
+            const eased = 1 - Math.pow(1 - t, 4);
+            sig.set(Math.round(eased * target));
+            if (t < 1)
+                this[rafKey] = requestAnimationFrame(step);
+        };
+        this[rafKey] = requestAnimationFrame(step);
+    }
+    sparklinePath = computed(() => {
+        const points = this.data().sparkline;
+        if (!points || points.length < 2)
+            return null;
+        const W = 200, H = 48;
+        const maxKm = Math.max(...points.map(p => p.km));
+        const minKm = Math.min(...points.map(p => p.km));
+        const range = maxKm - minKm || 1;
+        const xs = points.map((_, i) => (i / (points.length - 1)) * W);
+        const ys = points.map(p => H - ((p.km - minKm) / range) * (H - 8) - 2);
+        let line = `M ${xs[0]} ${ys[0]}`;
+        for (let i = 1; i < points.length; i++) {
+            const cpx = (xs[i - 1] + xs[i]) / 2;
+            line += ` C ${cpx} ${ys[i - 1]}, ${cpx} ${ys[i]}, ${xs[i]} ${ys[i]}`;
+        }
+        const area = `${line} L ${xs[xs.length - 1]} ${H} L ${xs[0]} ${H} Z`;
+        return { line, area, lastX: xs[xs.length - 1], lastY: ys[ys.length - 1] };
+    }, ...(ngDevMode ? [{ debugName: "sparklinePath" }] : []));
+    ngOnDestroy() {
+        cancelAnimationFrame(this.rafId);
+        cancelAnimationFrame(this.rafYearId);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TotalKmWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: TotalKmWidgetComponent, isStandalone: true, selector: "c2g-total-km-widget", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<article class=\"c2g-tkm\">\n  <header class=\"c2g-tkm__header\">\n    <span class=\"c2g-tkm__icon\" aria-hidden=\"true\">\uD83D\uDDFA\uFE0F</span>\n    <div class=\"c2g-tkm__titles\">\n      <h3 class=\"c2g-tkm__title\">Gesamt-Kilometer</h3>\n      @if (data().tourCount) {\n        <span class=\"c2g-tkm__sub\">{{ data().tourCount }} Touren</span>\n      }\n    </div>\n  </header>\n\n  <div class=\"c2g-tkm__hero\">\n    <span class=\"c2g-tkm__value\">{{ displayKm() | number:'1.0-0' }}</span>\n    <span class=\"c2g-tkm__unit\">km</span>\n  </div>\n\n  @if (data().yearKm) {\n    <div class=\"c2g-tkm__year-row\">\n      <span class=\"c2g-tkm__year-label\">Dieses Jahr</span>\n      <span class=\"c2g-tkm__year-value\">{{ displayYearKm() | number:'1.0-0' }} km</span>\n    </div>\n  }\n\n  @if (sparklinePath()) {\n    <div class=\"c2g-tkm__chart\" aria-hidden=\"true\">\n      <svg viewBox=\"0 0 200 48\" preserveAspectRatio=\"none\" class=\"c2g-tkm__svg\">\n        <defs>\n          <linearGradient id=\"tkm-area-grad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n            <stop offset=\"0%\" stop-color=\"var(--c2g-theme-primary, #ff6b35)\" stop-opacity=\"0.35\"/>\n            <stop offset=\"100%\" stop-color=\"var(--c2g-theme-primary, #ff6b35)\" stop-opacity=\"0\"/>\n          </linearGradient>\n        </defs>\n        <path class=\"c2g-tkm__area\" [attr.d]=\"sparklinePath()!.area\" fill=\"url(#tkm-area-grad)\" />\n        <path class=\"c2g-tkm__line\" [attr.d]=\"sparklinePath()!.line\" />\n        <circle\n          class=\"c2g-tkm__dot\"\n          [attr.cx]=\"sparklinePath()!.lastX\"\n          [attr.cy]=\"sparklinePath()!.lastY\"\n          r=\"3\"\n        />\n      </svg>\n    </div>\n  }\n</article>\n", styles: [":host{display:block;font-family:var(--c2g-font-family-base, \"Quicksand\", sans-serif)}.c2g-tkm{background:var(--c2g-theme-surface, var(--c2g-color-surface));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));box-shadow:var(--c2g-shadow-sm, 0 1px 4px rgba(0, 0, 0, .06));border-radius:var(--c2g-radius-xl, 20px);padding:18px 20px 0;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.c2g-tkm:hover{box-shadow:var(--c2g-shadow-lg, 0 8px 28px rgba(0, 0, 0, .11));transform:translateY(-2px)}.c2g-tkm:before{content:\"\";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 100% 0%,rgba(255,107,53,.05) 0%,transparent 70%);pointer-events:none}.c2g-tkm__header{display:flex;align-items:center;gap:8px}.c2g-tkm__icon{font-size:1.25rem;line-height:1}.c2g-tkm__titles{display:flex;flex-direction:column;gap:2px}.c2g-tkm__title{margin:0;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-tkm__sub{font-size:.75rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));opacity:.7}.c2g-tkm__hero{display:flex;align-items:baseline;gap:5px}.c2g-tkm__value{font-size:3rem;font-weight:800;line-height:1;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));font-variant-numeric:tabular-nums;letter-spacing:-.02em}.c2g-tkm__unit{font-size:1.25rem;font-weight:700;color:var(--c2g-theme-primary, var(--c2g-color-primary))}.c2g-tkm__year-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--c2g-theme-surface-container, var(--c2g-color-bg-secondary));border-radius:var(--c2g-radius-md, 10px)}.c2g-tkm__year-label{font-size:.75rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-tkm__year-value{font-size:.875rem;font-weight:700;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));font-variant-numeric:tabular-nums}.c2g-tkm__chart{height:52px;margin:0 -20px}.c2g-tkm__svg{width:100%;height:100%;display:block}.c2g-tkm__line{fill:none;stroke:var(--c2g-theme-primary, var(--c2g-color-primary));stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.c2g-tkm__dot{fill:var(--c2g-theme-primary, var(--c2g-color-primary))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.DecimalPipe, name: "number" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TotalKmWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c2g-total-km-widget', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<article class=\"c2g-tkm\">\n  <header class=\"c2g-tkm__header\">\n    <span class=\"c2g-tkm__icon\" aria-hidden=\"true\">\uD83D\uDDFA\uFE0F</span>\n    <div class=\"c2g-tkm__titles\">\n      <h3 class=\"c2g-tkm__title\">Gesamt-Kilometer</h3>\n      @if (data().tourCount) {\n        <span class=\"c2g-tkm__sub\">{{ data().tourCount }} Touren</span>\n      }\n    </div>\n  </header>\n\n  <div class=\"c2g-tkm__hero\">\n    <span class=\"c2g-tkm__value\">{{ displayKm() | number:'1.0-0' }}</span>\n    <span class=\"c2g-tkm__unit\">km</span>\n  </div>\n\n  @if (data().yearKm) {\n    <div class=\"c2g-tkm__year-row\">\n      <span class=\"c2g-tkm__year-label\">Dieses Jahr</span>\n      <span class=\"c2g-tkm__year-value\">{{ displayYearKm() | number:'1.0-0' }} km</span>\n    </div>\n  }\n\n  @if (sparklinePath()) {\n    <div class=\"c2g-tkm__chart\" aria-hidden=\"true\">\n      <svg viewBox=\"0 0 200 48\" preserveAspectRatio=\"none\" class=\"c2g-tkm__svg\">\n        <defs>\n          <linearGradient id=\"tkm-area-grad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n            <stop offset=\"0%\" stop-color=\"var(--c2g-theme-primary, #ff6b35)\" stop-opacity=\"0.35\"/>\n            <stop offset=\"100%\" stop-color=\"var(--c2g-theme-primary, #ff6b35)\" stop-opacity=\"0\"/>\n          </linearGradient>\n        </defs>\n        <path class=\"c2g-tkm__area\" [attr.d]=\"sparklinePath()!.area\" fill=\"url(#tkm-area-grad)\" />\n        <path class=\"c2g-tkm__line\" [attr.d]=\"sparklinePath()!.line\" />\n        <circle\n          class=\"c2g-tkm__dot\"\n          [attr.cx]=\"sparklinePath()!.lastX\"\n          [attr.cy]=\"sparklinePath()!.lastY\"\n          r=\"3\"\n        />\n      </svg>\n    </div>\n  }\n</article>\n", styles: [":host{display:block;font-family:var(--c2g-font-family-base, \"Quicksand\", sans-serif)}.c2g-tkm{background:var(--c2g-theme-surface, var(--c2g-color-surface));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));box-shadow:var(--c2g-shadow-sm, 0 1px 4px rgba(0, 0, 0, .06));border-radius:var(--c2g-radius-xl, 20px);padding:18px 20px 0;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.c2g-tkm:hover{box-shadow:var(--c2g-shadow-lg, 0 8px 28px rgba(0, 0, 0, .11));transform:translateY(-2px)}.c2g-tkm:before{content:\"\";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 100% 0%,rgba(255,107,53,.05) 0%,transparent 70%);pointer-events:none}.c2g-tkm__header{display:flex;align-items:center;gap:8px}.c2g-tkm__icon{font-size:1.25rem;line-height:1}.c2g-tkm__titles{display:flex;flex-direction:column;gap:2px}.c2g-tkm__title{margin:0;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-tkm__sub{font-size:.75rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));opacity:.7}.c2g-tkm__hero{display:flex;align-items:baseline;gap:5px}.c2g-tkm__value{font-size:3rem;font-weight:800;line-height:1;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));font-variant-numeric:tabular-nums;letter-spacing:-.02em}.c2g-tkm__unit{font-size:1.25rem;font-weight:700;color:var(--c2g-theme-primary, var(--c2g-color-primary))}.c2g-tkm__year-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--c2g-theme-surface-container, var(--c2g-color-bg-secondary));border-radius:var(--c2g-radius-md, 10px)}.c2g-tkm__year-label{font-size:.75rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-tkm__year-value{font-size:.875rem;font-weight:700;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));font-variant-numeric:tabular-nums}.c2g-tkm__chart{height:52px;margin:0 -20px}.c2g-tkm__svg{width:100%;height:100%;display:block}.c2g-tkm__line{fill:none;stroke:var(--c2g-theme-primary, var(--c2g-color-primary));stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.c2g-tkm__dot{fill:var(--c2g-theme-primary, var(--c2g-color-primary))}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }] } });
+
+const TYPE_CONFIG = {
+    hiking: { label: 'Wandern', emoji: '🥾', color: '#ff6b35' },
+    cycling: { label: 'Radfahren', emoji: '🚵', color: '#22c55e' },
+    paddling: { label: 'Paddeln', emoji: '🛶', color: '#3b82f6' },
+    climbing: { label: 'Klettern', emoji: '🧗', color: '#a855f7' },
+    skiing: { label: 'Skifahren', emoji: '⛷️', color: '#06b6d4' },
+    other: { label: 'Sonstige', emoji: '🏕️', color: '#94a3b8' },
+};
+const CIRCUMFERENCE = 2 * Math.PI * 52; // r=52
+class TourTypeSplitWidgetComponent {
+    data = input.required(...(ngDevMode ? [{ debugName: "data" }] : []));
+    segments = computed(() => {
+        const entries = this.data().entries.filter(e => e.count > 0);
+        const total = entries.reduce((s, e) => s + e.count, 0) || 1;
+        const GAP = CIRCUMFERENCE * 0.012;
+        let offset = 0;
+        return entries.map(e => {
+            const pct = e.count / total;
+            const dash = Math.max(0, pct * CIRCUMFERENCE - GAP);
+            const cfg = TYPE_CONFIG[e.type];
+            const seg = {
+                type: e.type,
+                label: cfg.label,
+                emoji: cfg.emoji,
+                color: cfg.color,
+                count: e.count,
+                km: e.km ?? 0,
+                pct,
+                offset,
+                dash,
+            };
+            offset += pct * CIRCUMFERENCE;
+            return seg;
+        });
+    }, ...(ngDevMode ? [{ debugName: "segments" }] : []));
+    dominantSegment = computed(() => {
+        const segs = this.segments();
+        return segs.length > 0 ? segs.reduce((a, b) => (a.count > b.count ? a : b)) : null;
+    }, ...(ngDevMode ? [{ debugName: "dominantSegment" }] : []));
+    circumference = CIRCUMFERENCE;
+    trackByType(_, seg) {
+        return seg.type;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TourTypeSplitWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: TourTypeSplitWidgetComponent, isStandalone: true, selector: "c2g-tour-type-split-widget", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<article class=\"c2g-tts\">\n  <header class=\"c2g-tts__header\">\n    <span class=\"c2g-tts__icon\" aria-hidden=\"true\">\uD83E\uDDED</span>\n    <div class=\"c2g-tts__titles\">\n      <h3 class=\"c2g-tts__title\">Tour-Typen</h3>\n      <span class=\"c2g-tts__sub\">{{ data().totalTours }} Touren gesamt</span>\n    </div>\n  </header>\n\n  <div class=\"c2g-tts__body\">\n    <div class=\"c2g-tts__donut-wrap\" aria-hidden=\"true\">\n      <svg viewBox=\"0 0 128 128\" class=\"c2g-tts__donut\">\n        <circle cx=\"64\" cy=\"64\" r=\"52\" class=\"c2g-tts__track\"/>\n        @for (seg of segments(); track trackByType($index, seg)) {\n          <circle\n            cx=\"64\" cy=\"64\" r=\"52\"\n            class=\"c2g-tts__arc\"\n            [style.stroke]=\"seg.color\"\n            [style.stroke-dasharray]=\"seg.dash + ' ' + circumference\"\n            [style.stroke-dashoffset]=\"-seg.offset\"\n          />\n        }\n      </svg>\n      @if (dominantSegment(); as dom) {\n        <div class=\"c2g-tts__center\">\n          <span class=\"c2g-tts__center-emoji\">{{ dom.emoji }}</span>\n          <span class=\"c2g-tts__center-label\">{{ dom.label }}</span>\n        </div>\n      }\n    </div>\n\n    <ul class=\"c2g-tts__legend\" role=\"list\">\n      @for (seg of segments(); track trackByType($index, seg)) {\n        <li class=\"c2g-tts__legend-item\">\n          <span class=\"c2g-tts__legend-dot\" [style.background]=\"seg.color\"></span>\n          <span class=\"c2g-tts__legend-emoji\">{{ seg.emoji }}</span>\n          <span class=\"c2g-tts__legend-name\">{{ seg.label }}</span>\n          <span class=\"c2g-tts__legend-count\">{{ seg.count }}</span>\n          <span class=\"c2g-tts__legend-pct\">{{ (seg.pct * 100) | number:'1.0-0' }}%</span>\n        </li>\n      }\n    </ul>\n  </div>\n</article>\n", styles: [":host{display:block;font-family:var(--c2g-font-family-base, \"Quicksand\", sans-serif)}.c2g-tts{background:var(--c2g-theme-surface, var(--c2g-color-surface));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));box-shadow:var(--c2g-shadow-sm, 0 1px 4px rgba(0, 0, 0, .06));border-radius:var(--c2g-radius-xl, 20px);padding:18px 20px;display:flex;flex-direction:column;gap:14px;transition:box-shadow .2s ease,transform .2s ease}.c2g-tts:hover{box-shadow:var(--c2g-shadow-lg, 0 8px 28px rgba(0, 0, 0, .11));transform:translateY(-2px)}.c2g-tts__header{display:flex;align-items:center;gap:8px}.c2g-tts__icon{font-size:1.25rem;line-height:1}.c2g-tts__titles{display:flex;flex-direction:column;gap:2px}.c2g-tts__title{margin:0;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-tts__sub{font-size:.75rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));opacity:.7}.c2g-tts__body{display:flex;gap:16px;align-items:center}.c2g-tts__donut-wrap{position:relative;flex-shrink:0;width:120px;height:120px}.c2g-tts__donut{width:100%;height:100%;transform:rotate(-90deg)}.c2g-tts__track{fill:none;stroke:var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));stroke-width:18}.c2g-tts__arc{fill:none;stroke-width:18;stroke-linecap:butt;transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1)}.c2g-tts__center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.c2g-tts__center-emoji{font-size:1.5rem;line-height:1}.c2g-tts__center-label{font-size:.6rem;font-weight:700;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));text-align:center;text-transform:uppercase;letter-spacing:.05em}.c2g-tts__legend{list-style:none;margin:0;padding:0;flex:1;display:flex;flex-direction:column;gap:6px}.c2g-tts__legend-item{display:flex;align-items:center;gap:6px}.c2g-tts__legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.c2g-tts__legend-emoji{font-size:.875rem;line-height:1;flex-shrink:0}.c2g-tts__legend-name{font-size:.8125rem;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));flex:1}.c2g-tts__legend-count{font-size:.8125rem;font-weight:700;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));font-variant-numeric:tabular-nums}.c2g-tts__legend-pct{font-size:.75rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));font-variant-numeric:tabular-nums;min-width:2.5rem;text-align:right}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.DecimalPipe, name: "number" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TourTypeSplitWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c2g-tour-type-split-widget', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<article class=\"c2g-tts\">\n  <header class=\"c2g-tts__header\">\n    <span class=\"c2g-tts__icon\" aria-hidden=\"true\">\uD83E\uDDED</span>\n    <div class=\"c2g-tts__titles\">\n      <h3 class=\"c2g-tts__title\">Tour-Typen</h3>\n      <span class=\"c2g-tts__sub\">{{ data().totalTours }} Touren gesamt</span>\n    </div>\n  </header>\n\n  <div class=\"c2g-tts__body\">\n    <div class=\"c2g-tts__donut-wrap\" aria-hidden=\"true\">\n      <svg viewBox=\"0 0 128 128\" class=\"c2g-tts__donut\">\n        <circle cx=\"64\" cy=\"64\" r=\"52\" class=\"c2g-tts__track\"/>\n        @for (seg of segments(); track trackByType($index, seg)) {\n          <circle\n            cx=\"64\" cy=\"64\" r=\"52\"\n            class=\"c2g-tts__arc\"\n            [style.stroke]=\"seg.color\"\n            [style.stroke-dasharray]=\"seg.dash + ' ' + circumference\"\n            [style.stroke-dashoffset]=\"-seg.offset\"\n          />\n        }\n      </svg>\n      @if (dominantSegment(); as dom) {\n        <div class=\"c2g-tts__center\">\n          <span class=\"c2g-tts__center-emoji\">{{ dom.emoji }}</span>\n          <span class=\"c2g-tts__center-label\">{{ dom.label }}</span>\n        </div>\n      }\n    </div>\n\n    <ul class=\"c2g-tts__legend\" role=\"list\">\n      @for (seg of segments(); track trackByType($index, seg)) {\n        <li class=\"c2g-tts__legend-item\">\n          <span class=\"c2g-tts__legend-dot\" [style.background]=\"seg.color\"></span>\n          <span class=\"c2g-tts__legend-emoji\">{{ seg.emoji }}</span>\n          <span class=\"c2g-tts__legend-name\">{{ seg.label }}</span>\n          <span class=\"c2g-tts__legend-count\">{{ seg.count }}</span>\n          <span class=\"c2g-tts__legend-pct\">{{ (seg.pct * 100) | number:'1.0-0' }}%</span>\n        </li>\n      }\n    </ul>\n  </div>\n</article>\n", styles: [":host{display:block;font-family:var(--c2g-font-family-base, \"Quicksand\", sans-serif)}.c2g-tts{background:var(--c2g-theme-surface, var(--c2g-color-surface));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));box-shadow:var(--c2g-shadow-sm, 0 1px 4px rgba(0, 0, 0, .06));border-radius:var(--c2g-radius-xl, 20px);padding:18px 20px;display:flex;flex-direction:column;gap:14px;transition:box-shadow .2s ease,transform .2s ease}.c2g-tts:hover{box-shadow:var(--c2g-shadow-lg, 0 8px 28px rgba(0, 0, 0, .11));transform:translateY(-2px)}.c2g-tts__header{display:flex;align-items:center;gap:8px}.c2g-tts__icon{font-size:1.25rem;line-height:1}.c2g-tts__titles{display:flex;flex-direction:column;gap:2px}.c2g-tts__title{margin:0;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-tts__sub{font-size:.75rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));opacity:.7}.c2g-tts__body{display:flex;gap:16px;align-items:center}.c2g-tts__donut-wrap{position:relative;flex-shrink:0;width:120px;height:120px}.c2g-tts__donut{width:100%;height:100%;transform:rotate(-90deg)}.c2g-tts__track{fill:none;stroke:var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));stroke-width:18}.c2g-tts__arc{fill:none;stroke-width:18;stroke-linecap:butt;transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1)}.c2g-tts__center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.c2g-tts__center-emoji{font-size:1.5rem;line-height:1}.c2g-tts__center-label{font-size:.6rem;font-weight:700;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));text-align:center;text-transform:uppercase;letter-spacing:.05em}.c2g-tts__legend{list-style:none;margin:0;padding:0;flex:1;display:flex;flex-direction:column;gap:6px}.c2g-tts__legend-item{display:flex;align-items:center;gap:6px}.c2g-tts__legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.c2g-tts__legend-emoji{font-size:.875rem;line-height:1;flex-shrink:0}.c2g-tts__legend-name{font-size:.8125rem;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));flex:1}.c2g-tts__legend-count{font-size:.8125rem;font-weight:700;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));font-variant-numeric:tabular-nums}.c2g-tts__legend-pct{font-size:.75rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));font-variant-numeric:tabular-nums;min-width:2.5rem;text-align:right}\n"] }]
+        }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }] } });
+
+const MONTH_LABELS = ['Jan', 'Feb', 'Mär', 'Apr', 'Mai', 'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dez'];
+class TourRhythmWidgetComponent {
+    data = input.required(...(ngDevMode ? [{ debugName: "data" }] : []));
+    cells = computed(() => {
+        const weeks = this.data().weeks;
+        let prevMonth = -1;
+        return weeks.map((w, i) => {
+            const d = new Date(w.weekStart);
+            const month = d.getMonth();
+            const monthLabel = month !== prevMonth ? MONTH_LABELS[month] : null;
+            prevMonth = month;
+            return { ...w, col: i, monthLabel };
+        });
+    }, ...(ngDevMode ? [{ debugName: "cells" }] : []));
+    totalCols = computed(() => this.data().weeks.length, ...(ngDevMode ? [{ debugName: "totalCols" }] : []));
+    levelColors = ['#1e293b', '#166534', '#16a34a', '#4ade80', '#86efac'];
+    levelColor(level) {
+        return this.levelColors[level];
+    }
+    trackByCol(_, cell) {
+        return cell.col;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TourRhythmWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: TourRhythmWidgetComponent, isStandalone: true, selector: "c2g-tour-rhythm-widget", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<article class=\"c2g-trh\">\n  <header class=\"c2g-trh__header\">\n    <span class=\"c2g-trh__icon\" aria-hidden=\"true\">\uD83D\uDCC5</span>\n    <div class=\"c2g-trh__titles\">\n      <h3 class=\"c2g-trh__title\">Tour-Rhythmus</h3>\n      <span class=\"c2g-trh__sub\">Letzte 52 Wochen</span>\n    </div>\n    <div class=\"c2g-trh__stats\">\n      @if (data().currentStreakWeeks) {\n        <span class=\"c2g-trh__streak\">\uD83D\uDD25 {{ data().currentStreakWeeks }} Wochen-Streak</span>\n      }\n    </div>\n  </header>\n\n  <div class=\"c2g-trh__grid-wrap\" aria-label=\"Aktivit\u00E4ts-Heatmap der letzten 52 Wochen\" role=\"img\">\n    <div class=\"c2g-trh__month-labels\" aria-hidden=\"true\">\n      @for (cell of cells(); track cell.col) {\n        @if (cell.monthLabel) {\n          <span class=\"c2g-trh__month-label\" [style.grid-column]=\"cell.col + 1\">\n            {{ cell.monthLabel }}\n          </span>\n        }\n      }\n    </div>\n    <div class=\"c2g-trh__grid\">\n      @for (cell of cells(); track trackByCol($index, cell)) {\n        <div\n          class=\"c2g-trh__cell c2g-trh__cell--level-{{ cell.level }}\"\n          [style.background]=\"levelColor(cell.level)\"\n          [title]=\"cell.tourName ? cell.tourName + (cell.km ? ' \u00B7 ' + cell.km + ' km' : '') : cell.weekStart\"\n        ></div>\n      }\n    </div>\n  </div>\n\n  <div class=\"c2g-trh__legend\" aria-hidden=\"true\">\n    <span class=\"c2g-trh__legend-label\">Weniger</span>\n    @for (l of [0, 1, 2, 3, 4]; track l) {\n      <div class=\"c2g-trh__legend-cell\" [style.background]=\"levelColors[l]\"></div>\n    }\n    <span class=\"c2g-trh__legend-label\">Mehr</span>\n  </div>\n</article>\n", styles: [":host{display:block;font-family:var(--c2g-font-family-base, \"Quicksand\", sans-serif)}.c2g-trh{background:var(--c2g-theme-surface, var(--c2g-color-surface));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));box-shadow:var(--c2g-shadow-sm, 0 1px 4px rgba(0, 0, 0, .06));border-radius:var(--c2g-radius-xl, 20px);padding:18px 20px 14px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .2s ease,transform .2s ease}.c2g-trh:hover{box-shadow:var(--c2g-shadow-lg, 0 8px 28px rgba(0, 0, 0, .11));transform:translateY(-2px)}.c2g-trh__header{display:flex;align-items:center;gap:8px}.c2g-trh__icon{font-size:1.25rem;line-height:1}.c2g-trh__titles{flex:1;display:flex;flex-direction:column;gap:2px}.c2g-trh__title{margin:0;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-trh__sub{font-size:.75rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));opacity:.7}.c2g-trh__streak{font-size:.72rem;font-weight:700;color:var(--c2g-color-warning, #f59e0b);background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);padding:3px 8px;border-radius:999px;white-space:nowrap}.c2g-trh__grid-wrap{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.c2g-trh__grid-wrap::-webkit-scrollbar{display:none}.c2g-trh__month-labels{display:grid;grid-template-columns:repeat(52,12px);gap:2px;margin-bottom:4px;min-width:max-content}.c2g-trh__month-label{font-size:.6rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));white-space:nowrap;opacity:.6}.c2g-trh__grid{display:grid;grid-template-columns:repeat(52,12px);gap:2px;min-width:max-content}.c2g-trh__cell{width:12px;height:12px;border-radius:2px;transition:transform .15s ease,filter .15s ease;cursor:default}.c2g-trh__cell:hover{transform:scale(1.3);filter:brightness(1.2);z-index:1;position:relative}.c2g-trh__legend{display:flex;align-items:center;gap:4px}.c2g-trh__legend-label{font-size:.65rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));opacity:.6}.c2g-trh__legend-cell{width:10px;height:10px;border-radius:2px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TourRhythmWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c2g-tour-rhythm-widget', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<article class=\"c2g-trh\">\n  <header class=\"c2g-trh__header\">\n    <span class=\"c2g-trh__icon\" aria-hidden=\"true\">\uD83D\uDCC5</span>\n    <div class=\"c2g-trh__titles\">\n      <h3 class=\"c2g-trh__title\">Tour-Rhythmus</h3>\n      <span class=\"c2g-trh__sub\">Letzte 52 Wochen</span>\n    </div>\n    <div class=\"c2g-trh__stats\">\n      @if (data().currentStreakWeeks) {\n        <span class=\"c2g-trh__streak\">\uD83D\uDD25 {{ data().currentStreakWeeks }} Wochen-Streak</span>\n      }\n    </div>\n  </header>\n\n  <div class=\"c2g-trh__grid-wrap\" aria-label=\"Aktivit\u00E4ts-Heatmap der letzten 52 Wochen\" role=\"img\">\n    <div class=\"c2g-trh__month-labels\" aria-hidden=\"true\">\n      @for (cell of cells(); track cell.col) {\n        @if (cell.monthLabel) {\n          <span class=\"c2g-trh__month-label\" [style.grid-column]=\"cell.col + 1\">\n            {{ cell.monthLabel }}\n          </span>\n        }\n      }\n    </div>\n    <div class=\"c2g-trh__grid\">\n      @for (cell of cells(); track trackByCol($index, cell)) {\n        <div\n          class=\"c2g-trh__cell c2g-trh__cell--level-{{ cell.level }}\"\n          [style.background]=\"levelColor(cell.level)\"\n          [title]=\"cell.tourName ? cell.tourName + (cell.km ? ' \u00B7 ' + cell.km + ' km' : '') : cell.weekStart\"\n        ></div>\n      }\n    </div>\n  </div>\n\n  <div class=\"c2g-trh__legend\" aria-hidden=\"true\">\n    <span class=\"c2g-trh__legend-label\">Weniger</span>\n    @for (l of [0, 1, 2, 3, 4]; track l) {\n      <div class=\"c2g-trh__legend-cell\" [style.background]=\"levelColors[l]\"></div>\n    }\n    <span class=\"c2g-trh__legend-label\">Mehr</span>\n  </div>\n</article>\n", styles: [":host{display:block;font-family:var(--c2g-font-family-base, \"Quicksand\", sans-serif)}.c2g-trh{background:var(--c2g-theme-surface, var(--c2g-color-surface));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));box-shadow:var(--c2g-shadow-sm, 0 1px 4px rgba(0, 0, 0, .06));border-radius:var(--c2g-radius-xl, 20px);padding:18px 20px 14px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .2s ease,transform .2s ease}.c2g-trh:hover{box-shadow:var(--c2g-shadow-lg, 0 8px 28px rgba(0, 0, 0, .11));transform:translateY(-2px)}.c2g-trh__header{display:flex;align-items:center;gap:8px}.c2g-trh__icon{font-size:1.25rem;line-height:1}.c2g-trh__titles{flex:1;display:flex;flex-direction:column;gap:2px}.c2g-trh__title{margin:0;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-trh__sub{font-size:.75rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));opacity:.7}.c2g-trh__streak{font-size:.72rem;font-weight:700;color:var(--c2g-color-warning, #f59e0b);background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);padding:3px 8px;border-radius:999px;white-space:nowrap}.c2g-trh__grid-wrap{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.c2g-trh__grid-wrap::-webkit-scrollbar{display:none}.c2g-trh__month-labels{display:grid;grid-template-columns:repeat(52,12px);gap:2px;margin-bottom:4px;min-width:max-content}.c2g-trh__month-label{font-size:.6rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));white-space:nowrap;opacity:.6}.c2g-trh__grid{display:grid;grid-template-columns:repeat(52,12px);gap:2px;min-width:max-content}.c2g-trh__cell{width:12px;height:12px;border-radius:2px;transition:transform .15s ease,filter .15s ease;cursor:default}.c2g-trh__cell:hover{transform:scale(1.3);filter:brightness(1.2);z-index:1;position:relative}.c2g-trh__legend{display:flex;align-items:center;gap:4px}.c2g-trh__legend-label{font-size:.65rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));opacity:.6}.c2g-trh__legend-cell{width:10px;height:10px;border-radius:2px}\n"] }]
+        }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }] } });
+
+const SEASON_CONFIG = {
+    spring: { label: 'Frühling', emoji: '🌸', color: '#84cc16' },
+    summer: { label: 'Sommer', emoji: '☀️', color: '#f59e0b' },
+    autumn: { label: 'Herbst', emoji: '🍂', color: '#ef4444' },
+    winter: { label: 'Winter', emoji: '❄️', color: '#3b82f6' },
+};
+const CX = 64, CY = 64, R_OUTER = 56, R_INNER = 28;
+function polarToXY(cx, cy, r, angleDeg) {
+    const rad = ((angleDeg - 90) * Math.PI) / 180;
+    return [cx + r * Math.cos(rad), cy + r * Math.sin(rad)];
+}
+function donutSegmentPath(cx, cy, ro, ri, start, end) {
+    const [ox1, oy1] = polarToXY(cx, cy, ro, start);
+    const [ox2, oy2] = polarToXY(cx, cy, ro, end);
+    const [ix1, iy1] = polarToXY(cx, cy, ri, end);
+    const [ix2, iy2] = polarToXY(cx, cy, ri, start);
+    const large = end - start > 180 ? 1 : 0;
+    return [
+        `M ${ox1} ${oy1}`,
+        `A ${ro} ${ro} 0 ${large} 1 ${ox2} ${oy2}`,
+        `L ${ix1} ${iy1}`,
+        `A ${ri} ${ri} 0 ${large} 0 ${ix2} ${iy2}`,
+        'Z',
+    ].join(' ');
+}
+const SEASON_ORDER = ['spring', 'summer', 'autumn', 'winter'];
+class SeasonDnaWidgetComponent {
+    data = input.required(...(ngDevMode ? [{ debugName: "data" }] : []));
+    segments = computed(() => {
+        const entries = this.data().entries;
+        const total = entries.reduce((s, e) => s + e.tourCount, 0) || 1;
+        const GAP = 3;
+        let angle = 0;
+        return SEASON_ORDER.map(season => {
+            const entry = entries.find(e => e.season === season);
+            const count = entry?.tourCount ?? 0;
+            const pct = count / total;
+            const span = Math.max(0, pct * 360 - GAP);
+            const start = angle;
+            const end = angle + span;
+            angle += pct * 360;
+            const cfg = SEASON_CONFIG[season];
+            const mid = (start + end) / 2;
+            const [lx, ly] = polarToXY(CX, CY, (R_OUTER + R_INNER) / 2, mid);
+            return {
+                season,
+                label: cfg.label,
+                emoji: cfg.emoji,
+                color: cfg.color,
+                tourCount: count,
+                km: entry?.km ?? 0,
+                nights: entry?.nights ?? 0,
+                pct,
+                startAngle: start,
+                endAngle: end,
+                pathD: span > 2 ? donutSegmentPath(CX, CY, R_OUTER, R_INNER, start, end) : '',
+                labelX: lx,
+                labelY: ly,
+            };
+        }).filter(s => s.pct > 0);
+    }, ...(ngDevMode ? [{ debugName: "segments" }] : []));
+    dominantSeason = computed(() => {
+        const segs = this.segments();
+        if (segs.length === 0)
+            return null;
+        const dom = segs.reduce((a, b) => (a.tourCount > b.tourCount ? a : b));
+        return SEASON_CONFIG[dom.season];
+    }, ...(ngDevMode ? [{ debugName: "dominantSeason" }] : []));
+    trackBySeason(_, seg) {
+        return seg.season;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SeasonDnaWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: SeasonDnaWidgetComponent, isStandalone: true, selector: "c2g-season-dna-widget", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<article class=\"c2g-sdn\">\n  <header class=\"c2g-sdn__header\">\n    <span class=\"c2g-sdn__icon\" aria-hidden=\"true\">\uD83C\uDF0D</span>\n    <div class=\"c2g-sdn__titles\">\n      <h3 class=\"c2g-sdn__title\">Saison-DNA</h3>\n      <span class=\"c2g-sdn__sub\">{{ data().totalTours }} Touren analysiert</span>\n    </div>\n  </header>\n\n  <div class=\"c2g-sdn__body\">\n    <div class=\"c2g-sdn__chart-wrap\" aria-hidden=\"true\">\n      <svg viewBox=\"0 0 128 128\" class=\"c2g-sdn__svg\">\n        @for (seg of segments(); track trackBySeason($index, seg)) {\n          @if (seg.pathD) {\n            <path\n              class=\"c2g-sdn__segment\"\n              [attr.d]=\"seg.pathD\"\n              [style.fill]=\"seg.color\"\n            />\n          }\n        }\n      </svg>\n      @if (dominantSeason(); as dom) {\n        <div class=\"c2g-sdn__center\">\n          <span class=\"c2g-sdn__center-emoji\">{{ dom.emoji }}</span>\n          <span class=\"c2g-sdn__center-label\">{{ dom.label }}</span>\n        </div>\n      }\n    </div>\n\n    <ul class=\"c2g-sdn__legend\" role=\"list\">\n      @for (seg of segments(); track trackBySeason($index, seg)) {\n        <li class=\"c2g-sdn__legend-item\">\n          <span class=\"c2g-sdn__legend-dot\" [style.background]=\"seg.color\"></span>\n          <span class=\"c2g-sdn__legend-emoji\">{{ seg.emoji }}</span>\n          <div class=\"c2g-sdn__legend-text\">\n            <span class=\"c2g-sdn__legend-name\">{{ seg.label }}</span>\n            <span class=\"c2g-sdn__legend-detail\">\n              {{ seg.tourCount }} Tour{{ seg.tourCount !== 1 ? 'en' : '' }}\n              @if (seg.km) { \u00B7 {{ seg.km | number:'1.0-0' }} km }\n            </span>\n          </div>\n          <span class=\"c2g-sdn__legend-pct\">{{ (seg.pct * 100) | number:'1.0-0' }}%</span>\n        </li>\n      }\n    </ul>\n  </div>\n</article>\n", styles: [":host{display:block;font-family:var(--c2g-font-family-base, \"Quicksand\", sans-serif)}.c2g-sdn{background:var(--c2g-theme-surface, var(--c2g-color-surface));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));box-shadow:var(--c2g-shadow-sm, 0 1px 4px rgba(0, 0, 0, .06));border-radius:var(--c2g-radius-xl, 20px);padding:18px 20px;display:flex;flex-direction:column;gap:14px;transition:box-shadow .2s ease,transform .2s ease}.c2g-sdn:hover{box-shadow:var(--c2g-shadow-lg, 0 8px 28px rgba(0, 0, 0, .11));transform:translateY(-2px)}.c2g-sdn__header{display:flex;align-items:center;gap:8px}.c2g-sdn__icon{font-size:1.25rem;line-height:1}.c2g-sdn__titles{display:flex;flex-direction:column;gap:2px}.c2g-sdn__title{margin:0;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-sdn__sub{font-size:.75rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));opacity:.7}.c2g-sdn__body{display:flex;gap:16px;align-items:center}.c2g-sdn__chart-wrap{position:relative;flex-shrink:0;width:120px;height:120px}.c2g-sdn__svg{width:100%;height:100%;display:block}.c2g-sdn__segment{transition:opacity .2s ease;opacity:.9}.c2g-sdn__segment:hover{opacity:1;filter:brightness(1.1)}.c2g-sdn__center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;pointer-events:none}.c2g-sdn__center-emoji{font-size:1.5rem;line-height:1}.c2g-sdn__center-label{font-size:.6rem;font-weight:700;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));text-align:center;text-transform:uppercase;letter-spacing:.05em}.c2g-sdn__legend{list-style:none;margin:0;padding:0;flex:1;display:flex;flex-direction:column;gap:8px}.c2g-sdn__legend-item{display:flex;align-items:center;gap:6px}.c2g-sdn__legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.c2g-sdn__legend-emoji{font-size:.875rem;line-height:1;flex-shrink:0}.c2g-sdn__legend-text{flex:1;display:flex;flex-direction:column;gap:1px}.c2g-sdn__legend-name{font-size:.8125rem;font-weight:600;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary))}.c2g-sdn__legend-detail{font-size:.6875rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));opacity:.7}.c2g-sdn__legend-pct{font-size:.75rem;font-weight:700;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));font-variant-numeric:tabular-nums;min-width:2.25rem;text-align:right}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.DecimalPipe, name: "number" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SeasonDnaWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c2g-season-dna-widget', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<article class=\"c2g-sdn\">\n  <header class=\"c2g-sdn__header\">\n    <span class=\"c2g-sdn__icon\" aria-hidden=\"true\">\uD83C\uDF0D</span>\n    <div class=\"c2g-sdn__titles\">\n      <h3 class=\"c2g-sdn__title\">Saison-DNA</h3>\n      <span class=\"c2g-sdn__sub\">{{ data().totalTours }} Touren analysiert</span>\n    </div>\n  </header>\n\n  <div class=\"c2g-sdn__body\">\n    <div class=\"c2g-sdn__chart-wrap\" aria-hidden=\"true\">\n      <svg viewBox=\"0 0 128 128\" class=\"c2g-sdn__svg\">\n        @for (seg of segments(); track trackBySeason($index, seg)) {\n          @if (seg.pathD) {\n            <path\n              class=\"c2g-sdn__segment\"\n              [attr.d]=\"seg.pathD\"\n              [style.fill]=\"seg.color\"\n            />\n          }\n        }\n      </svg>\n      @if (dominantSeason(); as dom) {\n        <div class=\"c2g-sdn__center\">\n          <span class=\"c2g-sdn__center-emoji\">{{ dom.emoji }}</span>\n          <span class=\"c2g-sdn__center-label\">{{ dom.label }}</span>\n        </div>\n      }\n    </div>\n\n    <ul class=\"c2g-sdn__legend\" role=\"list\">\n      @for (seg of segments(); track trackBySeason($index, seg)) {\n        <li class=\"c2g-sdn__legend-item\">\n          <span class=\"c2g-sdn__legend-dot\" [style.background]=\"seg.color\"></span>\n          <span class=\"c2g-sdn__legend-emoji\">{{ seg.emoji }}</span>\n          <div class=\"c2g-sdn__legend-text\">\n            <span class=\"c2g-sdn__legend-name\">{{ seg.label }}</span>\n            <span class=\"c2g-sdn__legend-detail\">\n              {{ seg.tourCount }} Tour{{ seg.tourCount !== 1 ? 'en' : '' }}\n              @if (seg.km) { \u00B7 {{ seg.km | number:'1.0-0' }} km }\n            </span>\n          </div>\n          <span class=\"c2g-sdn__legend-pct\">{{ (seg.pct * 100) | number:'1.0-0' }}%</span>\n        </li>\n      }\n    </ul>\n  </div>\n</article>\n", styles: [":host{display:block;font-family:var(--c2g-font-family-base, \"Quicksand\", sans-serif)}.c2g-sdn{background:var(--c2g-theme-surface, var(--c2g-color-surface));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));box-shadow:var(--c2g-shadow-sm, 0 1px 4px rgba(0, 0, 0, .06));border-radius:var(--c2g-radius-xl, 20px);padding:18px 20px;display:flex;flex-direction:column;gap:14px;transition:box-shadow .2s ease,transform .2s ease}.c2g-sdn:hover{box-shadow:var(--c2g-shadow-lg, 0 8px 28px rgba(0, 0, 0, .11));transform:translateY(-2px)}.c2g-sdn__header{display:flex;align-items:center;gap:8px}.c2g-sdn__icon{font-size:1.25rem;line-height:1}.c2g-sdn__titles{display:flex;flex-direction:column;gap:2px}.c2g-sdn__title{margin:0;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-sdn__sub{font-size:.75rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));opacity:.7}.c2g-sdn__body{display:flex;gap:16px;align-items:center}.c2g-sdn__chart-wrap{position:relative;flex-shrink:0;width:120px;height:120px}.c2g-sdn__svg{width:100%;height:100%;display:block}.c2g-sdn__segment{transition:opacity .2s ease;opacity:.9}.c2g-sdn__segment:hover{opacity:1;filter:brightness(1.1)}.c2g-sdn__center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;pointer-events:none}.c2g-sdn__center-emoji{font-size:1.5rem;line-height:1}.c2g-sdn__center-label{font-size:.6rem;font-weight:700;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));text-align:center;text-transform:uppercase;letter-spacing:.05em}.c2g-sdn__legend{list-style:none;margin:0;padding:0;flex:1;display:flex;flex-direction:column;gap:8px}.c2g-sdn__legend-item{display:flex;align-items:center;gap:6px}.c2g-sdn__legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.c2g-sdn__legend-emoji{font-size:.875rem;line-height:1;flex-shrink:0}.c2g-sdn__legend-text{flex:1;display:flex;flex-direction:column;gap:1px}.c2g-sdn__legend-name{font-size:.8125rem;font-weight:600;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary))}.c2g-sdn__legend-detail{font-size:.6875rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));opacity:.7}.c2g-sdn__legend-pct{font-size:.75rem;font-weight:700;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));font-variant-numeric:tabular-nums;min-width:2.25rem;text-align:right}\n"] }]
+        }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }] } });
+
+class WeightHistoryWidgetComponent {
+    data = input.required(...(ngDevMode ? [{ debugName: "data" }] : []));
+    points = computed(() => this.data().points.slice(-12), ...(ngDevMode ? [{ debugName: "points" }] : []));
+    sparklinePath = computed(() => {
+        const pts = this.points();
+        if (pts.length < 2)
+            return null;
+        const W = 200, H = 48;
+        const weights = pts.map(p => p.weightG);
+        const maxW = Math.max(...weights);
+        const minW = Math.min(...weights);
+        const range = maxW - minW || 1;
+        const xs = pts.map((_, i) => (i / (pts.length - 1)) * W);
+        const ys = pts.map(p => H - ((p.weightG - minW) / range) * (H - 8) - 2);
+        let line = `M ${xs[0]} ${ys[0]}`;
+        for (let i = 1; i < pts.length; i++) {
+            const cpx = (xs[i - 1] + xs[i]) / 2;
+            line += ` C ${cpx} ${ys[i - 1]}, ${cpx} ${ys[i]}, ${xs[i]} ${ys[i]}`;
+        }
+        const area = `${line} L ${xs[xs.length - 1]} ${H} L ${xs[0]} ${H} Z`;
+        const improving = pts[pts.length - 1].weightG <= pts[0].weightG;
+        return { line, area, lastX: xs[xs.length - 1], lastY: ys[ys.length - 1], improving };
+    }, ...(ngDevMode ? [{ debugName: "sparklinePath" }] : []));
+    trend = computed(() => {
+        const pts = this.points();
+        if (pts.length < 2)
+            return null;
+        const first = pts[0].weightG;
+        const last = pts[pts.length - 1].weightG;
+        const diffG = last - first;
+        const pct = Math.round((diffG / first) * 100);
+        return { diffG, pct, improving: diffG < 0 };
+    }, ...(ngDevMode ? [{ debugName: "trend" }] : []));
+    formatKg(g) {
+        return (g / 1000).toFixed(2);
+    }
+    formatDate(iso) {
+        return new Date(iso).toLocaleDateString('de-DE', { month: 'short', year: '2-digit' });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: WeightHistoryWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: WeightHistoryWidgetComponent, isStandalone: true, selector: "c2g-weight-history-widget", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<article class=\"c2g-wh\">\n  <header class=\"c2g-wh__header\">\n    <span class=\"c2g-wh__icon\">\u2696\uFE0F</span>\n    <div class=\"c2g-wh__titles\">\n      <h3 class=\"c2g-wh__title\">Gewichts-Historie</h3>\n      @if (data().points.length) {\n        <span class=\"c2g-wh__sub\">{{ data().points.length }} Touren</span>\n      }\n    </div>\n    @if (trend(); as t) {\n      <span class=\"c2g-wh__trend\" [class.c2g-wh__trend--good]=\"t.improving\" [class.c2g-wh__trend--bad]=\"!t.improving\">\n        {{ t.improving ? '\u2193' : '\u2191' }} {{ t.pct | number:'1.0-0' }}%\n      </span>\n    }\n  </header>\n\n  <div class=\"c2g-wh__hero\">\n    @if (data().latestG) {\n      <span class=\"c2g-wh__value\">{{ formatKg(data().latestG!) }}</span>\n      <span class=\"c2g-wh__unit\">kg</span>\n      <span class=\"c2g-wh__label\">aktuell</span>\n    }\n    @if (data().bestG) {\n      <div class=\"c2g-wh__best\">\n        <span class=\"c2g-wh__best-icon\">\uD83C\uDFC6</span>\n        <span class=\"c2g-wh__best-val\">{{ formatKg(data().bestG!) }} kg</span>\n        <span class=\"c2g-wh__best-label\">Rekord</span>\n      </div>\n    }\n  </div>\n\n  @if (sparklinePath(); as sp) {\n    <div class=\"c2g-wh__chart\" aria-hidden=\"true\">\n      <svg viewBox=\"0 0 200 48\" preserveAspectRatio=\"none\" class=\"c2g-wh__svg\">\n        <defs>\n          <linearGradient id=\"wh-grad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n            <stop offset=\"0%\" [attr.stop-color]=\"sp.improving ? '#22c55e' : '#f97316'\" stop-opacity=\"0.3\"/>\n            <stop offset=\"100%\" [attr.stop-color]=\"sp.improving ? '#22c55e' : '#f97316'\" stop-opacity=\"0\"/>\n          </linearGradient>\n        </defs>\n        <path [attr.d]=\"sp.area\" fill=\"url(#wh-grad)\"/>\n        <path class=\"c2g-wh__line\" [attr.d]=\"sp.line\"\n          [style.stroke]=\"sp.improving ? '#22c55e' : '#f97316'\"/>\n        <circle class=\"c2g-wh__dot\" [attr.cx]=\"sp.lastX\" [attr.cy]=\"sp.lastY\" r=\"3\"\n          [style.fill]=\"sp.improving ? '#22c55e' : '#f97316'\"/>\n      </svg>\n    </div>\n  }\n\n  <div class=\"c2g-wh__dates\">\n    @if (points().length >= 2) {\n      <span>{{ formatDate(points()[0].date) }}</span>\n      <span>{{ formatDate(points()[points().length - 1].date) }}</span>\n    }\n  </div>\n</article>\n", styles: [":host{display:block;font-family:var(--c2g-font-family-base, \"Quicksand\", sans-serif)}.c2g-wh{background:var(--c2g-theme-surface, var(--c2g-color-surface));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));box-shadow:var(--c2g-shadow-sm, 0 1px 4px rgba(0, 0, 0, .06));border-radius:var(--c2g-radius-xl, 20px);padding:18px 20px 0;display:flex;flex-direction:column;gap:10px;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.c2g-wh:hover{box-shadow:var(--c2g-shadow-lg, 0 8px 28px rgba(0, 0, 0, .11));transform:translateY(-2px)}.c2g-wh__header{display:flex;align-items:center;gap:8px}.c2g-wh__icon{font-size:1.25rem;line-height:1}.c2g-wh__titles{flex:1;display:flex;flex-direction:column;gap:2px}.c2g-wh__title{margin:0;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-wh__sub{font-size:.75rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));opacity:.7}.c2g-wh__trend{font-size:.8rem;font-weight:800;padding:3px 8px;border-radius:999px}.c2g-wh__trend--good{color:#22c55e;background:#22c55e1a}.c2g-wh__trend--bad{color:#f97316;background:#f973161a}.c2g-wh__hero{display:flex;align-items:baseline;gap:6px}.c2g-wh__value{font-size:2.5rem;font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));font-variant-numeric:tabular-nums}.c2g-wh__unit{font-size:1.125rem;font-weight:700;color:var(--c2g-theme-primary, var(--c2g-color-primary))}.c2g-wh__label{font-size:.75rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-wh__best{display:flex;align-items:center;gap:5px;margin-left:auto;padding:4px 10px;border-radius:var(--c2g-radius-md, 10px);background:var(--c2g-theme-surface-container, var(--c2g-color-bg-secondary))}.c2g-wh__best-icon{font-size:.875rem}.c2g-wh__best-val{font-size:.8125rem;font-weight:700;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary))}.c2g-wh__best-label{font-size:.6875rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-wh__chart{height:52px;margin:0 -20px}.c2g-wh__svg{width:100%;height:100%;display:block}.c2g-wh__line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.c2g-wh__dates{display:flex;justify-content:space-between;padding:0 0 10px;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));opacity:.6}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.DecimalPipe, name: "number" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: WeightHistoryWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c2g-weight-history-widget', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<article class=\"c2g-wh\">\n  <header class=\"c2g-wh__header\">\n    <span class=\"c2g-wh__icon\">\u2696\uFE0F</span>\n    <div class=\"c2g-wh__titles\">\n      <h3 class=\"c2g-wh__title\">Gewichts-Historie</h3>\n      @if (data().points.length) {\n        <span class=\"c2g-wh__sub\">{{ data().points.length }} Touren</span>\n      }\n    </div>\n    @if (trend(); as t) {\n      <span class=\"c2g-wh__trend\" [class.c2g-wh__trend--good]=\"t.improving\" [class.c2g-wh__trend--bad]=\"!t.improving\">\n        {{ t.improving ? '\u2193' : '\u2191' }} {{ t.pct | number:'1.0-0' }}%\n      </span>\n    }\n  </header>\n\n  <div class=\"c2g-wh__hero\">\n    @if (data().latestG) {\n      <span class=\"c2g-wh__value\">{{ formatKg(data().latestG!) }}</span>\n      <span class=\"c2g-wh__unit\">kg</span>\n      <span class=\"c2g-wh__label\">aktuell</span>\n    }\n    @if (data().bestG) {\n      <div class=\"c2g-wh__best\">\n        <span class=\"c2g-wh__best-icon\">\uD83C\uDFC6</span>\n        <span class=\"c2g-wh__best-val\">{{ formatKg(data().bestG!) }} kg</span>\n        <span class=\"c2g-wh__best-label\">Rekord</span>\n      </div>\n    }\n  </div>\n\n  @if (sparklinePath(); as sp) {\n    <div class=\"c2g-wh__chart\" aria-hidden=\"true\">\n      <svg viewBox=\"0 0 200 48\" preserveAspectRatio=\"none\" class=\"c2g-wh__svg\">\n        <defs>\n          <linearGradient id=\"wh-grad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n            <stop offset=\"0%\" [attr.stop-color]=\"sp.improving ? '#22c55e' : '#f97316'\" stop-opacity=\"0.3\"/>\n            <stop offset=\"100%\" [attr.stop-color]=\"sp.improving ? '#22c55e' : '#f97316'\" stop-opacity=\"0\"/>\n          </linearGradient>\n        </defs>\n        <path [attr.d]=\"sp.area\" fill=\"url(#wh-grad)\"/>\n        <path class=\"c2g-wh__line\" [attr.d]=\"sp.line\"\n          [style.stroke]=\"sp.improving ? '#22c55e' : '#f97316'\"/>\n        <circle class=\"c2g-wh__dot\" [attr.cx]=\"sp.lastX\" [attr.cy]=\"sp.lastY\" r=\"3\"\n          [style.fill]=\"sp.improving ? '#22c55e' : '#f97316'\"/>\n      </svg>\n    </div>\n  }\n\n  <div class=\"c2g-wh__dates\">\n    @if (points().length >= 2) {\n      <span>{{ formatDate(points()[0].date) }}</span>\n      <span>{{ formatDate(points()[points().length - 1].date) }}</span>\n    }\n  </div>\n</article>\n", styles: [":host{display:block;font-family:var(--c2g-font-family-base, \"Quicksand\", sans-serif)}.c2g-wh{background:var(--c2g-theme-surface, var(--c2g-color-surface));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));box-shadow:var(--c2g-shadow-sm, 0 1px 4px rgba(0, 0, 0, .06));border-radius:var(--c2g-radius-xl, 20px);padding:18px 20px 0;display:flex;flex-direction:column;gap:10px;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.c2g-wh:hover{box-shadow:var(--c2g-shadow-lg, 0 8px 28px rgba(0, 0, 0, .11));transform:translateY(-2px)}.c2g-wh__header{display:flex;align-items:center;gap:8px}.c2g-wh__icon{font-size:1.25rem;line-height:1}.c2g-wh__titles{flex:1;display:flex;flex-direction:column;gap:2px}.c2g-wh__title{margin:0;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-wh__sub{font-size:.75rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));opacity:.7}.c2g-wh__trend{font-size:.8rem;font-weight:800;padding:3px 8px;border-radius:999px}.c2g-wh__trend--good{color:#22c55e;background:#22c55e1a}.c2g-wh__trend--bad{color:#f97316;background:#f973161a}.c2g-wh__hero{display:flex;align-items:baseline;gap:6px}.c2g-wh__value{font-size:2.5rem;font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));font-variant-numeric:tabular-nums}.c2g-wh__unit{font-size:1.125rem;font-weight:700;color:var(--c2g-theme-primary, var(--c2g-color-primary))}.c2g-wh__label{font-size:.75rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-wh__best{display:flex;align-items:center;gap:5px;margin-left:auto;padding:4px 10px;border-radius:var(--c2g-radius-md, 10px);background:var(--c2g-theme-surface-container, var(--c2g-color-bg-secondary))}.c2g-wh__best-icon{font-size:.875rem}.c2g-wh__best-val{font-size:.8125rem;font-weight:700;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary))}.c2g-wh__best-label{font-size:.6875rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-wh__chart{height:52px;margin:0 -20px}.c2g-wh__svg{width:100%;height:100%;display:block}.c2g-wh__line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.c2g-wh__dates{display:flex;justify-content:space-between;padding:0 0 10px;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));opacity:.6}\n"] }]
+        }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }] } });
+
+class GearValueWidgetComponent {
+    data = input.required(...(ngDevMode ? [{ debugName: "data" }] : []));
+    topCategories = computed(() => [...(this.data().categories ?? [])]
+        .sort((a, b) => b.value - a.value)
+        .slice(0, 5), ...(ngDevMode ? [{ debugName: "topCategories" }] : []));
+    maxCatValue = computed(() => Math.max(...(this.data().categories ?? []).map(c => c.value), 1), ...(ngDevMode ? [{ debugName: "maxCatValue" }] : []));
+    formattedTotal = computed(() => {
+        const v = this.data().totalValue;
+        if (v >= 1000)
+            return `${(v / 1000).toFixed(1)}k`;
+        return v.toFixed(0);
+    }, ...(ngDevMode ? [{ debugName: "formattedTotal" }] : []));
+    formatValue(v) {
+        if (v >= 1000)
+            return `${(v / 1000).toFixed(1)}k`;
+        return v.toFixed(0);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: GearValueWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: GearValueWidgetComponent, isStandalone: true, selector: "c2g-gear-value-widget", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<article class=\"c2g-gv\">\n  <header class=\"c2g-gv__header\">\n    <span class=\"c2g-gv__icon\">\uD83D\uDCB0</span>\n    <div class=\"c2g-gv__titles\">\n      <h3 class=\"c2g-gv__title\">Gear-Wert</h3>\n      <span class=\"c2g-gv__sub\">{{ data().itemCount }} Items</span>\n    </div>\n  </header>\n\n  <div class=\"c2g-gv__hero\">\n    <span class=\"c2g-gv__value\">{{ formattedTotal() }}</span>\n    <span class=\"c2g-gv__currency\">{{ data().currency }}</span>\n  </div>\n\n  @if (topCategories().length) {\n    <ul class=\"c2g-gv__cats\" role=\"list\">\n      @for (cat of topCategories(); track cat.label) {\n        <li class=\"c2g-gv__cat\">\n          <div class=\"c2g-gv__cat-header\">\n            <span class=\"c2g-gv__cat-name\">{{ cat.label }}</span>\n            <span class=\"c2g-gv__cat-value\">{{ formatValue(cat.value) }} {{ data().currency }}</span>\n          </div>\n          <div class=\"c2g-gv__bar-track\">\n            <div class=\"c2g-gv__bar-fill\"\n              [style.width.%]=\"(cat.value / maxCatValue()) * 100\">\n            </div>\n          </div>\n        </li>\n      }\n    </ul>\n  }\n</article>\n", styles: [":host{display:block;font-family:var(--c2g-font-family-base, \"Quicksand\", sans-serif)}.c2g-gv{background:var(--c2g-theme-surface, var(--c2g-color-surface));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));box-shadow:var(--c2g-shadow-sm, 0 1px 4px rgba(0, 0, 0, .06));border-radius:var(--c2g-radius-xl, 20px);padding:18px 20px 16px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .2s ease,transform .2s ease}.c2g-gv:hover{box-shadow:var(--c2g-shadow-lg, 0 8px 28px rgba(0, 0, 0, .11));transform:translateY(-2px)}.c2g-gv__header{display:flex;align-items:center;gap:8px}.c2g-gv__icon{font-size:1.25rem;line-height:1}.c2g-gv__titles{display:flex;flex-direction:column;gap:2px}.c2g-gv__title{margin:0;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-gv__sub{font-size:.75rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));opacity:.7}.c2g-gv__hero{display:flex;align-items:baseline;gap:5px}.c2g-gv__value{font-size:2.75rem;font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));font-variant-numeric:tabular-nums}.c2g-gv__currency{font-size:1.125rem;font-weight:700;color:var(--c2g-theme-primary, var(--c2g-color-primary))}.c2g-gv__cats{list-style:none;margin:0;padding:10px 0 0;display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant))}.c2g-gv__cat{display:flex;flex-direction:column;gap:4px}.c2g-gv__cat-header{display:flex;justify-content:space-between}.c2g-gv__cat-name{font-size:.8rem;font-weight:600;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary))}.c2g-gv__cat-value{font-size:.8rem;font-weight:700;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));font-variant-numeric:tabular-nums}.c2g-gv__bar-track{height:6px;border-radius:3px;background:var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));overflow:hidden}.c2g-gv__bar-fill{height:100%;border-radius:3px;background:var(--c2g-theme-primary, var(--c2g-color-primary));transition:width .7s cubic-bezier(.4,0,.2,1)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: GearValueWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c2g-gear-value-widget', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<article class=\"c2g-gv\">\n  <header class=\"c2g-gv__header\">\n    <span class=\"c2g-gv__icon\">\uD83D\uDCB0</span>\n    <div class=\"c2g-gv__titles\">\n      <h3 class=\"c2g-gv__title\">Gear-Wert</h3>\n      <span class=\"c2g-gv__sub\">{{ data().itemCount }} Items</span>\n    </div>\n  </header>\n\n  <div class=\"c2g-gv__hero\">\n    <span class=\"c2g-gv__value\">{{ formattedTotal() }}</span>\n    <span class=\"c2g-gv__currency\">{{ data().currency }}</span>\n  </div>\n\n  @if (topCategories().length) {\n    <ul class=\"c2g-gv__cats\" role=\"list\">\n      @for (cat of topCategories(); track cat.label) {\n        <li class=\"c2g-gv__cat\">\n          <div class=\"c2g-gv__cat-header\">\n            <span class=\"c2g-gv__cat-name\">{{ cat.label }}</span>\n            <span class=\"c2g-gv__cat-value\">{{ formatValue(cat.value) }} {{ data().currency }}</span>\n          </div>\n          <div class=\"c2g-gv__bar-track\">\n            <div class=\"c2g-gv__bar-fill\"\n              [style.width.%]=\"(cat.value / maxCatValue()) * 100\">\n            </div>\n          </div>\n        </li>\n      }\n    </ul>\n  }\n</article>\n", styles: [":host{display:block;font-family:var(--c2g-font-family-base, \"Quicksand\", sans-serif)}.c2g-gv{background:var(--c2g-theme-surface, var(--c2g-color-surface));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));box-shadow:var(--c2g-shadow-sm, 0 1px 4px rgba(0, 0, 0, .06));border-radius:var(--c2g-radius-xl, 20px);padding:18px 20px 16px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .2s ease,transform .2s ease}.c2g-gv:hover{box-shadow:var(--c2g-shadow-lg, 0 8px 28px rgba(0, 0, 0, .11));transform:translateY(-2px)}.c2g-gv__header{display:flex;align-items:center;gap:8px}.c2g-gv__icon{font-size:1.25rem;line-height:1}.c2g-gv__titles{display:flex;flex-direction:column;gap:2px}.c2g-gv__title{margin:0;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-gv__sub{font-size:.75rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));opacity:.7}.c2g-gv__hero{display:flex;align-items:baseline;gap:5px}.c2g-gv__value{font-size:2.75rem;font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));font-variant-numeric:tabular-nums}.c2g-gv__currency{font-size:1.125rem;font-weight:700;color:var(--c2g-theme-primary, var(--c2g-color-primary))}.c2g-gv__cats{list-style:none;margin:0;padding:10px 0 0;display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant))}.c2g-gv__cat{display:flex;flex-direction:column;gap:4px}.c2g-gv__cat-header{display:flex;justify-content:space-between}.c2g-gv__cat-name{font-size:.8rem;font-weight:600;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary))}.c2g-gv__cat-value{font-size:.8rem;font-weight:700;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));font-variant-numeric:tabular-nums}.c2g-gv__bar-track{height:6px;border-radius:3px;background:var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));overflow:hidden}.c2g-gv__bar-fill{height:100%;border-radius:3px;background:var(--c2g-theme-primary, var(--c2g-color-primary));transition:width .7s cubic-bezier(.4,0,.2,1)}\n"] }]
+        }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }] } });
+
+const DEFAULT_COLORS = [
+    '#ff6b35', '#22c55e', '#3b82f6', '#f59e0b', '#a855f7',
+    '#ec4899', '#06b6d4', '#84cc16', '#f97316', '#6b7280',
+];
+class WeightBreakdownWidgetComponent {
+    data = input.required(...(ngDevMode ? [{ debugName: "data" }] : []));
+    entries = computed(() => {
+        const total = this.data().totalG || 1;
+        let offset = 0;
+        return [...this.data().entries]
+            .sort((a, b) => b.weightG - a.weightG)
+            .map((e, i) => {
+            const pct = (e.weightG / total) * 100;
+            const entry = {
+                ...e,
+                pct,
+                color: e.color ?? DEFAULT_COLORS[i % DEFAULT_COLORS.length],
+                barOffset: offset,
+            };
+            offset += pct;
+            return entry;
+        });
+    }, ...(ngDevMode ? [{ debugName: "entries" }] : []));
+    totalKg = computed(() => (this.data().totalG / 1000).toFixed(2), ...(ngDevMode ? [{ debugName: "totalKg" }] : []));
+    // SVG stacked horizontal bar — single rect per entry using stroke-dasharray trick
+    circumference = 100; // we work in percentage units
+    formatKg(g) {
+        if (g >= 1000)
+            return `${(g / 1000).toFixed(2)} kg`;
+        return `${g} g`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: WeightBreakdownWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: WeightBreakdownWidgetComponent, isStandalone: true, selector: "c2g-weight-breakdown-widget", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<article class=\"c2g-wb\">\n  <header class=\"c2g-wb__header\">\n    <span class=\"c2g-wb__icon\">\uD83C\uDFCB\uFE0F</span>\n    <div class=\"c2g-wb__titles\">\n      <h3 class=\"c2g-wb__title\">Gewichts-Breakdown</h3>\n      <span class=\"c2g-wb__sub\">{{ totalKg() }} kg gesamt</span>\n    </div>\n  </header>\n\n  <!-- Stacked horizontal bar -->\n  <div class=\"c2g-wb__stacked\" aria-hidden=\"true\">\n    @for (e of entries(); track e.category) {\n      <div\n        class=\"c2g-wb__stack-seg\"\n        [style.width.%]=\"e.pct\"\n        [style.background]=\"e.color\"\n        [title]=\"e.category + ': ' + (e.pct | number:'1.0-1') + '%'\"\n      ></div>\n    }\n  </div>\n\n  <!-- Legend rows -->\n  <ul class=\"c2g-wb__legend\" role=\"list\">\n    @for (e of entries(); track e.category) {\n      <li class=\"c2g-wb__row\">\n        <span class=\"c2g-wb__dot\" [style.background]=\"e.color\"></span>\n        <span class=\"c2g-wb__cat\">{{ e.category }}</span>\n        <div class=\"c2g-wb__bar-track\">\n          <div class=\"c2g-wb__bar-fill\" [style.width.%]=\"e.pct\" [style.background]=\"e.color\"></div>\n        </div>\n        <span class=\"c2g-wb__pct\">{{ e.pct | number:'1.0-1' }}%</span>\n        <span class=\"c2g-wb__weight\">{{ formatKg(e.weightG) }}</span>\n      </li>\n    }\n  </ul>\n</article>\n", styles: [":host{display:block;font-family:var(--c2g-font-family-base, \"Quicksand\", sans-serif)}.c2g-wb{background:var(--c2g-theme-surface, var(--c2g-color-surface));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));box-shadow:var(--c2g-shadow-sm, 0 1px 4px rgba(0, 0, 0, .06));border-radius:var(--c2g-radius-xl, 20px);padding:18px 20px 16px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .2s ease,transform .2s ease}.c2g-wb:hover{box-shadow:var(--c2g-shadow-lg, 0 8px 28px rgba(0, 0, 0, .11));transform:translateY(-2px)}.c2g-wb__header{display:flex;align-items:center;gap:8px}.c2g-wb__icon{font-size:1.25rem;line-height:1}.c2g-wb__titles{display:flex;flex-direction:column;gap:2px}.c2g-wb__title{margin:0;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-wb__sub{font-size:.75rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));opacity:.7}.c2g-wb__stacked{display:flex;height:12px;border-radius:6px;overflow:hidden;gap:1px;background:var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant))}.c2g-wb__stack-seg{height:100%;min-width:3px;transition:width .7s cubic-bezier(.4,0,.2,1)}.c2g-wb__legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.c2g-wb__row{display:grid;grid-template-columns:10px 100px 1fr 36px 72px;align-items:center;gap:8px}.c2g-wb__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.c2g-wb__cat{font-size:.8rem;font-weight:600;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c2g-wb__bar-track{height:5px;border-radius:3px;background:var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));overflow:hidden}.c2g-wb__bar-fill{height:100%;border-radius:3px;transition:width .7s cubic-bezier(.4,0,.2,1)}.c2g-wb__pct{font-size:.72rem;font-weight:700;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));font-variant-numeric:tabular-nums;text-align:right}.c2g-wb__weight{font-size:.72rem;font-weight:600;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));text-align:right;font-variant-numeric:tabular-nums}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.DecimalPipe, name: "number" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: WeightBreakdownWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c2g-weight-breakdown-widget', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<article class=\"c2g-wb\">\n  <header class=\"c2g-wb__header\">\n    <span class=\"c2g-wb__icon\">\uD83C\uDFCB\uFE0F</span>\n    <div class=\"c2g-wb__titles\">\n      <h3 class=\"c2g-wb__title\">Gewichts-Breakdown</h3>\n      <span class=\"c2g-wb__sub\">{{ totalKg() }} kg gesamt</span>\n    </div>\n  </header>\n\n  <!-- Stacked horizontal bar -->\n  <div class=\"c2g-wb__stacked\" aria-hidden=\"true\">\n    @for (e of entries(); track e.category) {\n      <div\n        class=\"c2g-wb__stack-seg\"\n        [style.width.%]=\"e.pct\"\n        [style.background]=\"e.color\"\n        [title]=\"e.category + ': ' + (e.pct | number:'1.0-1') + '%'\"\n      ></div>\n    }\n  </div>\n\n  <!-- Legend rows -->\n  <ul class=\"c2g-wb__legend\" role=\"list\">\n    @for (e of entries(); track e.category) {\n      <li class=\"c2g-wb__row\">\n        <span class=\"c2g-wb__dot\" [style.background]=\"e.color\"></span>\n        <span class=\"c2g-wb__cat\">{{ e.category }}</span>\n        <div class=\"c2g-wb__bar-track\">\n          <div class=\"c2g-wb__bar-fill\" [style.width.%]=\"e.pct\" [style.background]=\"e.color\"></div>\n        </div>\n        <span class=\"c2g-wb__pct\">{{ e.pct | number:'1.0-1' }}%</span>\n        <span class=\"c2g-wb__weight\">{{ formatKg(e.weightG) }}</span>\n      </li>\n    }\n  </ul>\n</article>\n", styles: [":host{display:block;font-family:var(--c2g-font-family-base, \"Quicksand\", sans-serif)}.c2g-wb{background:var(--c2g-theme-surface, var(--c2g-color-surface));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));box-shadow:var(--c2g-shadow-sm, 0 1px 4px rgba(0, 0, 0, .06));border-radius:var(--c2g-radius-xl, 20px);padding:18px 20px 16px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .2s ease,transform .2s ease}.c2g-wb:hover{box-shadow:var(--c2g-shadow-lg, 0 8px 28px rgba(0, 0, 0, .11));transform:translateY(-2px)}.c2g-wb__header{display:flex;align-items:center;gap:8px}.c2g-wb__icon{font-size:1.25rem;line-height:1}.c2g-wb__titles{display:flex;flex-direction:column;gap:2px}.c2g-wb__title{margin:0;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-wb__sub{font-size:.75rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));opacity:.7}.c2g-wb__stacked{display:flex;height:12px;border-radius:6px;overflow:hidden;gap:1px;background:var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant))}.c2g-wb__stack-seg{height:100%;min-width:3px;transition:width .7s cubic-bezier(.4,0,.2,1)}.c2g-wb__legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.c2g-wb__row{display:grid;grid-template-columns:10px 100px 1fr 36px 72px;align-items:center;gap:8px}.c2g-wb__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.c2g-wb__cat{font-size:.8rem;font-weight:600;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c2g-wb__bar-track{height:5px;border-radius:3px;background:var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));overflow:hidden}.c2g-wb__bar-fill{height:100%;border-radius:3px;transition:width .7s cubic-bezier(.4,0,.2,1)}.c2g-wb__pct{font-size:.72rem;font-weight:700;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));font-variant-numeric:tabular-nums;text-align:right}.c2g-wb__weight{font-size:.72rem;font-weight:600;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));text-align:right;font-variant-numeric:tabular-nums}\n"] }]
+        }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }] } });
+
+class AdventureScoreWidgetComponent {
+    data = input.required(...(ngDevMode ? [{ debugName: "data" }] : []));
+    displayScore = signal(0, ...(ngDevMode ? [{ debugName: "displayScore" }] : []));
+    raf = 0;
+    constructor() {
+        effect(() => {
+            const target = this.data().score;
+            cancelAnimationFrame(this.raf);
+            const start = performance.now();
+            const tick = (now) => {
+                const t = Math.min((now - start) / 1200, 1);
+                const e = 1 - Math.pow(1 - t, 4);
+                this.displayScore.set(Math.round(e * target));
+                if (t < 1)
+                    this.raf = requestAnimationFrame(tick);
+            };
+            this.raf = requestAnimationFrame(tick);
+        });
+    }
+    // Circular progress arc (0–100)
+    arcPath = computed(() => {
+        const pct = Math.min(this.data().score / 100, 1);
+        const r = 52, cx = 60, cy = 60;
+        const angle = pct * 360;
+        if (angle >= 359.9) {
+            return `M ${cx} ${cy - r} A ${r} ${r} 0 1 1 ${cx - 0.01} ${cy - r}`;
+        }
+        const rad = ((angle - 90) * Math.PI) / 180;
+        const x = cx + r * Math.cos(rad);
+        const y = cy + r * Math.sin(rad);
+        const large = angle > 180 ? 1 : 0;
+        return `M ${cx} ${cy - r} A ${r} ${r} 0 ${large} 1 ${x} ${y}`;
+    }, ...(ngDevMode ? [{ debugName: "arcPath" }] : []));
+    trackPath = `M 60 8 A 52 52 0 1 1 59.99 8`;
+    levelColor = computed(() => {
+        const l = this.data().level;
+        if (l >= 80)
+            return '#f59e0b';
+        if (l >= 60)
+            return '#ff6b35';
+        if (l >= 40)
+            return '#22c55e';
+        if (l >= 20)
+            return '#3b82f6';
+        return '#94a3b8';
+    }, ...(ngDevMode ? [{ debugName: "levelColor" }] : []));
+    sparklinePath = computed(() => {
+        const pts = this.data().sparkline;
+        if (!pts || pts.length < 2)
+            return null;
+        const W = 120, H = 28;
+        const maxS = Math.max(...pts.map(p => p.score));
+        const minS = Math.min(...pts.map(p => p.score));
+        const range = maxS - minS || 1;
+        const xs = pts.map((_, i) => (i / (pts.length - 1)) * W);
+        const ys = pts.map(p => H - ((p.score - minS) / range) * (H - 4) - 2);
+        let d = `M ${xs[0]} ${ys[0]}`;
+        for (let i = 1; i < pts.length; i++) {
+            const cpx = (xs[i - 1] + xs[i]) / 2;
+            d += ` C ${cpx} ${ys[i - 1]}, ${cpx} ${ys[i]}, ${xs[i]} ${ys[i]}`;
+        }
+        return d;
+    }, ...(ngDevMode ? [{ debugName: "sparklinePath" }] : []));
+    ngOnDestroy() { cancelAnimationFrame(this.raf); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AdventureScoreWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: AdventureScoreWidgetComponent, isStandalone: true, selector: "c2g-adventure-score-widget", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<article class=\"c2g-as\">\n  <header class=\"c2g-as__header\">\n    <span class=\"c2g-as__icon\">\uD83C\uDFC6</span>\n    <div class=\"c2g-as__titles\">\n      <h3 class=\"c2g-as__title\">Abenteuer-Score</h3>\n      <span class=\"c2g-as__level-label\">{{ data().levelLabel }}</span>\n    </div>\n    @if (sparklinePath(); as sp) {\n      <svg class=\"c2g-as__sparkline\" viewBox=\"0 0 120 28\" aria-hidden=\"true\">\n        <path [attr.d]=\"sp\" [style.stroke]=\"levelColor()\" class=\"c2g-as__spark-line\"/>\n      </svg>\n    }\n  </header>\n\n  <div class=\"c2g-as__body\">\n    <!-- Circular progress -->\n    <div class=\"c2g-as__circle-wrap\" aria-hidden=\"true\">\n      <svg class=\"c2g-as__circle\" viewBox=\"0 0 120 120\">\n        <path class=\"c2g-as__track\" [attr.d]=\"trackPath\" fill=\"none\" stroke-width=\"10\" stroke-linecap=\"round\"/>\n        <path class=\"c2g-as__arc\" [attr.d]=\"arcPath()\" fill=\"none\" stroke-width=\"10\" stroke-linecap=\"round\"\n          [style.stroke]=\"levelColor()\"/>\n      </svg>\n      <div class=\"c2g-as__center\">\n        <span class=\"c2g-as__score\" [style.color]=\"levelColor()\">{{ displayScore() }}</span>\n        <span class=\"c2g-as__score-max\">/100</span>\n      </div>\n    </div>\n\n    <!-- Stats -->\n    <div class=\"c2g-as__stats\">\n      <div class=\"c2g-as__stat\">\n        <span class=\"c2g-as__stat-val\">{{ data().totalTours }}</span>\n        <span class=\"c2g-as__stat-label\">Touren</span>\n      </div>\n      <div class=\"c2g-as__stat\">\n        <span class=\"c2g-as__stat-val\">{{ data().totalKm | number:'1.0-0' }}</span>\n        <span class=\"c2g-as__stat-label\">km</span>\n      </div>\n      <div class=\"c2g-as__stat\">\n        <span class=\"c2g-as__stat-val\">{{ data().totalNights }}</span>\n        <span class=\"c2g-as__stat-label\">N\u00E4chte</span>\n      </div>\n      <div class=\"c2g-as__stat\">\n        <span class=\"c2g-as__stat-val\">{{ data().uniqueTypes }}</span>\n        <span class=\"c2g-as__stat-label\">Typen</span>\n      </div>\n    </div>\n  </div>\n</article>\n", styles: [":host{display:block;font-family:var(--c2g-font-family-base, \"Quicksand\", sans-serif)}.c2g-as{background:var(--c2g-theme-surface, var(--c2g-color-surface));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));box-shadow:var(--c2g-shadow-sm, 0 1px 4px rgba(0, 0, 0, .06));border-radius:var(--c2g-radius-xl, 20px);padding:18px 20px 16px;display:flex;flex-direction:column;gap:14px;transition:box-shadow .2s ease,transform .2s ease}.c2g-as:hover{box-shadow:var(--c2g-shadow-lg, 0 8px 28px rgba(0, 0, 0, .11));transform:translateY(-2px)}.c2g-as__header{display:flex;align-items:flex-start;gap:8px}.c2g-as__icon{font-size:1.375rem;line-height:1}.c2g-as__titles{flex:1;display:flex;flex-direction:column;gap:2px}.c2g-as__title{margin:0;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-as__level-label{font-size:.8rem;font-weight:700;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary))}.c2g-as__sparkline{width:80px;height:28px;flex-shrink:0}.c2g-as__spark-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.7;stroke:var(--c2g-theme-primary, var(--c2g-color-primary))}.c2g-as__body{display:flex;gap:16px;align-items:center}.c2g-as__circle-wrap{position:relative;width:120px;height:120px;flex-shrink:0}.c2g-as__circle{width:100%;height:100%;display:block}.c2g-as__track{stroke:var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant))}.c2g-as__arc{transition:d .9s cubic-bezier(.4,0,.2,1)}.c2g-as__center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.c2g-as__score{font-size:2.25rem;font-weight:900;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.c2g-as__score-max{font-size:.75rem;font-weight:600;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-as__stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex:1}.c2g-as__stat{display:flex;flex-direction:column;gap:2px;padding:8px 10px;background:var(--c2g-theme-surface-container, var(--c2g-color-bg-secondary));border-radius:var(--c2g-radius-md, 10px)}.c2g-as__stat-val{font-size:1.25rem;font-weight:800;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));font-variant-numeric:tabular-nums;line-height:1}.c2g-as__stat-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.DecimalPipe, name: "number" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AdventureScoreWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c2g-adventure-score-widget', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<article class=\"c2g-as\">\n  <header class=\"c2g-as__header\">\n    <span class=\"c2g-as__icon\">\uD83C\uDFC6</span>\n    <div class=\"c2g-as__titles\">\n      <h3 class=\"c2g-as__title\">Abenteuer-Score</h3>\n      <span class=\"c2g-as__level-label\">{{ data().levelLabel }}</span>\n    </div>\n    @if (sparklinePath(); as sp) {\n      <svg class=\"c2g-as__sparkline\" viewBox=\"0 0 120 28\" aria-hidden=\"true\">\n        <path [attr.d]=\"sp\" [style.stroke]=\"levelColor()\" class=\"c2g-as__spark-line\"/>\n      </svg>\n    }\n  </header>\n\n  <div class=\"c2g-as__body\">\n    <!-- Circular progress -->\n    <div class=\"c2g-as__circle-wrap\" aria-hidden=\"true\">\n      <svg class=\"c2g-as__circle\" viewBox=\"0 0 120 120\">\n        <path class=\"c2g-as__track\" [attr.d]=\"trackPath\" fill=\"none\" stroke-width=\"10\" stroke-linecap=\"round\"/>\n        <path class=\"c2g-as__arc\" [attr.d]=\"arcPath()\" fill=\"none\" stroke-width=\"10\" stroke-linecap=\"round\"\n          [style.stroke]=\"levelColor()\"/>\n      </svg>\n      <div class=\"c2g-as__center\">\n        <span class=\"c2g-as__score\" [style.color]=\"levelColor()\">{{ displayScore() }}</span>\n        <span class=\"c2g-as__score-max\">/100</span>\n      </div>\n    </div>\n\n    <!-- Stats -->\n    <div class=\"c2g-as__stats\">\n      <div class=\"c2g-as__stat\">\n        <span class=\"c2g-as__stat-val\">{{ data().totalTours }}</span>\n        <span class=\"c2g-as__stat-label\">Touren</span>\n      </div>\n      <div class=\"c2g-as__stat\">\n        <span class=\"c2g-as__stat-val\">{{ data().totalKm | number:'1.0-0' }}</span>\n        <span class=\"c2g-as__stat-label\">km</span>\n      </div>\n      <div class=\"c2g-as__stat\">\n        <span class=\"c2g-as__stat-val\">{{ data().totalNights }}</span>\n        <span class=\"c2g-as__stat-label\">N\u00E4chte</span>\n      </div>\n      <div class=\"c2g-as__stat\">\n        <span class=\"c2g-as__stat-val\">{{ data().uniqueTypes }}</span>\n        <span class=\"c2g-as__stat-label\">Typen</span>\n      </div>\n    </div>\n  </div>\n</article>\n", styles: [":host{display:block;font-family:var(--c2g-font-family-base, \"Quicksand\", sans-serif)}.c2g-as{background:var(--c2g-theme-surface, var(--c2g-color-surface));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));box-shadow:var(--c2g-shadow-sm, 0 1px 4px rgba(0, 0, 0, .06));border-radius:var(--c2g-radius-xl, 20px);padding:18px 20px 16px;display:flex;flex-direction:column;gap:14px;transition:box-shadow .2s ease,transform .2s ease}.c2g-as:hover{box-shadow:var(--c2g-shadow-lg, 0 8px 28px rgba(0, 0, 0, .11));transform:translateY(-2px)}.c2g-as__header{display:flex;align-items:flex-start;gap:8px}.c2g-as__icon{font-size:1.375rem;line-height:1}.c2g-as__titles{flex:1;display:flex;flex-direction:column;gap:2px}.c2g-as__title{margin:0;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-as__level-label{font-size:.8rem;font-weight:700;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary))}.c2g-as__sparkline{width:80px;height:28px;flex-shrink:0}.c2g-as__spark-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.7;stroke:var(--c2g-theme-primary, var(--c2g-color-primary))}.c2g-as__body{display:flex;gap:16px;align-items:center}.c2g-as__circle-wrap{position:relative;width:120px;height:120px;flex-shrink:0}.c2g-as__circle{width:100%;height:100%;display:block}.c2g-as__track{stroke:var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant))}.c2g-as__arc{transition:d .9s cubic-bezier(.4,0,.2,1)}.c2g-as__center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.c2g-as__score{font-size:2.25rem;font-weight:900;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.c2g-as__score-max{font-size:.75rem;font-weight:600;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-as__stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex:1}.c2g-as__stat{display:flex;flex-direction:column;gap:2px;padding:8px 10px;background:var(--c2g-theme-surface-container, var(--c2g-color-bg-secondary));border-radius:var(--c2g-radius-md, 10px)}.c2g-as__stat-val{font-size:1.25rem;font-weight:800;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));font-variant-numeric:tabular-nums;line-height:1}.c2g-as__stat-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }] } });
+
+class TopGearWidgetComponent {
+    data = input.required(...(ngDevMode ? [{ debugName: "data" }] : []));
+    top = computed(() => this.data().entries.slice(0, 5), ...(ngDevMode ? [{ debugName: "top" }] : []));
+    maxUsage = computed(() => Math.max(...this.data().entries.map(e => e.usageCount), 1), ...(ngDevMode ? [{ debugName: "maxUsage" }] : []));
+    usagePct(count) {
+        return Math.round((count / this.maxUsage()) * 100);
+    }
+    medal(index) {
+        return ['🥇', '🥈', '🥉', '', ''][index] ?? '';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TopGearWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: TopGearWidgetComponent, isStandalone: true, selector: "c2g-top-gear-widget", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<article class=\"c2g-tg\">\n  <header class=\"c2g-tg__header\">\n    <span class=\"c2g-tg__icon\">\uD83C\uDF92</span>\n    <h3 class=\"c2g-tg__title\">Top-Gear</h3>\n  </header>\n\n  <ol class=\"c2g-tg__list\" role=\"list\">\n    @for (entry of top(); track entry.name; let i = $index) {\n      <li class=\"c2g-tg__item\" [class.c2g-tg__item--top3]=\"i < 3\">\n        <span class=\"c2g-tg__rank\">\n          @if (medal(i)) { {{ medal(i) }} } @else { {{ i + 1 }} }\n        </span>\n        <div class=\"c2g-tg__info\">\n          <span class=\"c2g-tg__name\">{{ entry.name }}</span>\n          @if (entry.category) {\n            <span class=\"c2g-tg__cat\">{{ entry.category }}</span>\n          }\n        </div>\n        <div class=\"c2g-tg__bar-track\">\n          <div class=\"c2g-tg__bar-fill\" [style.width.%]=\"usagePct(entry.usageCount)\"></div>\n        </div>\n        <span class=\"c2g-tg__count\">{{ entry.usageCount }}\u00D7</span>\n      </li>\n    }\n  </ol>\n</article>\n", styles: [":host{display:block;font-family:var(--c2g-font-family-base, \"Quicksand\", sans-serif)}.c2g-tg{background:var(--c2g-theme-surface, var(--c2g-color-surface));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));box-shadow:var(--c2g-shadow-sm, 0 1px 4px rgba(0, 0, 0, .06));border-radius:var(--c2g-radius-xl, 20px);padding:18px 20px 16px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .2s ease,transform .2s ease}.c2g-tg:hover{box-shadow:var(--c2g-shadow-lg, 0 8px 28px rgba(0, 0, 0, .11));transform:translateY(-2px)}.c2g-tg__header{display:flex;align-items:center;gap:8px}.c2g-tg__icon{font-size:1.25rem;line-height:1}.c2g-tg__title{margin:0;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-tg__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;counter-reset:gear}.c2g-tg__item{display:grid;grid-template-columns:28px 1fr 1fr 36px;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--c2g-radius-md, 10px);background:var(--c2g-theme-surface-container-low, var(--c2g-color-bg-base))}.c2g-tg__item--top3{background:var(--c2g-theme-surface-container, var(--c2g-color-bg-secondary))}.c2g-tg__rank{font-size:1rem;text-align:center}.c2g-tg__info{display:flex;flex-direction:column;gap:1px;overflow:hidden}.c2g-tg__name{font-size:.8125rem;font-weight:700;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c2g-tg__cat{font-size:.65rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-tg__bar-track{height:6px;border-radius:3px;background:var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));overflow:hidden}.c2g-tg__bar-fill{height:100%;border-radius:3px;background:var(--c2g-theme-primary, var(--c2g-color-primary));transition:width .7s cubic-bezier(.4,0,.2,1)}.c2g-tg__count{font-size:.8rem;font-weight:800;text-align:right;color:var(--c2g-theme-primary, var(--c2g-color-primary));font-variant-numeric:tabular-nums}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TopGearWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c2g-top-gear-widget', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<article class=\"c2g-tg\">\n  <header class=\"c2g-tg__header\">\n    <span class=\"c2g-tg__icon\">\uD83C\uDF92</span>\n    <h3 class=\"c2g-tg__title\">Top-Gear</h3>\n  </header>\n\n  <ol class=\"c2g-tg__list\" role=\"list\">\n    @for (entry of top(); track entry.name; let i = $index) {\n      <li class=\"c2g-tg__item\" [class.c2g-tg__item--top3]=\"i < 3\">\n        <span class=\"c2g-tg__rank\">\n          @if (medal(i)) { {{ medal(i) }} } @else { {{ i + 1 }} }\n        </span>\n        <div class=\"c2g-tg__info\">\n          <span class=\"c2g-tg__name\">{{ entry.name }}</span>\n          @if (entry.category) {\n            <span class=\"c2g-tg__cat\">{{ entry.category }}</span>\n          }\n        </div>\n        <div class=\"c2g-tg__bar-track\">\n          <div class=\"c2g-tg__bar-fill\" [style.width.%]=\"usagePct(entry.usageCount)\"></div>\n        </div>\n        <span class=\"c2g-tg__count\">{{ entry.usageCount }}\u00D7</span>\n      </li>\n    }\n  </ol>\n</article>\n", styles: [":host{display:block;font-family:var(--c2g-font-family-base, \"Quicksand\", sans-serif)}.c2g-tg{background:var(--c2g-theme-surface, var(--c2g-color-surface));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));box-shadow:var(--c2g-shadow-sm, 0 1px 4px rgba(0, 0, 0, .06));border-radius:var(--c2g-radius-xl, 20px);padding:18px 20px 16px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .2s ease,transform .2s ease}.c2g-tg:hover{box-shadow:var(--c2g-shadow-lg, 0 8px 28px rgba(0, 0, 0, .11));transform:translateY(-2px)}.c2g-tg__header{display:flex;align-items:center;gap:8px}.c2g-tg__icon{font-size:1.25rem;line-height:1}.c2g-tg__title{margin:0;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-tg__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;counter-reset:gear}.c2g-tg__item{display:grid;grid-template-columns:28px 1fr 1fr 36px;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--c2g-radius-md, 10px);background:var(--c2g-theme-surface-container-low, var(--c2g-color-bg-base))}.c2g-tg__item--top3{background:var(--c2g-theme-surface-container, var(--c2g-color-bg-secondary))}.c2g-tg__rank{font-size:1rem;text-align:center}.c2g-tg__info{display:flex;flex-direction:column;gap:1px;overflow:hidden}.c2g-tg__name{font-size:.8125rem;font-weight:700;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c2g-tg__cat{font-size:.65rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-tg__bar-track{height:6px;border-radius:3px;background:var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));overflow:hidden}.c2g-tg__bar-fill{height:100%;border-radius:3px;background:var(--c2g-theme-primary, var(--c2g-color-primary));transition:width .7s cubic-bezier(.4,0,.2,1)}.c2g-tg__count{font-size:.8rem;font-weight:800;text-align:right;color:var(--c2g-theme-primary, var(--c2g-color-primary));font-variant-numeric:tabular-nums}\n"] }]
+        }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }] } });
+
+class GroupActivityWidgetComponent {
+    data = input.required(...(ngDevMode ? [{ debugName: "data" }] : []));
+    ranked = computed(() => {
+        const sorted = [...this.data().members]
+            .sort((a, b) => b.completedItems - a.completedItems);
+        const maxItems = Math.max(...sorted.map(m => m.completedItems), 1);
+        return sorted.map((m, i) => ({
+            ...m,
+            rank: i + 1,
+            pct: Math.round((m.completedItems / maxItems) * 100),
+        }));
+    }, ...(ngDevMode ? [{ debugName: "ranked" }] : []));
+    medal(rank) {
+        if (rank === 1)
+            return '🥇';
+        if (rank === 2)
+            return '🥈';
+        if (rank === 3)
+            return '🥉';
+        return '';
+    }
+    completionPct(m) {
+        if (!m.totalItems)
+            return 0;
+        return Math.round((m.completedItems / m.totalItems) * 100);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: GroupActivityWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: GroupActivityWidgetComponent, isStandalone: true, selector: "c2g-group-activity-widget", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<article class=\"c2g-ga\">\n  <header class=\"c2g-ga__header\">\n    <span class=\"c2g-ga__icon\">\uD83C\uDFC5</span>\n    <div class=\"c2g-ga__titles\">\n      <h3 class=\"c2g-ga__title\">Aktivste Mitglieder</h3>\n      @if (data().groupName) {\n        <span class=\"c2g-ga__sub\">{{ data().groupName }}</span>\n      }\n    </div>\n  </header>\n\n  <ol class=\"c2g-ga__list\" role=\"list\">\n    @for (m of ranked(); track m.name) {\n      <li class=\"c2g-ga__item\" [class.c2g-ga__item--self]=\"m.isSelf\">\n        <!-- Avatar -->\n        <div class=\"c2g-ga__avatar\">\n          @if (m.avatarUrl) {\n            <img [src]=\"m.avatarUrl\" [alt]=\"m.name\" class=\"c2g-ga__avatar-img\"/>\n          } @else {\n            <span class=\"c2g-ga__initials\">{{ m.initials }}</span>\n          }\n          @if (medal(m.rank)) {\n            <span class=\"c2g-ga__medal\">{{ medal(m.rank) }}</span>\n          }\n        </div>\n\n        <div class=\"c2g-ga__info\">\n          <span class=\"c2g-ga__name\">{{ m.name }}{{ m.isSelf ? ' (du)' : '' }}</span>\n          <div class=\"c2g-ga__bar-track\">\n            <div class=\"c2g-ga__bar-fill\" [style.width.%]=\"m.pct\"></div>\n          </div>\n        </div>\n\n        <div class=\"c2g-ga__nums\">\n          <span class=\"c2g-ga__completed\">{{ m.completedItems }}</span>\n          @if (m.totalItems) {\n            <span class=\"c2g-ga__total\">/ {{ m.totalItems }}</span>\n          }\n        </div>\n      </li>\n    }\n  </ol>\n</article>\n", styles: [":host{display:block;font-family:var(--c2g-font-family-base, \"Quicksand\", sans-serif)}.c2g-ga{background:var(--c2g-theme-surface, var(--c2g-color-surface));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));box-shadow:var(--c2g-shadow-sm, 0 1px 4px rgba(0, 0, 0, .06));border-radius:var(--c2g-radius-xl, 20px);padding:18px 20px 16px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .2s ease,transform .2s ease}.c2g-ga:hover{box-shadow:var(--c2g-shadow-lg, 0 8px 28px rgba(0, 0, 0, .11));transform:translateY(-2px)}.c2g-ga__header{display:flex;align-items:center;gap:8px}.c2g-ga__icon{font-size:1.25rem;line-height:1}.c2g-ga__titles{display:flex;flex-direction:column;gap:2px}.c2g-ga__title{margin:0;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-ga__sub{font-size:.75rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));opacity:.7}.c2g-ga__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.c2g-ga__item{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px}.c2g-ga__item--self{background:var(--c2g-color-primary-light, #fff4f0);border-radius:var(--c2g-radius-md, 10px);padding:4px 8px}.c2g-ga__avatar{position:relative;width:36px;height:36px;flex-shrink:0;border-radius:50%;background:var(--c2g-theme-surface-container, var(--c2g-color-bg-secondary));display:flex;align-items:center;justify-content:center;overflow:visible}.c2g-ga__avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.c2g-ga__initials{font-size:.75rem;font-weight:800;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary))}.c2g-ga__medal{position:absolute;bottom:-4px;right:-4px;font-size:.75rem;line-height:1}.c2g-ga__info{display:flex;flex-direction:column;gap:4px;overflow:hidden}.c2g-ga__name{font-size:.8125rem;font-weight:700;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c2g-ga__bar-track{height:5px;border-radius:3px;background:var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));overflow:hidden}.c2g-ga__bar-fill{height:100%;border-radius:3px;background:var(--c2g-theme-primary, var(--c2g-color-primary));transition:width .7s cubic-bezier(.4,0,.2,1)}.c2g-ga__nums{display:flex;align-items:baseline;gap:2px}.c2g-ga__completed{font-size:1rem;font-weight:900;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));font-variant-numeric:tabular-nums}.c2g-ga__total{font-size:.75rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));font-variant-numeric:tabular-nums}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: GroupActivityWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c2g-group-activity-widget', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<article class=\"c2g-ga\">\n  <header class=\"c2g-ga__header\">\n    <span class=\"c2g-ga__icon\">\uD83C\uDFC5</span>\n    <div class=\"c2g-ga__titles\">\n      <h3 class=\"c2g-ga__title\">Aktivste Mitglieder</h3>\n      @if (data().groupName) {\n        <span class=\"c2g-ga__sub\">{{ data().groupName }}</span>\n      }\n    </div>\n  </header>\n\n  <ol class=\"c2g-ga__list\" role=\"list\">\n    @for (m of ranked(); track m.name) {\n      <li class=\"c2g-ga__item\" [class.c2g-ga__item--self]=\"m.isSelf\">\n        <!-- Avatar -->\n        <div class=\"c2g-ga__avatar\">\n          @if (m.avatarUrl) {\n            <img [src]=\"m.avatarUrl\" [alt]=\"m.name\" class=\"c2g-ga__avatar-img\"/>\n          } @else {\n            <span class=\"c2g-ga__initials\">{{ m.initials }}</span>\n          }\n          @if (medal(m.rank)) {\n            <span class=\"c2g-ga__medal\">{{ medal(m.rank) }}</span>\n          }\n        </div>\n\n        <div class=\"c2g-ga__info\">\n          <span class=\"c2g-ga__name\">{{ m.name }}{{ m.isSelf ? ' (du)' : '' }}</span>\n          <div class=\"c2g-ga__bar-track\">\n            <div class=\"c2g-ga__bar-fill\" [style.width.%]=\"m.pct\"></div>\n          </div>\n        </div>\n\n        <div class=\"c2g-ga__nums\">\n          <span class=\"c2g-ga__completed\">{{ m.completedItems }}</span>\n          @if (m.totalItems) {\n            <span class=\"c2g-ga__total\">/ {{ m.totalItems }}</span>\n          }\n        </div>\n      </li>\n    }\n  </ol>\n</article>\n", styles: [":host{display:block;font-family:var(--c2g-font-family-base, \"Quicksand\", sans-serif)}.c2g-ga{background:var(--c2g-theme-surface, var(--c2g-color-surface));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));box-shadow:var(--c2g-shadow-sm, 0 1px 4px rgba(0, 0, 0, .06));border-radius:var(--c2g-radius-xl, 20px);padding:18px 20px 16px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .2s ease,transform .2s ease}.c2g-ga:hover{box-shadow:var(--c2g-shadow-lg, 0 8px 28px rgba(0, 0, 0, .11));transform:translateY(-2px)}.c2g-ga__header{display:flex;align-items:center;gap:8px}.c2g-ga__icon{font-size:1.25rem;line-height:1}.c2g-ga__titles{display:flex;flex-direction:column;gap:2px}.c2g-ga__title{margin:0;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-ga__sub{font-size:.75rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));opacity:.7}.c2g-ga__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.c2g-ga__item{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px}.c2g-ga__item--self{background:var(--c2g-color-primary-light, #fff4f0);border-radius:var(--c2g-radius-md, 10px);padding:4px 8px}.c2g-ga__avatar{position:relative;width:36px;height:36px;flex-shrink:0;border-radius:50%;background:var(--c2g-theme-surface-container, var(--c2g-color-bg-secondary));display:flex;align-items:center;justify-content:center;overflow:visible}.c2g-ga__avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.c2g-ga__initials{font-size:.75rem;font-weight:800;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary))}.c2g-ga__medal{position:absolute;bottom:-4px;right:-4px;font-size:.75rem;line-height:1}.c2g-ga__info{display:flex;flex-direction:column;gap:4px;overflow:hidden}.c2g-ga__name{font-size:.8125rem;font-weight:700;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c2g-ga__bar-track{height:5px;border-radius:3px;background:var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));overflow:hidden}.c2g-ga__bar-fill{height:100%;border-radius:3px;background:var(--c2g-theme-primary, var(--c2g-color-primary));transition:width .7s cubic-bezier(.4,0,.2,1)}.c2g-ga__nums{display:flex;align-items:baseline;gap:2px}.c2g-ga__completed{font-size:1rem;font-weight:900;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));font-variant-numeric:tabular-nums}.c2g-ga__total{font-size:.75rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));font-variant-numeric:tabular-nums}\n"] }]
+        }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }] } });
+
+class GearSharingWidgetComponent {
+    data = input.required(...(ngDevMode ? [{ debugName: "data" }] : []));
+    displayPct = signal(0, ...(ngDevMode ? [{ debugName: "displayPct" }] : []));
+    raf = 0;
+    constructor() {
+        effect(() => {
+            const target = this.sharingPct();
+            cancelAnimationFrame(this.raf);
+            const start = performance.now();
+            const tick = (now) => {
+                const t = Math.min((now - start) / 1000, 1);
+                const e = 1 - Math.pow(1 - t, 3);
+                this.displayPct.set(Math.round(e * target));
+                if (t < 1)
+                    this.raf = requestAnimationFrame(tick);
+            };
+            this.raf = requestAnimationFrame(tick);
+        });
+    }
+    sharingPct = computed(() => {
+        const d = this.data();
+        if (!d.totalItems)
+            return 0;
+        return Math.round((d.sharedItems / d.totalItems) * 100);
+    }, ...(ngDevMode ? [{ debugName: "sharingPct" }] : []));
+    tier = computed(() => {
+        const p = this.sharingPct();
+        if (p >= 40)
+            return 'high';
+        if (p >= 20)
+            return 'medium';
+        return 'low';
+    }, ...(ngDevMode ? [{ debugName: "tier" }] : []));
+    arcPath = computed(() => {
+        const pct = Math.min(this.sharingPct() / 100, 1);
+        const r = 44, cx = 52, cy = 52;
+        if (pct >= 0.999)
+            return `M ${cx} ${cy - r} A ${r} ${r} 0 1 1 ${cx - 0.01} ${cy - r}`;
+        const angle = pct * 360;
+        const rad = ((angle - 90) * Math.PI) / 180;
+        const x = cx + r * Math.cos(rad);
+        const y = cy + r * Math.sin(rad);
+        const large = angle > 180 ? 1 : 0;
+        return `M ${cx} ${cy - r} A ${r} ${r} 0 ${large} 1 ${x} ${y}`;
+    }, ...(ngDevMode ? [{ debugName: "arcPath" }] : []));
+    ngOnDestroy() { cancelAnimationFrame(this.raf); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: GearSharingWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: GearSharingWidgetComponent, isStandalone: true, selector: "c2g-gear-sharing-widget", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<article class=\"c2g-gs\" [class]=\"'c2g-gs--' + tier()\">\n  <header class=\"c2g-gs__header\">\n    <span class=\"c2g-gs__icon\">\uD83E\uDD1D</span>\n    <div class=\"c2g-gs__titles\">\n      <h3 class=\"c2g-gs__title\">Gear-Sharing</h3>\n      <span class=\"c2g-gs__sub\">{{ data().memberCount }} Mitglieder</span>\n    </div>\n  </header>\n\n  <div class=\"c2g-gs__body\">\n    <div class=\"c2g-gs__circle-wrap\" aria-hidden=\"true\">\n      <svg class=\"c2g-gs__circle\" viewBox=\"0 0 104 104\">\n        <circle cx=\"52\" cy=\"52\" r=\"44\" class=\"c2g-gs__track\" fill=\"none\" stroke-width=\"10\"/>\n        <path class=\"c2g-gs__arc\" [attr.d]=\"arcPath()\" fill=\"none\" stroke-width=\"10\" stroke-linecap=\"round\"/>\n      </svg>\n      <div class=\"c2g-gs__center\">\n        <span class=\"c2g-gs__pct\">{{ displayPct() }}%</span>\n        <span class=\"c2g-gs__pct-label\">geteilt</span>\n      </div>\n    </div>\n\n    <div class=\"c2g-gs__stats\">\n      <div class=\"c2g-gs__stat\">\n        <span class=\"c2g-gs__stat-val\">{{ data().sharedItems }}</span>\n        <span class=\"c2g-gs__stat-label\">geteilt</span>\n      </div>\n      <div class=\"c2g-gs__stat\">\n        <span class=\"c2g-gs__stat-val\">{{ data().totalItems - data().sharedItems }}</span>\n        <span class=\"c2g-gs__stat-label\">eigene</span>\n      </div>\n      @if (data().savedWeightPerPersonG) {\n        <div class=\"c2g-gs__stat c2g-gs__stat--highlight\">\n          <span class=\"c2g-gs__stat-val\">{{ (data().savedWeightPerPersonG! / 1000) | number:'1.1-1' }} kg</span>\n          <span class=\"c2g-gs__stat-label\">gespart/Person</span>\n        </div>\n      }\n    </div>\n  </div>\n</article>\n", styles: [":host{display:block;font-family:var(--c2g-font-family-base, \"Quicksand\", sans-serif)}.c2g-gs{background:var(--c2g-theme-surface, var(--c2g-color-surface));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));box-shadow:var(--c2g-shadow-sm, 0 1px 4px rgba(0, 0, 0, .06));border-radius:var(--c2g-radius-xl, 20px);padding:18px 20px 16px;display:flex;flex-direction:column;gap:14px;transition:box-shadow .2s ease,transform .2s ease}.c2g-gs:hover{box-shadow:var(--c2g-shadow-lg, 0 8px 28px rgba(0, 0, 0, .11));transform:translateY(-2px)}.c2g-gs--high{--gs-color: #22c55e}.c2g-gs--medium{--gs-color: #f59e0b}.c2g-gs--low{--gs-color: #94a3b8}.c2g-gs__header{display:flex;align-items:center;gap:8px}.c2g-gs__icon{font-size:1.25rem;line-height:1}.c2g-gs__titles{display:flex;flex-direction:column;gap:2px}.c2g-gs__title{margin:0;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-gs__sub{font-size:.75rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));opacity:.7}.c2g-gs__body{display:flex;gap:16px;align-items:center}.c2g-gs__circle-wrap{position:relative;width:104px;height:104px;flex-shrink:0}.c2g-gs__circle{width:100%;height:100%;display:block}.c2g-gs__track{stroke:var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant))}.c2g-gs__arc{stroke:var(--gs-color, var(--c2g-theme-primary, var(--c2g-color-primary)));transition:d .9s cubic-bezier(.4,0,.2,1)}.c2g-gs__center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.c2g-gs__pct{font-size:1.75rem;font-weight:900;color:var(--gs-color, var(--c2g-theme-primary, var(--c2g-color-primary)));font-variant-numeric:tabular-nums;line-height:1}.c2g-gs__pct-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-gs__stats{flex:1;display:flex;flex-direction:column;gap:8px}.c2g-gs__stat{display:flex;flex-direction:column;gap:1px}.c2g-gs__stat-val{font-size:1.125rem;font-weight:800;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));font-variant-numeric:tabular-nums;line-height:1}.c2g-gs__stat-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-gs__stat--highlight .c2g-gs__stat-val{color:var(--gs-color, var(--c2g-theme-primary, var(--c2g-color-primary)))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.DecimalPipe, name: "number" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: GearSharingWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c2g-gear-sharing-widget', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<article class=\"c2g-gs\" [class]=\"'c2g-gs--' + tier()\">\n  <header class=\"c2g-gs__header\">\n    <span class=\"c2g-gs__icon\">\uD83E\uDD1D</span>\n    <div class=\"c2g-gs__titles\">\n      <h3 class=\"c2g-gs__title\">Gear-Sharing</h3>\n      <span class=\"c2g-gs__sub\">{{ data().memberCount }} Mitglieder</span>\n    </div>\n  </header>\n\n  <div class=\"c2g-gs__body\">\n    <div class=\"c2g-gs__circle-wrap\" aria-hidden=\"true\">\n      <svg class=\"c2g-gs__circle\" viewBox=\"0 0 104 104\">\n        <circle cx=\"52\" cy=\"52\" r=\"44\" class=\"c2g-gs__track\" fill=\"none\" stroke-width=\"10\"/>\n        <path class=\"c2g-gs__arc\" [attr.d]=\"arcPath()\" fill=\"none\" stroke-width=\"10\" stroke-linecap=\"round\"/>\n      </svg>\n      <div class=\"c2g-gs__center\">\n        <span class=\"c2g-gs__pct\">{{ displayPct() }}%</span>\n        <span class=\"c2g-gs__pct-label\">geteilt</span>\n      </div>\n    </div>\n\n    <div class=\"c2g-gs__stats\">\n      <div class=\"c2g-gs__stat\">\n        <span class=\"c2g-gs__stat-val\">{{ data().sharedItems }}</span>\n        <span class=\"c2g-gs__stat-label\">geteilt</span>\n      </div>\n      <div class=\"c2g-gs__stat\">\n        <span class=\"c2g-gs__stat-val\">{{ data().totalItems - data().sharedItems }}</span>\n        <span class=\"c2g-gs__stat-label\">eigene</span>\n      </div>\n      @if (data().savedWeightPerPersonG) {\n        <div class=\"c2g-gs__stat c2g-gs__stat--highlight\">\n          <span class=\"c2g-gs__stat-val\">{{ (data().savedWeightPerPersonG! / 1000) | number:'1.1-1' }} kg</span>\n          <span class=\"c2g-gs__stat-label\">gespart/Person</span>\n        </div>\n      }\n    </div>\n  </div>\n</article>\n", styles: [":host{display:block;font-family:var(--c2g-font-family-base, \"Quicksand\", sans-serif)}.c2g-gs{background:var(--c2g-theme-surface, var(--c2g-color-surface));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));box-shadow:var(--c2g-shadow-sm, 0 1px 4px rgba(0, 0, 0, .06));border-radius:var(--c2g-radius-xl, 20px);padding:18px 20px 16px;display:flex;flex-direction:column;gap:14px;transition:box-shadow .2s ease,transform .2s ease}.c2g-gs:hover{box-shadow:var(--c2g-shadow-lg, 0 8px 28px rgba(0, 0, 0, .11));transform:translateY(-2px)}.c2g-gs--high{--gs-color: #22c55e}.c2g-gs--medium{--gs-color: #f59e0b}.c2g-gs--low{--gs-color: #94a3b8}.c2g-gs__header{display:flex;align-items:center;gap:8px}.c2g-gs__icon{font-size:1.25rem;line-height:1}.c2g-gs__titles{display:flex;flex-direction:column;gap:2px}.c2g-gs__title{margin:0;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-gs__sub{font-size:.75rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));opacity:.7}.c2g-gs__body{display:flex;gap:16px;align-items:center}.c2g-gs__circle-wrap{position:relative;width:104px;height:104px;flex-shrink:0}.c2g-gs__circle{width:100%;height:100%;display:block}.c2g-gs__track{stroke:var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant))}.c2g-gs__arc{stroke:var(--gs-color, var(--c2g-theme-primary, var(--c2g-color-primary)));transition:d .9s cubic-bezier(.4,0,.2,1)}.c2g-gs__center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.c2g-gs__pct{font-size:1.75rem;font-weight:900;color:var(--gs-color, var(--c2g-theme-primary, var(--c2g-color-primary)));font-variant-numeric:tabular-nums;line-height:1}.c2g-gs__pct-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-gs__stats{flex:1;display:flex;flex-direction:column;gap:8px}.c2g-gs__stat{display:flex;flex-direction:column;gap:1px}.c2g-gs__stat-val{font-size:1.125rem;font-weight:800;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));font-variant-numeric:tabular-nums;line-height:1}.c2g-gs__stat-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-gs__stat--highlight .c2g-gs__stat-val{color:var(--gs-color, var(--c2g-theme-primary, var(--c2g-color-primary)))}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }] } });
+
+class AdventureRadiusWidgetComponent {
+    data = input.required(...(ngDevMode ? [{ debugName: "data" }] : []));
+    buckets = computed(() => this.data().buckets ?? [], ...(ngDevMode ? [{ debugName: "buckets" }] : []));
+    maxBucketCount = computed(() => Math.max(...this.buckets().map(b => b.count), 1), ...(ngDevMode ? [{ debugName: "maxBucketCount" }] : []));
+    bucketPct(count) {
+        return Math.round((count / this.maxBucketCount()) * 100);
+    }
+    radiusTier = computed(() => {
+        const max = this.data().maxRadiusKm;
+        if (max >= 1000)
+            return 'international';
+        if (max >= 300)
+            return 'national';
+        if (max >= 100)
+            return 'regional';
+        return 'local';
+    }, ...(ngDevMode ? [{ debugName: "radiusTier" }] : []));
+    tierEmoji = computed(() => {
+        switch (this.radiusTier()) {
+            case 'international': return '🌍';
+            case 'national': return '🗺️';
+            case 'regional': return '🏔️';
+            default: return '🏡';
+        }
+    }, ...(ngDevMode ? [{ debugName: "tierEmoji" }] : []));
+    tierLabel = computed(() => {
+        switch (this.radiusTier()) {
+            case 'international': return 'Weltenbummler';
+            case 'national': return 'Deutschlandreisender';
+            case 'regional': return 'Regionalentdecker';
+            default: return 'Heimatverbunden';
+        }
+    }, ...(ngDevMode ? [{ debugName: "tierLabel" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AdventureRadiusWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: AdventureRadiusWidgetComponent, isStandalone: true, selector: "c2g-adventure-radius-widget", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<article class=\"c2g-ar\">\n  <header class=\"c2g-ar__header\">\n    <span class=\"c2g-ar__icon\">{{ tierEmoji() }}</span>\n    <div class=\"c2g-ar__titles\">\n      <h3 class=\"c2g-ar__title\">Abenteuer-Radius</h3>\n      @if (data().homeLabel) {\n        <span class=\"c2g-ar__sub\">ab {{ data().homeLabel }}</span>\n      }\n    </div>\n    <span class=\"c2g-ar__tier-badge c2g-ar__tier-badge--{{ radiusTier() }}\">\n      {{ tierLabel() }}\n    </span>\n  </header>\n\n  <div class=\"c2g-ar__hero\">\n    <div class=\"c2g-ar__stat\">\n      <span class=\"c2g-ar__val\">{{ data().avgRadiusKm | number:'1.0-0' }}</span>\n      <span class=\"c2g-ar__unit\">km</span>\n      <span class=\"c2g-ar__label\">\u00D8 Radius</span>\n    </div>\n    <div class=\"c2g-ar__divider\"></div>\n    <div class=\"c2g-ar__stat\">\n      <span class=\"c2g-ar__val\">{{ data().maxRadiusKm | number:'1.0-0' }}</span>\n      <span class=\"c2g-ar__unit\">km</span>\n      <span class=\"c2g-ar__label\">Maximum</span>\n    </div>\n  </div>\n\n  @if (data().maxTourName) {\n    <div class=\"c2g-ar__max-tour\">\n      <span class=\"c2g-ar__max-icon\">\uD83D\uDCCD</span>\n      <span class=\"c2g-ar__max-name\">{{ data().maxTourName }}</span>\n    </div>\n  }\n\n  @if (buckets().length) {\n    <div class=\"c2g-ar__buckets\">\n      @for (b of buckets(); track b.labelKm) {\n        <div class=\"c2g-ar__bucket\">\n          <div class=\"c2g-ar__bucket-bar-wrap\">\n            <div class=\"c2g-ar__bucket-bar\" [style.height.%]=\"bucketPct(b.count)\"></div>\n          </div>\n          <span class=\"c2g-ar__bucket-label\">{{ b.labelKm }}</span>\n          <span class=\"c2g-ar__bucket-count\">{{ b.count }}</span>\n        </div>\n      }\n    </div>\n  }\n</article>\n", styles: [":host{display:block;font-family:var(--c2g-font-family-base, \"Quicksand\", sans-serif)}.c2g-ar{background:var(--c2g-theme-surface, var(--c2g-color-surface));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));box-shadow:var(--c2g-shadow-sm, 0 1px 4px rgba(0, 0, 0, .06));border-radius:var(--c2g-radius-xl, 20px);padding:18px 20px 16px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .2s ease,transform .2s ease}.c2g-ar:hover{box-shadow:var(--c2g-shadow-lg, 0 8px 28px rgba(0, 0, 0, .11));transform:translateY(-2px)}.c2g-ar__header{display:flex;align-items:center;gap:8px}.c2g-ar__icon{font-size:1.5rem;line-height:1}.c2g-ar__titles{flex:1;display:flex;flex-direction:column;gap:2px}.c2g-ar__title{margin:0;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-ar__sub{font-size:.75rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));opacity:.7}.c2g-ar__tier-badge{font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:999px;white-space:nowrap}.c2g-ar__tier-badge--international{color:#a855f7;background:#a855f71a}.c2g-ar__tier-badge--national{color:#3b82f6;background:#3b82f61a}.c2g-ar__tier-badge--regional{color:#22c55e;background:#22c55e1a}.c2g-ar__tier-badge--local{color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));background:var(--c2g-theme-surface-container, var(--c2g-color-bg-secondary))}.c2g-ar__hero{display:flex;align-items:center;gap:0}.c2g-ar__stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.c2g-ar__val{font-size:2.25rem;font-weight:800;line-height:1;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));font-variant-numeric:tabular-nums;letter-spacing:-.02em}.c2g-ar__unit{font-size:.875rem;font-weight:700;color:var(--c2g-theme-primary, var(--c2g-color-primary))}.c2g-ar__label{font-size:.65rem;text-transform:uppercase;letter-spacing:.07em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-ar__divider{width:1px;height:48px;background:var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant))}.c2g-ar__max-tour{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--c2g-theme-surface-container, var(--c2g-color-bg-secondary));border-radius:var(--c2g-radius-md, 10px)}.c2g-ar__max-icon{font-size:.875rem}.c2g-ar__max-name{font-size:.8rem;font-weight:600;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c2g-ar__buckets{display:flex;align-items:flex-end;gap:6px;height:64px;padding-top:4px;border-top:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant))}.c2g-ar__bucket{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;height:100%;justify-content:flex-end}.c2g-ar__bucket-bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end}.c2g-ar__bucket-bar{width:100%;border-radius:3px 3px 0 0;min-height:3px;background:var(--c2g-theme-primary, var(--c2g-color-primary));transition:height .7s cubic-bezier(.4,0,.2,1);opacity:.75}.c2g-ar__bucket-label{font-size:.55rem;font-weight:700;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));text-align:center;white-space:nowrap}.c2g-ar__bucket-count{font-size:.6rem;font-weight:800;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.DecimalPipe, name: "number" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AdventureRadiusWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c2g-adventure-radius-widget', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<article class=\"c2g-ar\">\n  <header class=\"c2g-ar__header\">\n    <span class=\"c2g-ar__icon\">{{ tierEmoji() }}</span>\n    <div class=\"c2g-ar__titles\">\n      <h3 class=\"c2g-ar__title\">Abenteuer-Radius</h3>\n      @if (data().homeLabel) {\n        <span class=\"c2g-ar__sub\">ab {{ data().homeLabel }}</span>\n      }\n    </div>\n    <span class=\"c2g-ar__tier-badge c2g-ar__tier-badge--{{ radiusTier() }}\">\n      {{ tierLabel() }}\n    </span>\n  </header>\n\n  <div class=\"c2g-ar__hero\">\n    <div class=\"c2g-ar__stat\">\n      <span class=\"c2g-ar__val\">{{ data().avgRadiusKm | number:'1.0-0' }}</span>\n      <span class=\"c2g-ar__unit\">km</span>\n      <span class=\"c2g-ar__label\">\u00D8 Radius</span>\n    </div>\n    <div class=\"c2g-ar__divider\"></div>\n    <div class=\"c2g-ar__stat\">\n      <span class=\"c2g-ar__val\">{{ data().maxRadiusKm | number:'1.0-0' }}</span>\n      <span class=\"c2g-ar__unit\">km</span>\n      <span class=\"c2g-ar__label\">Maximum</span>\n    </div>\n  </div>\n\n  @if (data().maxTourName) {\n    <div class=\"c2g-ar__max-tour\">\n      <span class=\"c2g-ar__max-icon\">\uD83D\uDCCD</span>\n      <span class=\"c2g-ar__max-name\">{{ data().maxTourName }}</span>\n    </div>\n  }\n\n  @if (buckets().length) {\n    <div class=\"c2g-ar__buckets\">\n      @for (b of buckets(); track b.labelKm) {\n        <div class=\"c2g-ar__bucket\">\n          <div class=\"c2g-ar__bucket-bar-wrap\">\n            <div class=\"c2g-ar__bucket-bar\" [style.height.%]=\"bucketPct(b.count)\"></div>\n          </div>\n          <span class=\"c2g-ar__bucket-label\">{{ b.labelKm }}</span>\n          <span class=\"c2g-ar__bucket-count\">{{ b.count }}</span>\n        </div>\n      }\n    </div>\n  }\n</article>\n", styles: [":host{display:block;font-family:var(--c2g-font-family-base, \"Quicksand\", sans-serif)}.c2g-ar{background:var(--c2g-theme-surface, var(--c2g-color-surface));border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));box-shadow:var(--c2g-shadow-sm, 0 1px 4px rgba(0, 0, 0, .06));border-radius:var(--c2g-radius-xl, 20px);padding:18px 20px 16px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .2s ease,transform .2s ease}.c2g-ar:hover{box-shadow:var(--c2g-shadow-lg, 0 8px 28px rgba(0, 0, 0, .11));transform:translateY(-2px)}.c2g-ar__header{display:flex;align-items:center;gap:8px}.c2g-ar__icon{font-size:1.5rem;line-height:1}.c2g-ar__titles{flex:1;display:flex;flex-direction:column;gap:2px}.c2g-ar__title{margin:0;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-ar__sub{font-size:.75rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));opacity:.7}.c2g-ar__tier-badge{font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:999px;white-space:nowrap}.c2g-ar__tier-badge--international{color:#a855f7;background:#a855f71a}.c2g-ar__tier-badge--national{color:#3b82f6;background:#3b82f61a}.c2g-ar__tier-badge--regional{color:#22c55e;background:#22c55e1a}.c2g-ar__tier-badge--local{color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));background:var(--c2g-theme-surface-container, var(--c2g-color-bg-secondary))}.c2g-ar__hero{display:flex;align-items:center;gap:0}.c2g-ar__stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.c2g-ar__val{font-size:2.25rem;font-weight:800;line-height:1;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));font-variant-numeric:tabular-nums;letter-spacing:-.02em}.c2g-ar__unit{font-size:.875rem;font-weight:700;color:var(--c2g-theme-primary, var(--c2g-color-primary))}.c2g-ar__label{font-size:.65rem;text-transform:uppercase;letter-spacing:.07em;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-ar__divider{width:1px;height:48px;background:var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant))}.c2g-ar__max-tour{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--c2g-theme-surface-container, var(--c2g-color-bg-secondary));border-radius:var(--c2g-radius-md, 10px)}.c2g-ar__max-icon{font-size:.875rem}.c2g-ar__max-name{font-size:.8rem;font-weight:600;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c2g-ar__buckets{display:flex;align-items:flex-end;gap:6px;height:64px;padding-top:4px;border-top:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant))}.c2g-ar__bucket{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;height:100%;justify-content:flex-end}.c2g-ar__bucket-bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end}.c2g-ar__bucket-bar{width:100%;border-radius:3px 3px 0 0;min-height:3px;background:var(--c2g-theme-primary, var(--c2g-color-primary));transition:height .7s cubic-bezier(.4,0,.2,1);opacity:.75}.c2g-ar__bucket-label{font-size:.55rem;font-weight:700;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted));text-align:center;white-space:nowrap}.c2g-ar__bucket-count{font-size:.6rem;font-weight:800;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary))}\n"] }]
+        }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }] } });
+
+class PackProgressWidgetComponent {
+    data = input.required(...(ngDevMode ? [{ debugName: "data" }] : []));
+    rows = computed(() => this.data().rows, ...(ngDevMode ? [{ debugName: "rows" }] : []));
+    overallPacked = computed(() => this.rows().reduce((s, r) => s + r.packed, 0), ...(ngDevMode ? [{ debugName: "overallPacked" }] : []));
+    overallTotal = computed(() => this.rows().reduce((s, r) => s + r.total, 0), ...(ngDevMode ? [{ debugName: "overallTotal" }] : []));
+    overallPercent = computed(() => {
+        const t = this.overallTotal();
+        return t === 0 ? 0 : Math.round((this.overallPacked() / t) * 100);
+    }, ...(ngDevMode ? [{ debugName: "overallPercent" }] : []));
+    pct(row) {
+        return row.total === 0 ? 0 : Math.round((row.packed / row.total) * 100);
+    }
+    tone(row) {
+        const p = this.pct(row);
+        if (p === 100)
+            return 'success';
+        if (p >= 50)
+            return 'warning';
+        return 'danger';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PackProgressWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: PackProgressWidgetComponent, isStandalone: true, selector: "c2g-pack-progress-widget", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"c2g-pp\">\n\n  <div class=\"c2g-pp__header\">\n    <span class=\"c2g-pp__title\">\uD83D\uDCE6 Packfortschritt</span>\n    @if (data().tourName) {\n      <span class=\"c2g-pp__tour\">{{ data().tourName }}</span>\n    }\n    <span class=\"c2g-pp__overall\">{{ overallPacked() }}/{{ overallTotal() }}</span>\n  </div>\n\n  <div class=\"c2g-pp__rows\">\n    @for (row of rows(); track row.label) {\n      <div class=\"c2g-pp__row\" [class.c2g-pp__row--highlight]=\"row.highlight\">\n\n        <div class=\"c2g-pp__row-label\">\n          <span class=\"c2g-pp__row-icon\" aria-hidden=\"true\">{{ row.icon }}</span>\n          <span class=\"c2g-pp__row-name\">{{ row.label }}</span>\n        </div>\n\n        <div class=\"c2g-pp__bar-wrap\" [attr.aria-label]=\"row.label + ': ' + row.packed + ' von ' + row.total + ' gepackt'\">\n          <div\n            class=\"c2g-pp__bar-fill\"\n            [class.c2g-pp__bar-fill--success]=\"tone(row) === 'success'\"\n            [class.c2g-pp__bar-fill--warning]=\"tone(row) === 'warning'\"\n            [class.c2g-pp__bar-fill--danger]=\"tone(row) === 'danger'\"\n            [style.width.%]=\"pct(row)\">\n          </div>\n        </div>\n\n        <span\n          class=\"c2g-pp__count\"\n          [class.c2g-pp__count--success]=\"tone(row) === 'success'\"\n          [class.c2g-pp__count--warning]=\"tone(row) === 'warning'\"\n          [class.c2g-pp__count--danger]=\"tone(row) === 'danger'\">\n          {{ row.packed }}/{{ row.total }}\n        </span>\n\n      </div>\n    }\n  </div>\n\n  <!-- Overall strip -->\n  <div class=\"c2g-pp__strip-track\">\n    <div class=\"c2g-pp__strip-fill\" [style.width.%]=\"overallPercent()\"></div>\n  </div>\n\n</div>\n", styles: [".c2g-pp{border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));border-radius:1rem;background:var(--c2g-theme-surface, var(--c2g-color-surface));overflow:hidden;display:grid;gap:0;transition:background var(--c2g-transition-medium, .25s ease),border-color var(--c2g-transition-medium, .25s ease)}.c2g-pp__header{display:flex;align-items:center;gap:.5rem;padding:.85rem 1rem .7rem}.c2g-pp__title{font-weight:700;font-size:.9rem;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));flex:1}.c2g-pp__tour{font-size:.75rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-pp__overall{font-size:.78rem;font-weight:600;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-secondary));background:var(--c2g-theme-surface-container, var(--c2g-color-neutral-100));border-radius:99px;padding:.1rem .5rem}.c2g-pp__rows{display:grid;gap:0;padding:0 1rem .75rem}.c2g-pp__row{display:grid;grid-template-columns:7rem 1fr 2.8rem;align-items:center;gap:.65rem;padding:.45rem 0;border-bottom:1px solid var(--c2g-color-outline-variant)}.c2g-pp__row:last-child{border-bottom:0}.c2g-pp__row--highlight{background:color-mix(in srgb,#f59e0b 5%,transparent);border-radius:.5rem;margin:0 -.5rem;padding:.45rem .5rem}.c2g-pp__row--highlight .c2g-pp__row-name{font-weight:600}.c2g-pp__row-label{display:flex;align-items:center;gap:.4rem;min-width:0}.c2g-pp__row-icon{font-size:1rem;line-height:1;flex-shrink:0}.c2g-pp__row-name{font-size:.82rem;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c2g-pp__bar-wrap{height:.45rem;border-radius:99px;background:var(--c2g-theme-surface-container, var(--c2g-color-neutral-100));overflow:hidden}.c2g-pp__bar-fill{height:100%;border-radius:99px;transition:width .6s cubic-bezier(.4,0,.2,1)}.c2g-pp__bar-fill--success{background:#16a34a}.c2g-pp__bar-fill--warning{background:#f59e0b}.c2g-pp__bar-fill--danger{background:#ef4444}.c2g-pp__count{font-size:.75rem;font-weight:700;text-align:right;white-space:nowrap}.c2g-pp__count--success{color:#16a34a}.c2g-pp__count--warning{color:#d97706}.c2g-pp__count--danger{color:#dc2626}.c2g-pp__strip-track{height:3px;background:var(--c2g-theme-surface-container, var(--c2g-color-neutral-100))}.c2g-pp__strip-fill{height:100%;background:var(--c2g-color-secondary-dark, #2d6a4f);transition:width .7s cubic-bezier(.4,0,.2,1)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PackProgressWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c2g-pack-progress-widget', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"c2g-pp\">\n\n  <div class=\"c2g-pp__header\">\n    <span class=\"c2g-pp__title\">\uD83D\uDCE6 Packfortschritt</span>\n    @if (data().tourName) {\n      <span class=\"c2g-pp__tour\">{{ data().tourName }}</span>\n    }\n    <span class=\"c2g-pp__overall\">{{ overallPacked() }}/{{ overallTotal() }}</span>\n  </div>\n\n  <div class=\"c2g-pp__rows\">\n    @for (row of rows(); track row.label) {\n      <div class=\"c2g-pp__row\" [class.c2g-pp__row--highlight]=\"row.highlight\">\n\n        <div class=\"c2g-pp__row-label\">\n          <span class=\"c2g-pp__row-icon\" aria-hidden=\"true\">{{ row.icon }}</span>\n          <span class=\"c2g-pp__row-name\">{{ row.label }}</span>\n        </div>\n\n        <div class=\"c2g-pp__bar-wrap\" [attr.aria-label]=\"row.label + ': ' + row.packed + ' von ' + row.total + ' gepackt'\">\n          <div\n            class=\"c2g-pp__bar-fill\"\n            [class.c2g-pp__bar-fill--success]=\"tone(row) === 'success'\"\n            [class.c2g-pp__bar-fill--warning]=\"tone(row) === 'warning'\"\n            [class.c2g-pp__bar-fill--danger]=\"tone(row) === 'danger'\"\n            [style.width.%]=\"pct(row)\">\n          </div>\n        </div>\n\n        <span\n          class=\"c2g-pp__count\"\n          [class.c2g-pp__count--success]=\"tone(row) === 'success'\"\n          [class.c2g-pp__count--warning]=\"tone(row) === 'warning'\"\n          [class.c2g-pp__count--danger]=\"tone(row) === 'danger'\">\n          {{ row.packed }}/{{ row.total }}\n        </span>\n\n      </div>\n    }\n  </div>\n\n  <!-- Overall strip -->\n  <div class=\"c2g-pp__strip-track\">\n    <div class=\"c2g-pp__strip-fill\" [style.width.%]=\"overallPercent()\"></div>\n  </div>\n\n</div>\n", styles: [".c2g-pp{border:1px solid var(--c2g-theme-outline-variant, var(--c2g-color-outline-variant));border-radius:1rem;background:var(--c2g-theme-surface, var(--c2g-color-surface));overflow:hidden;display:grid;gap:0;transition:background var(--c2g-transition-medium, .25s ease),border-color var(--c2g-transition-medium, .25s ease)}.c2g-pp__header{display:flex;align-items:center;gap:.5rem;padding:.85rem 1rem .7rem}.c2g-pp__title{font-weight:700;font-size:.9rem;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));flex:1}.c2g-pp__tour{font-size:.75rem;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-muted))}.c2g-pp__overall{font-size:.78rem;font-weight:600;color:var(--c2g-theme-on-surface-variant, var(--c2g-color-text-secondary));background:var(--c2g-theme-surface-container, var(--c2g-color-neutral-100));border-radius:99px;padding:.1rem .5rem}.c2g-pp__rows{display:grid;gap:0;padding:0 1rem .75rem}.c2g-pp__row{display:grid;grid-template-columns:7rem 1fr 2.8rem;align-items:center;gap:.65rem;padding:.45rem 0;border-bottom:1px solid var(--c2g-color-outline-variant)}.c2g-pp__row:last-child{border-bottom:0}.c2g-pp__row--highlight{background:color-mix(in srgb,#f59e0b 5%,transparent);border-radius:.5rem;margin:0 -.5rem;padding:.45rem .5rem}.c2g-pp__row--highlight .c2g-pp__row-name{font-weight:600}.c2g-pp__row-label{display:flex;align-items:center;gap:.4rem;min-width:0}.c2g-pp__row-icon{font-size:1rem;line-height:1;flex-shrink:0}.c2g-pp__row-name{font-size:.82rem;color:var(--c2g-theme-on-surface, var(--c2g-color-text-primary));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c2g-pp__bar-wrap{height:.45rem;border-radius:99px;background:var(--c2g-theme-surface-container, var(--c2g-color-neutral-100));overflow:hidden}.c2g-pp__bar-fill{height:100%;border-radius:99px;transition:width .6s cubic-bezier(.4,0,.2,1)}.c2g-pp__bar-fill--success{background:#16a34a}.c2g-pp__bar-fill--warning{background:#f59e0b}.c2g-pp__bar-fill--danger{background:#ef4444}.c2g-pp__count{font-size:.75rem;font-weight:700;text-align:right;white-space:nowrap}.c2g-pp__count--success{color:#16a34a}.c2g-pp__count--warning{color:#d97706}.c2g-pp__count--danger{color:#dc2626}.c2g-pp__strip-track{height:3px;background:var(--c2g-theme-surface-container, var(--c2g-color-neutral-100))}.c2g-pp__strip-fill{height:100%;background:var(--c2g-color-secondary-dark, #2d6a4f);transition:width .7s cubic-bezier(.4,0,.2,1)}\n"] }]
+        }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ActionMenuComponent, AdventureRadiusWidgetComponent, AdventureScoreWidgetComponent, C2G_PACKING_CATEGORY_INFO, CampingScoreWidgetComponent, CriticalItemsAlertWidgetComponent, DEFAULT_PACKING_LIST_CONFIG, DEFAULT_PACKING_LIST_LABEL_KEYS, GearSharingWidgetComponent, GearValueWidgetComponent, GroupActivityWidgetComponent, GroupCompositionWidgetComponent, MainNavigationComponent, MainNavigationItemComponent, MemberItemComponent, MemberListComponent, MemberPanelComponent, MemberReadinessWidgetComponent, MemberTagsComponent, MenuComponent, NextAdventureWidgetComponent, PackProgressWidgetComponent, PackStatusWidgetComponent, PackWeightWidgetComponent, PackingListCategoryComponent, PackingListComponent, PackingListFiltersComponent, PackingListItemComponent, PackingListItemCreateComponent, PackingListPrivateListComponent, PackingListStatsComponent, RainVisualizationWidgetComponent, SeasonDnaWidgetComponent, StreakWidgetComponent, SubmenuComponent, SubmenuItemComponent, TopGearWidgetComponent, TotalKmWidgetComponent, TourRhythmWidgetComponent, TourTypeSplitWidgetComponent, WEATHER_ICON_MAP, WeatherWidgetComponent, WeightBreakdownWidgetComponent, WeightHistoryWidgetComponent, WindIndicatorWidgetComponent, resolvePackingCategory, resolveWeatherIcon };
+//# sourceMappingURL=camp2gether-c2g-ui-presets.mjs.map