@propbinder/mobile-design 0.3.34 → 0.3.35

package/fesm2022/propbinder-mobile-design.mjs

@@ -20,16 +20,16 @@ import { FilePicker } from '@capawesome/capacitor-file-picker';
 import { Subject, isObservable } from 'rxjs';
 import { createAnimation } from '@ionic/core';
 import { Share } from '@capacitor/share';
-import Swiper from 'swiper';
 import { Filesystem, Directory } from '@capacitor/filesystem';
+import Swiper from 'swiper';
 import { Browser } from '@capacitor/browser';
 import { filter } from 'rxjs/operators';
 import { Pagination } from 'swiper/modules';
 import { AppTrackingTransparency } from 'capacitor-plugin-app-tracking-transparency';
 
 const DEFAULT_CONFIG = {
-    logoUrl: '/Assets/logos/propbinder-logomark.svg',
-    logoMarkUrl: '/Assets/logos/propbinder-logomark.svg',
+    logoUrl: '/assets/logos/propbinder-logomark.svg',
+    logoMarkUrl: '/assets/logos/propbinder-logomark.svg',
     logoAlt: 'Propbinder',
     logoSize: 'md', // Propbinder default: md (28px mobile, 32px desktop)
     // App icon (brand identity)
@@ -63,8 +63,8 @@ const DEFAULT_CONFIG = {
  * Initialize with custom config:
  * ```typescript
  * whitelabelService.initialize({
- *   logoUrl: '/Assets/logos/acme-logo.svg',
- *   logoMarkUrl: '/Assets/logos/acme-mark.svg',
+ *   logoUrl: '/assets/logos/acme-logo.svg',
+ *   logoMarkUrl: '/assets/logos/acme-mark.svg',
  *   accent: '#2563eb',
  *   onAccent: '#ffffff',
  *   headerSurface: '#1e40af',
@@ -202,8 +202,8 @@ class WhitelabelService {
             // Example: Different configs for different organizations
             if (organizationId === 'demo-client') {
                 this.initialize({
-                    logoUrl: '/Assets/logos/demo-logo.svg',
-                    logoMarkUrl: '/Assets/logos/demo-mark.svg',
+                    logoUrl: '/assets/logos/demo-logo.svg',
+                    logoMarkUrl: '/assets/logos/demo-mark.svg',
                     logoAlt: 'Demo Client',
                     appIconSurface: '#2563eb',
                     appIconContent: '#FFFFFF',
@@ -219,8 +219,8 @@ class WhitelabelService {
             }
             else if (organizationId === 'cobblestone') {
                 this.initialize({
-                    logoUrl: '/Assets/logos/cobblestone-logo.svg',
-                    logoMarkUrl: '/Assets/logos/cobblestone-logomark.svg',
+                    logoUrl: '/assets/logos/cobblestone-logo.svg',
+                    logoMarkUrl: '/assets/logos/cobblestone-logomark.svg',
                     logoAlt: 'Cobblestone',
                     logoSize: 'sm',
                     appIconSurface: '#2C3E50',
@@ -14611,9 +14611,6 @@ class DsMobileLightboxImageComponent {
             this.onCloseRequested();
         }
     }
-    /**
-     * Handle share button click
-     */
     async onShare() {
         console.log('[Lightbox] Share button clicked');
         const currentImg = this.currentImage();
@@ -14622,20 +14619,78 @@ class DsMobileLightboxImageComponent {
             return;
         }
         try {
+            let shareUrl = currentImg.src;
+            // Handle native platform sharing of remote URLs
+            if (Capacitor.isNativePlatform()) {
+                if (currentImg.src.startsWith('http')) {
+                    try {
+                        // Fetch image as blob
+                        const response = await fetch(currentImg.src);
+                        const blob = await response.blob();
+                        // Convert to base64
+                        const reader = new FileReader();
+                        const base64Data = await new Promise((resolve, reject) => {
+                            reader.onloadend = () => {
+                                if (typeof reader.result === 'string') {
+                                    const base64 = reader.result.split(',')[1];
+                                    resolve(base64);
+                                }
+                                else {
+                                    reject(new Error('Failed to read blob as base64'));
+                                }
+                            };
+                            reader.onerror = reject;
+                            reader.readAsDataURL(blob);
+                        });
+                        // Write to cache directory
+                        const fileName = `shared_image_${Date.now()}.jpg`;
+                        const writeResult = await Filesystem.writeFile({
+                            path: fileName,
+                            data: base64Data,
+                            directory: Directory.Cache
+                        });
+                        shareUrl = writeResult.uri;
+                    }
+                    catch (e) {
+                        console.error('[Lightbox] Failed to prepare native image share:', e);
+                        // Fallback to sharing the URL directly
+                    }
+                }
+            }
             // Check if Web Share API is available (for browser)
-            if (navigator.share) {
+            if (navigator.share && !Capacitor.isNativePlatform()) {
+                try {
+                    if (currentImg.src.startsWith('http')) {
+                        const response = await fetch(currentImg.src);
+                        const blob = await response.blob();
+                        const file = new File([blob], 'shared_image.jpg', { type: blob.type || 'image/jpeg' });
+                        if (navigator.canShare && navigator.canShare({ files: [file] })) {
+                            await navigator.share({
+                                title: currentImg.title || 'Shared Image',
+                                text: currentImg.description || '',
+                                files: [file]
+                            });
+                            console.log('[Lightbox] Shared file via Web Share API');
+                            return;
+                        }
+                    }
+                }
+                catch (e) {
+                    console.error('[Lightbox] Web Share API file share failed:', e);
+                }
+                // Fallback to URL web share
                 await navigator.share({
                     title: currentImg.title || 'Shared Image',
                     text: currentImg.description || '',
                     url: currentImg.src,
                 });
-                console.log('[Lightbox] Shared via Web Share API');
+                console.log('[Lightbox] Shared URL via Web Share API');
             }
             else {
                 // Fallback to Capacitor Share API (for native apps)
                 await Share.share({
                     title: currentImg.title || 'Shared Image',
-                    url: currentImg.src,
+                    url: shareUrl,
                     dialogTitle: 'Share Image',
                 });
                 console.log('[Lightbox] Shared via Capacitor Share API');
@@ -21924,7 +21979,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
  * ```html
  * <!-- With image -->
  * <ds-mobile-empty-state
- *   [imageSrc]="'/Assets/empty-state-inquiry.svg'"
+ *   [imageSrc]="'/assets/empty-state-inquiry.svg'"
  *   [imageAlt]="'No messages'"
  *   [title]="'Ingen beskeder endnu'"
  *   [description]="'Start samtalen ved at sende en besked'">
@@ -22042,6 +22097,20 @@ class DsMobilePostDetailModalComponent {
     onEditComment;
     // Callback for deleting a comment
     onDeleteComment;
+    // Translations
+    textReplySingle = 'svar';
+    textReplyPlural = 'svar';
+    textNoRepliesTitle = 'Ingen svar endnu';
+    textNoRepliesDesc = 'Vær den første til at svare på dette opslag';
+    textAddReply = 'Tilføj et svar...';
+    textEditComment = 'Rediger din kommentar...';
+    textEditingComment = 'Redigerer kommentar';
+    textReplyingTo = 'Svarer til';
+    textSend = 'Send kommentar';
+    textClosePost = 'Luk opslag';
+    textJustNow = 'Lige nu';
+    textEdited = 'redigeret';
+    textConfirmDelete = 'Er du sikker på, at du vil slette denne kommentar?';
     // ViewChild for comment input
     commentInput;
     // Signal for reactive post data
@@ -22232,7 +22301,7 @@ class DsMobilePostDetailModalComponent {
                     return {
                         ...comment,
                         content: text,
-                        timestamp: 'Just now (edited)',
+                        timestamp: `${this.textJustNow} (${this.textEdited})`,
                     };
                 }
                 return comment;
@@ -22256,7 +22325,7 @@ class DsMobilePostDetailModalComponent {
             const newComment = {
                 authorName: this.currentUserName || 'Dig',
                 authorRole: 'Dig',
-                timestamp: 'Just now',
+                timestamp: this.textJustNow,
                 avatarInitials: this.currentUserInitials(),
                 content: finalText,
                 isLiked: false,
@@ -22272,6 +22341,9 @@ class DsMobilePostDetailModalComponent {
             });
             // Clear reply state
             this.replyingTo.set(null);
+            if (this.onSubmitComment) {
+                this.onSubmitComment({ postId, text: finalText });
+            }
         }
         // Clear the input
         this.commentText.set('');
@@ -22283,11 +22355,6 @@ class DsMobilePostDetailModalComponent {
         }
         // Hide keyboard explicitly
         Keyboard.hide().catch(() => { });
-        // In a real app, you would also send this to your backend
-        // this.commentService.addComment(currentPost.postId, text);
-        if (this.onSubmitComment) {
-            this.onSubmitComment({ postId, text: finalText });
-        }
     }
     /**
      * Open image in lightbox
@@ -22382,9 +22449,8 @@ class DsMobilePostDetailModalComponent {
                     }
                     break;
                 case 'delete':
-                    // console.log('Delete comment by', authorName);
                     // Show confirmation before deleting
-                    if (confirm('Are you sure you want to delete this comment?')) {
+                    if (confirm(this.textConfirmDelete)) {
                         const commentToDelete = currentPost.comments?.find((comment) => comment.authorName === authorName && comment.content === content);
                         const updatedCommentsAfterDelete = currentPost.comments?.filter((comment) => !(comment.authorName === authorName && comment.content === content));
                         this.post.set({
@@ -22402,7 +22468,7 @@ class DsMobilePostDetailModalComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DsMobilePostDetailModalComponent, deps: [{ token: DsMobileLightboxService }, { token: DsMobileBottomSheetService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: DsMobilePostDetailModalComponent, isStandalone: true, selector: "ds-mobile-post-detail-modal", inputs: { postData: "postData", currentUserName: "currentUserName", currentUserInitialsInput: "currentUserInitialsInput", loading: "loading", error: "error", onTogglePostLike: "onTogglePostLike", onSubmitComment: "onSubmitComment", onToggleCommentLike: "onToggleCommentLike", onEditComment: "onEditComment", onDeleteComment: "onDeleteComment" }, viewQueries: [{ propertyName: "commentInput", first: true, predicate: ["commentInput"], descendants: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: DsMobilePostDetailModalComponent, isStandalone: true, selector: "ds-mobile-post-detail-modal", inputs: { postData: "postData", currentUserName: "currentUserName", currentUserInitialsInput: "currentUserInitialsInput", loading: "loading", error: "error", onTogglePostLike: "onTogglePostLike", onSubmitComment: "onSubmitComment", onToggleCommentLike: "onToggleCommentLike", onEditComment: "onEditComment", onDeleteComment: "onDeleteComment", textReplySingle: "textReplySingle", textReplyPlural: "textReplyPlural", textNoRepliesTitle: "textNoRepliesTitle", textNoRepliesDesc: "textNoRepliesDesc", textAddReply: "textAddReply", textEditComment: "textEditComment", textEditingComment: "textEditingComment", textReplyingTo: "textReplyingTo", textSend: "textSend", textClosePost: "textClosePost", textJustNow: "textJustNow", textEdited: "textEdited", textConfirmDelete: "textConfirmDelete" }, viewQueries: [{ propertyName: "commentInput", first: true, predicate: ["commentInput"], descendants: true }], ngImport: i0, template: `
     <ds-mobile-modal-base
       [loading]="loading"
       [error]="error"
@@ -22410,7 +22476,7 @@ class DsMobilePostDetailModalComponent {
       [headerMeta]="post().authorRole + ' · ' + post().timestamp"
       [hasFixedBottom]="true"
       [enableKeyboardHandling]="true"
-      closeButtonLabel="Luk opslag"
+      [closeButtonLabel]="textClosePost"
     >
       <!-- Header Avatar -->
       <ds-avatar header-leading [initials]="post().avatarInitials || ''" [type]="post().avatarType || 'initials'" [src]="post().avatarSrc || ''" size="md" />
@@ -22441,7 +22507,7 @@ class DsMobilePostDetailModalComponent {
 
       <!-- Comments Section -->
       <ds-mobile-section 
-        [headline]="post().comments && post().comments!.length > 0 ? (post().comments!.length + ' ' + (post().comments!.length === 1 ? 'reply' : 'replies')) : ''">
+        [headline]="post().comments && post().comments!.length > 0 ? (post().comments!.length + ' ' + (post().comments!.length === 1 ? textReplySingle : textReplyPlural)) : ''">
         @if (post().comments && post().comments!.length > 0) {
         <div class="comments-list">
           @for (comment of post().comments!; track comment.id) {
@@ -22464,10 +22530,10 @@ class DsMobilePostDetailModalComponent {
         } @else {
         <!-- Empty State -->
         <ds-mobile-empty-state
-          [imageSrc]="'/Assets/empty-state-inquiry.svg'"
-          [imageAlt]="'Ingen kommentarer endnu'"
-          [title]="'Ingen svar endnu'"
-          [description]="'Vær den første til at svare på dette opslag'">
+          [imageSrc]="'/assets/empty-state-inquiry.svg'"
+          [imageAlt]="textNoRepliesTitle"
+          [title]="textNoRepliesTitle"
+          [description]="textNoRepliesDesc">
         </ds-mobile-empty-state>
         }
       </ds-mobile-section>
@@ -22480,7 +22546,7 @@ class DsMobilePostDetailModalComponent {
           <div class="edit-indicator">
             <div class="edit-indicator-content">
               <ds-icon name="remixEditLine" size="16px" />
-              <span class="edit-text">Redigerer kommentar</span>
+              <span class="edit-text">{{ textEditingComment }}</span>
             </div>
             <button class="cancel-edit" (click)="cancelEdit()">
               <ds-icon name="remixCloseLine" size="16px" />
@@ -22492,7 +22558,7 @@ class DsMobilePostDetailModalComponent {
             <div class="reply-indicator-content">
               <ds-icon name="remixReplyLine" size="16px" />
               <span class="reply-to-text">
-                Svarer til <span class="reply-author">{{ replyingTo()!.authorName }}</span>
+                {{ textReplyingTo }} <span class="reply-author">{{ replyingTo()!.authorName }}</span>
               </span>
             </div>
             <button class="cancel-reply" (click)="cancelReply()">
@@ -22507,7 +22573,7 @@ class DsMobilePostDetailModalComponent {
               <textarea
                 #commentInput
                 class="composer-input"
-                [placeholder]="editingComment() ? 'Rediger din kommentar...' : replyingTo() ? 'Tilføj et svar...' : 'Tilføj et svar...'"
+                [placeholder]="editingComment() ? textEditComment : textAddReply"
                 [ngModel]="commentText()"
                 (ngModelChange)="commentText.set($event)"
                 (input)="handleInput($event)"
@@ -22521,7 +22587,7 @@ class DsMobilePostDetailModalComponent {
               variant="primary"
               size="sm"
               (clicked)="submitComment()"
-              aria-label="Send kommentar"
+              [attr.aria-label]="textSend"
               [class.send-button-fixed]="true"
               [class.show]="commentText().trim().length > 0"
             >
@@ -22556,7 +22622,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
       [headerMeta]="post().authorRole + ' · ' + post().timestamp"
       [hasFixedBottom]="true"
       [enableKeyboardHandling]="true"
-      closeButtonLabel="Luk opslag"
+      [closeButtonLabel]="textClosePost"
     >
       <!-- Header Avatar -->
       <ds-avatar header-leading [initials]="post().avatarInitials || ''" [type]="post().avatarType || 'initials'" [src]="post().avatarSrc || ''" size="md" />
@@ -22587,7 +22653,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 
       <!-- Comments Section -->
       <ds-mobile-section 
-        [headline]="post().comments && post().comments!.length > 0 ? (post().comments!.length + ' ' + (post().comments!.length === 1 ? 'reply' : 'replies')) : ''">
+        [headline]="post().comments && post().comments!.length > 0 ? (post().comments!.length + ' ' + (post().comments!.length === 1 ? textReplySingle : textReplyPlural)) : ''">
         @if (post().comments && post().comments!.length > 0) {
         <div class="comments-list">
           @for (comment of post().comments!; track comment.id) {
@@ -22610,10 +22676,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
         } @else {
         <!-- Empty State -->
         <ds-mobile-empty-state
-          [imageSrc]="'/Assets/empty-state-inquiry.svg'"
-          [imageAlt]="'Ingen kommentarer endnu'"
-          [title]="'Ingen svar endnu'"
-          [description]="'Vær den første til at svare på dette opslag'">
+          [imageSrc]="'/assets/empty-state-inquiry.svg'"
+          [imageAlt]="textNoRepliesTitle"
+          [title]="textNoRepliesTitle"
+          [description]="textNoRepliesDesc">
         </ds-mobile-empty-state>
         }
       </ds-mobile-section>
@@ -22626,7 +22692,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
           <div class="edit-indicator">
             <div class="edit-indicator-content">
               <ds-icon name="remixEditLine" size="16px" />
-              <span class="edit-text">Redigerer kommentar</span>
+              <span class="edit-text">{{ textEditingComment }}</span>
             </div>
             <button class="cancel-edit" (click)="cancelEdit()">
               <ds-icon name="remixCloseLine" size="16px" />
@@ -22638,7 +22704,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             <div class="reply-indicator-content">
               <ds-icon name="remixReplyLine" size="16px" />
               <span class="reply-to-text">
-                Svarer til <span class="reply-author">{{ replyingTo()!.authorName }}</span>
+                {{ textReplyingTo }} <span class="reply-author">{{ replyingTo()!.authorName }}</span>
               </span>
             </div>
             <button class="cancel-reply" (click)="cancelReply()">
@@ -22653,7 +22719,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
               <textarea
                 #commentInput
                 class="composer-input"
-                [placeholder]="editingComment() ? 'Rediger din kommentar...' : replyingTo() ? 'Tilføj et svar...' : 'Tilføj et svar...'"
+                [placeholder]="editingComment() ? textEditComment : textAddReply"
                 [ngModel]="commentText()"
                 (ngModelChange)="commentText.set($event)"
                 (input)="handleInput($event)"
@@ -22667,7 +22733,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
               variant="primary"
               size="sm"
               (clicked)="submitComment()"
-              aria-label="Send kommentar"
+              [attr.aria-label]="textSend"
               [class.send-button-fixed]="true"
               [class.show]="commentText().trim().length > 0"
             >
@@ -22697,6 +22763,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 type: Input
             }], onDeleteComment: [{
                 type: Input
+            }], textReplySingle: [{
+                type: Input
+            }], textReplyPlural: [{
+                type: Input
+            }], textNoRepliesTitle: [{
+                type: Input
+            }], textNoRepliesDesc: [{
+                type: Input
+            }], textAddReply: [{
+                type: Input
+            }], textEditComment: [{
+                type: Input
+            }], textEditingComment: [{
+                type: Input
+            }], textReplyingTo: [{
+                type: Input
+            }], textSend: [{
+                type: Input
+            }], textClosePost: [{
+                type: Input
+            }], textJustNow: [{
+                type: Input
+            }], textEdited: [{
+                type: Input
+            }], textConfirmDelete: [{
+                type: Input
             }], commentInput: [{
                 type: ViewChild,
                 args: ['commentInput']
@@ -24103,7 +24195,7 @@ class DsMobileBookingModalComponent {
         </ds-button>
       </div>
     </ds-mobile-modal-base>
-  `, isInline: true, styles: [".date-item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;padding:12px 8px;border-radius:12px;border:1px solid var(--color-border, #e5e5e5);background:var(--color-surface-primary, #ffffff);cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;gap:4px}.date-item .day-name{font-family:Brockmann,sans-serif;font-size:var(--font-size-xs, 12px);font-weight:400;color:var(--text-color-default-secondary, #71727a);text-transform:uppercase}.date-item .date-number{font-family:Brockmann,sans-serif;font-size:var(--font-size-xl, 20px);font-weight:600;color:var(--text-color-default-primary, #202227)}.date-item .month-name{font-family:Brockmann,sans-serif;font-size:var(--font-size-xs, 12px);font-weight:400;color:var(--text-color-default-secondary, #71727a);text-transform:capitalize}.date-item.selected{background:var(--color-accent, #5d5fef);border-color:var(--color-accent, #5d5fef)}.date-item.selected .day-name,.date-item.selected .date-number,.date-item.selected .month-name{color:#fff}.date-item.disabled{background:var(--color-background-neutral-secondary, #f5f5f5);border-color:var(--color-border, #e5e5e5);cursor:not-allowed;opacity:.6}.date-item.disabled .day-name,.date-item.disabled .date-number,.date-item.disabled .month-name{color:var(--text-color-default-tertiary, #9a9aa2)}.date-item:not(.disabled):not(.selected):hover{border-color:var(--color-accent, #5d5fef);background:var(--color-background-neutral-secondary, #f5f5f5)}.time-slots-list{display:flex;flex-direction:column;gap:8px}.time-slot-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;border-radius:12px;border:1px solid var(--color-border, #e5e5e5);background:var(--color-surface-primary, #ffffff);cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.time-slot-item span{font-family:Brockmann,sans-serif;font-size:var(--font-size-base, 16px);font-weight:400;color:var(--text-color-default-primary, #202227)}.time-slot-item.selected{background:var(--color-accent, #5d5fef);border-color:var(--color-accent, #5d5fef)}.time-slot-item.selected span{color:#fff;font-weight:500}.time-slot-item.disabled{background:var(--color-background-neutral-secondary, #f5f5f5);border-color:var(--color-border, #e5e5e5);cursor:not-allowed;opacity:.6}.time-slot-item.disabled span{color:var(--text-color-default-tertiary, #9a9aa2)}.time-slot-item:not(.disabled):not(.selected):hover{border-color:var(--color-accent, #5d5fef);background:var(--color-background-neutral-secondary, #f5f5f5)}.booking-confirm-action{width:100%;padding:16px 20px;background:var(--color-surface-primary, #ffffff);border-top:1px solid var(--color-border, #e5e5e5);box-sizing:border-box}.booking-confirm-action ::ng-deep ds-button{display:block;width:100%}.booking-confirm-action ::ng-deep ds-button button{width:100%;border-radius:100px;height:40px}::ng-deep .date-swiper .swiper-slide{width:auto!important}.calendar-link{display:flex;align-items:center;gap:2px;font-family:Brockmann,sans-serif;font-size:var(--font-size-sm);font-weight:500;color:var(--color-accent, #5d5fef);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;line-height:1}::ng-deep .cdk-overlay-container{z-index:20001}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DsMobileModalBaseComponent, selector: "ds-mobile-modal-base", inputs: ["headerTitleInteractive", "textLoading", "textErrorTitle", "showHeader"], outputs: ["titleClick"] }, { kind: "component", type: DsMobileSectionComponent, selector: "ds-mobile-section", inputs: ["headline", "icon", "linkText", "padding", "paddingDesktop", "gap", "contentGap", "showBorder", "overflow"], outputs: ["linkClick"] }, { kind: "component", type: DsMobileSwiperComponent, selector: "ds-mobile-swiper", inputs: ["slideWidth", "gap", "pagination", "autoHeight", "progressiveOpacity", "progressiveScale"] }, { kind: "component", type: DsIconComponent, selector: "ds-icon", inputs: ["name", "size", "color", "interactive"] }, { kind: "component", type: DsButtonComponent, selector: "ds-button", inputs: ["variant", "size", "disabled", "loading", "pressed", "expanded", "leadingIcon", "trailingIcon", "ariaLabel", "iconOnly"], outputs: ["clicked", "focused", "blurred"] }, { kind: "component", type: DsDatepickerComponent, selector: "ds-datepicker", inputs: ["variant", "disabled", "placeholder", "ariaLabel", "ariaDescribedBy", "disableFutureDates", "disablePastDates", "isDateDisabled", "locale"], outputs: ["dateChange", "opened", "closed"] }] });
+  `, isInline: true, styles: [".date-item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;padding:12px 8px;border-radius:12px;border:1px solid var(--color-border, #e5e5e5);background:var(--color-surface-primary, #ffffff);cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;gap:4px}.date-item .day-name{font-family:Brockmann,sans-serif;font-size:var(--font-size-xs, 12px);font-weight:400;color:var(--text-color-default-secondary, #71727a);text-transform:uppercase}.date-item .date-number{font-family:Brockmann,sans-serif;font-size:var(--font-size-xl, 20px);font-weight:600;color:var(--text-color-default-primary, #202227)}.date-item .month-name{font-family:Brockmann,sans-serif;font-size:var(--font-size-xs, 12px);font-weight:400;color:var(--text-color-default-secondary, #71727a);text-transform:capitalize}.date-item.selected{background:var(--color-accent, #5d5fef);border-color:var(--color-accent, #5d5fef)}.date-item.selected .day-name,.date-item.selected .date-number,.date-item.selected .month-name{color:#fff}.date-item.disabled{background:var(--color-background-neutral-secondary, #f5f5f5);border-color:var(--color-border, #e5e5e5);cursor:not-allowed;opacity:.6}.date-item.disabled .day-name,.date-item.disabled .date-number,.date-item.disabled .month-name{color:var(--text-color-default-tertiary, #9a9aa2)}.date-item:not(.disabled):not(.selected):hover{border-color:var(--color-accent, #5d5fef);background:var(--color-background-neutral-secondary, #f5f5f5)}.time-slots-list{display:flex;flex-direction:column;gap:8px}.time-slot-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;border-radius:12px;border:1px solid var(--color-border, #e5e5e5);background:var(--color-surface-primary, #ffffff);cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.time-slot-item span{font-family:Brockmann,sans-serif;font-size:var(--font-size-base, 16px);font-weight:400;color:var(--text-color-default-primary, #202227)}.time-slot-item.selected{background:var(--color-accent, #5d5fef);border-color:var(--color-accent, #5d5fef)}.time-slot-item.selected span{color:#fff;font-weight:500}.time-slot-item.disabled{background:var(--color-background-neutral-secondary, #f5f5f5);border-color:var(--color-border, #e5e5e5);cursor:not-allowed;opacity:.6}.time-slot-item.disabled span{color:var(--text-color-default-tertiary, #9a9aa2)}.time-slot-item:not(.disabled):not(.selected):hover{border-color:var(--color-accent, #5d5fef);background:var(--color-background-neutral-secondary, #f5f5f5)}.booking-confirm-action{width:100%;padding:16px 20px;background:var(--color-surface-primary, #ffffff);border-top:1px solid var(--color-border, #e5e5e5);box-sizing:border-box}.booking-confirm-action ::ng-deep ds-button{display:block;width:100%}.booking-confirm-action ::ng-deep ds-button button{width:100%;border-radius:100px;height:40px}::ng-deep .date-swiper .swiper-slide{width:auto!important}.calendar-link{display:flex;align-items:center;gap:2px;font-family:Brockmann,sans-serif;font-size:var(--font-size-sm);font-weight:500;color:var(--color-accent, #5d5fef);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;line-height:1}::ng-deep .cdk-overlay-container,::ng-deep .floating-container,::ng-deep [data-floating-ui]{z-index:20005!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DsMobileModalBaseComponent, selector: "ds-mobile-modal-base", inputs: ["headerTitleInteractive", "textLoading", "textErrorTitle", "showHeader"], outputs: ["titleClick"] }, { kind: "component", type: DsMobileSectionComponent, selector: "ds-mobile-section", inputs: ["headline", "icon", "linkText", "padding", "paddingDesktop", "gap", "contentGap", "showBorder", "overflow"], outputs: ["linkClick"] }, { kind: "component", type: DsMobileSwiperComponent, selector: "ds-mobile-swiper", inputs: ["slideWidth", "gap", "pagination", "autoHeight", "progressiveOpacity", "progressiveScale"] }, { kind: "component", type: DsIconComponent, selector: "ds-icon", inputs: ["name", "size", "color", "interactive"] }, { kind: "component", type: DsButtonComponent, selector: "ds-button", inputs: ["variant", "size", "disabled", "loading", "pressed", "expanded", "leadingIcon", "trailingIcon", "ariaLabel", "iconOnly"], outputs: ["clicked", "focused", "blurred"] }, { kind: "component", type: DsDatepickerComponent, selector: "ds-datepicker", inputs: ["variant", "disabled", "placeholder", "ariaLabel", "ariaDescribedBy", "disableFutureDates", "disablePastDates", "isDateDisabled", "locale"], outputs: ["dateChange", "opened", "closed"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DsMobileBookingModalComponent, decorators: [{
             type: Component,
@@ -24187,7 +24279,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
         </ds-button>
       </div>
     </ds-mobile-modal-base>
-  `, styles: [".date-item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;padding:12px 8px;border-radius:12px;border:1px solid var(--color-border, #e5e5e5);background:var(--color-surface-primary, #ffffff);cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;gap:4px}.date-item .day-name{font-family:Brockmann,sans-serif;font-size:var(--font-size-xs, 12px);font-weight:400;color:var(--text-color-default-secondary, #71727a);text-transform:uppercase}.date-item .date-number{font-family:Brockmann,sans-serif;font-size:var(--font-size-xl, 20px);font-weight:600;color:var(--text-color-default-primary, #202227)}.date-item .month-name{font-family:Brockmann,sans-serif;font-size:var(--font-size-xs, 12px);font-weight:400;color:var(--text-color-default-secondary, #71727a);text-transform:capitalize}.date-item.selected{background:var(--color-accent, #5d5fef);border-color:var(--color-accent, #5d5fef)}.date-item.selected .day-name,.date-item.selected .date-number,.date-item.selected .month-name{color:#fff}.date-item.disabled{background:var(--color-background-neutral-secondary, #f5f5f5);border-color:var(--color-border, #e5e5e5);cursor:not-allowed;opacity:.6}.date-item.disabled .day-name,.date-item.disabled .date-number,.date-item.disabled .month-name{color:var(--text-color-default-tertiary, #9a9aa2)}.date-item:not(.disabled):not(.selected):hover{border-color:var(--color-accent, #5d5fef);background:var(--color-background-neutral-secondary, #f5f5f5)}.time-slots-list{display:flex;flex-direction:column;gap:8px}.time-slot-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;border-radius:12px;border:1px solid var(--color-border, #e5e5e5);background:var(--color-surface-primary, #ffffff);cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.time-slot-item span{font-family:Brockmann,sans-serif;font-size:var(--font-size-base, 16px);font-weight:400;color:var(--text-color-default-primary, #202227)}.time-slot-item.selected{background:var(--color-accent, #5d5fef);border-color:var(--color-accent, #5d5fef)}.time-slot-item.selected span{color:#fff;font-weight:500}.time-slot-item.disabled{background:var(--color-background-neutral-secondary, #f5f5f5);border-color:var(--color-border, #e5e5e5);cursor:not-allowed;opacity:.6}.time-slot-item.disabled span{color:var(--text-color-default-tertiary, #9a9aa2)}.time-slot-item:not(.disabled):not(.selected):hover{border-color:var(--color-accent, #5d5fef);background:var(--color-background-neutral-secondary, #f5f5f5)}.booking-confirm-action{width:100%;padding:16px 20px;background:var(--color-surface-primary, #ffffff);border-top:1px solid var(--color-border, #e5e5e5);box-sizing:border-box}.booking-confirm-action ::ng-deep ds-button{display:block;width:100%}.booking-confirm-action ::ng-deep ds-button button{width:100%;border-radius:100px;height:40px}::ng-deep .date-swiper .swiper-slide{width:auto!important}.calendar-link{display:flex;align-items:center;gap:2px;font-family:Brockmann,sans-serif;font-size:var(--font-size-sm);font-weight:500;color:var(--color-accent, #5d5fef);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;line-height:1}::ng-deep .cdk-overlay-container{z-index:20001}\n"] }]
+  `, styles: [".date-item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;padding:12px 8px;border-radius:12px;border:1px solid var(--color-border, #e5e5e5);background:var(--color-surface-primary, #ffffff);cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;gap:4px}.date-item .day-name{font-family:Brockmann,sans-serif;font-size:var(--font-size-xs, 12px);font-weight:400;color:var(--text-color-default-secondary, #71727a);text-transform:uppercase}.date-item .date-number{font-family:Brockmann,sans-serif;font-size:var(--font-size-xl, 20px);font-weight:600;color:var(--text-color-default-primary, #202227)}.date-item .month-name{font-family:Brockmann,sans-serif;font-size:var(--font-size-xs, 12px);font-weight:400;color:var(--text-color-default-secondary, #71727a);text-transform:capitalize}.date-item.selected{background:var(--color-accent, #5d5fef);border-color:var(--color-accent, #5d5fef)}.date-item.selected .day-name,.date-item.selected .date-number,.date-item.selected .month-name{color:#fff}.date-item.disabled{background:var(--color-background-neutral-secondary, #f5f5f5);border-color:var(--color-border, #e5e5e5);cursor:not-allowed;opacity:.6}.date-item.disabled .day-name,.date-item.disabled .date-number,.date-item.disabled .month-name{color:var(--text-color-default-tertiary, #9a9aa2)}.date-item:not(.disabled):not(.selected):hover{border-color:var(--color-accent, #5d5fef);background:var(--color-background-neutral-secondary, #f5f5f5)}.time-slots-list{display:flex;flex-direction:column;gap:8px}.time-slot-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;border-radius:12px;border:1px solid var(--color-border, #e5e5e5);background:var(--color-surface-primary, #ffffff);cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.time-slot-item span{font-family:Brockmann,sans-serif;font-size:var(--font-size-base, 16px);font-weight:400;color:var(--text-color-default-primary, #202227)}.time-slot-item.selected{background:var(--color-accent, #5d5fef);border-color:var(--color-accent, #5d5fef)}.time-slot-item.selected span{color:#fff;font-weight:500}.time-slot-item.disabled{background:var(--color-background-neutral-secondary, #f5f5f5);border-color:var(--color-border, #e5e5e5);cursor:not-allowed;opacity:.6}.time-slot-item.disabled span{color:var(--text-color-default-tertiary, #9a9aa2)}.time-slot-item:not(.disabled):not(.selected):hover{border-color:var(--color-accent, #5d5fef);background:var(--color-background-neutral-secondary, #f5f5f5)}.booking-confirm-action{width:100%;padding:16px 20px;background:var(--color-surface-primary, #ffffff);border-top:1px solid var(--color-border, #e5e5e5);box-sizing:border-box}.booking-confirm-action ::ng-deep ds-button{display:block;width:100%}.booking-confirm-action ::ng-deep ds-button button{width:100%;border-radius:100px;height:40px}::ng-deep .date-swiper .swiper-slide{width:auto!important}.calendar-link{display:flex;align-items:center;gap:2px;font-family:Brockmann,sans-serif;font-size:var(--font-size-sm);font-weight:500;color:var(--color-accent, #5d5fef);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;line-height:1}::ng-deep .cdk-overlay-container,::ng-deep .floating-container,::ng-deep [data-floating-ui]{z-index:20005!important}\n"] }]
         }], ctorParameters: () => [{ type: i1.ModalController }], propDecorators: { facilityId: [{
                 type: Input
             }], facilityTitle: [{
@@ -24382,10 +24474,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 class DsMobileBookingConfirmationWrapperComponent {
     booking;
     facilityThumbnail;
+    textTitle = 'Booking accepteret';
+    textMessageTemplate = 'Din booking til den {{date}} er bekræftet. Du kan annullere fra startdatoen.';
+    textClose = 'Luk';
+    monthNamesShort = [
+        'jan', 'feb', 'mar', 'apr', 'maj', 'jun',
+        'jul', 'aug', 'sep', 'okt', 'nov', 'dec'
+    ];
     get confirmationMessage() {
         const date = this.booking.selectedDate.fullDate;
         const dateStr = this.formatFullDate(date);
-        return `Din booking til den ${dateStr} er bekræftet. Du kan annullere fra startdatoen.`;
+        return this.textMessageTemplate.replace('{{date}}', dateStr);
     }
     get formattedDate() {
         const { dayName, date, monthName } = this.booking.selectedDate;
@@ -24397,20 +24496,16 @@ class DsMobileBookingConfirmationWrapperComponent {
     }
     formatFullDate(date) {
         const day = date.getDate();
-        const monthNames = [
-            'januar', 'februar', 'marts', 'april', 'maj', 'juni',
-            'juli', 'august', 'september', 'oktober', 'november', 'december'
-        ];
-        const month = monthNames[date.getMonth()];
+        const month = this.monthNamesShort[date.getMonth()];
         const year = date.getFullYear();
-        return `${day}. ${month}, ${year}`;
+        return `${day}. ${month} ${year}`;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DsMobileBookingConfirmationWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: DsMobileBookingConfirmationWrapperComponent, isStandalone: true, selector: "ds-mobile-booking-confirmation-wrapper", inputs: { booking: "booking", facilityThumbnail: "facilityThumbnail" }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: DsMobileBookingConfirmationWrapperComponent, isStandalone: true, selector: "ds-mobile-booking-confirmation-wrapper", inputs: { booking: "booking", facilityThumbnail: "facilityThumbnail", textTitle: "textTitle", textMessageTemplate: "textMessageTemplate", textClose: "textClose", monthNamesShort: "monthNamesShort" }, ngImport: i0, template: `
     <ds-mobile-confirmation-sheet
-      [title]="'Booking accepteret'"
+      [title]="textTitle"
       [message]="confirmationMessage"
-      [buttonText]="'Luk'"
+      [buttonText]="textClose"
       [illustrationVariant]="'confirmation'">
       <ng-template #summary>
         <ds-mobile-booking-summary
@@ -24435,9 +24530,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                     ],
                     template: `
     <ds-mobile-confirmation-sheet
-      [title]="'Booking accepteret'"
+      [title]="textTitle"
       [message]="confirmationMessage"
-      [buttonText]="'Luk'"
+      [buttonText]="textClose"
       [illustrationVariant]="'confirmation'">
       <ng-template #summary>
         <ds-mobile-booking-summary
@@ -24454,6 +24549,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 type: Input
             }], facilityThumbnail: [{
                 type: Input
+            }], textTitle: [{
+                type: Input
+            }], textMessageTemplate: [{
+                type: Input
+            }], textClose: [{
+                type: Input
+            }], monthNamesShort: [{
+                type: Input
             }] } });
 
 /**
@@ -24506,7 +24609,7 @@ class DsMobileBookingModalService extends BaseModalService {
             // Dismiss all open modals (booking modal + facility detail modal)
             await this.dismissAllModals();
             // Show confirmation sheet after all modals are dismissed
-            await this.openConfirmationSheet(result.data, facilityThumbnail);
+            await this.openConfirmationSheet(result.data, facilityThumbnail, extras?.labels);
         }
     }
     /**
@@ -24526,12 +24629,16 @@ class DsMobileBookingModalService extends BaseModalService {
      * @param facilityThumbnail Optional thumbnail image URL
      * @returns Promise that resolves when the sheet is dismissed
      */
-    async openConfirmationSheet(booking, facilityThumbnail) {
+    async openConfirmationSheet(booking, facilityThumbnail, labels) {
         const sheet = await this.modalController.create({
             component: DsMobileBookingConfirmationWrapperComponent,
             componentProps: {
                 booking,
-                facilityThumbnail
+                facilityThumbnail,
+                ...(labels?.confirmationTitle && { textTitle: labels.confirmationTitle }),
+                ...(labels?.confirmationMessageTemplate && { textMessageTemplate: labels.confirmationMessageTemplate }),
+                ...(labels?.confirmationClose && { textClose: labels.confirmationClose }),
+                ...(labels?.monthNamesShort && { monthNamesShort: labels.monthNamesShort })
             },
             breakpoints: [0, 1],
             initialBreakpoint: 1,
@@ -27659,7 +27766,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
  *   await this.facilityModal.open({
  *     id: 'facility-1',
  *     facilityTitle: 'Festlokale på taget',
- *     heroImage: '/Assets/Dummy-photos/balcony-view.jpg',
+ *     heroImage: '/assets/Dummy-photos/balcony-view.jpg',
  *     fullDescription: '<p>The rooftop terrace is designed...</p>',
  *     requirements: ['Kræver nøglekort'],
  *     bookingType: 'Instant booking',
@@ -27839,7 +27946,8 @@ class DsMobileHandbookDetailModalComponent {
     // Translations
     textLoading = 'Henter...';
     textError = 'Fejl';
-    textItems = 'emner';
+    textItemSingle = 'emne';
+    textItemsPlural = 'emner';
     textClose = 'Luk';
     textEmptyTitle = 'Ingen emner endnu';
     textEmptyDescription = 'Denne mappe er tom';
@@ -28023,8 +28131,8 @@ class DsMobileHandbookDetailModalComponent {
         // Attachment action is now handled by DsMobileCardInlineFileComponent via fileUrl input
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DsMobileHandbookDetailModalComponent, deps: [{ token: i1.ModalController }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: DsMobileHandbookDetailModalComponent, isStandalone: true, selector: "ds-mobile-handbook-detail-modal", inputs: { handbookData: "handbookData", loading: "loading", error: "error", textLoading: "textLoading", textError: "textError", textItems: "textItems", textClose: "textClose", textEmptyTitle: "textEmptyTitle", textEmptyDescription: "textEmptyDescription", textCall: "textCall", textCopyPhone: "textCopyPhone", textEmail: "textEmail", textCopyEmail: "textCopyEmail" }, ngImport: i0, template: `
-    <ds-mobile-modal-base [loading]="loading" [error]="error" [textLoading]="textLoading" [textErrorTitle]="textError" [headerTitle]="handbook().title" [headerMeta]="handbook().itemCount + ' ' + textItems" [closeButtonLabel]="textClose">
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: DsMobileHandbookDetailModalComponent, isStandalone: true, selector: "ds-mobile-handbook-detail-modal", inputs: { handbookData: "handbookData", loading: "loading", error: "error", textLoading: "textLoading", textError: "textError", textItemSingle: "textItemSingle", textItemsPlural: "textItemsPlural", textClose: "textClose", textEmptyTitle: "textEmptyTitle", textEmptyDescription: "textEmptyDescription", textCall: "textCall", textCopyPhone: "textCopyPhone", textEmail: "textEmail", textCopyEmail: "textCopyEmail" }, ngImport: i0, template: `
+    <ds-mobile-modal-base [loading]="loading" [error]="error" [textLoading]="textLoading" [textErrorTitle]="textError" [headerTitle]="handbook().title" [headerMeta]="handbook().itemCount + ' ' + (handbook().itemCount === 1 ? textItemSingle : textItemsPlural)" [closeButtonLabel]="textClose">
       <!-- Header Folder Icon -->
       <ds-mobile-handbook-folder-mini header-leading [variant]="handbook().variant" [customColor]="handbook().customColor" [iconName]="handbook().iconName">
       </ds-mobile-handbook-folder-mini>
@@ -28085,7 +28193,7 @@ class DsMobileHandbookDetailModalComponent {
         <!-- Empty State -->
         <ds-mobile-section>
           <div class="handbook-empty-state">
-            <img src="/Assets/Empty%20state-chat.png" alt="No items yet" class="empty-state-image" />
+            <img src="/assets/Empty%20state-chat.png" alt="No items yet" class="empty-state-image" />
             <h3 class="empty-state-title">{{ textEmptyTitle }}</h3>
             <p class="empty-state-description">{{ textEmptyDescription }}</p>
           </div>
@@ -28105,7 +28213,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         DsMobileModalBaseComponent,
                         DsMobileSectionComponent,
                     ], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: `
-    <ds-mobile-modal-base [loading]="loading" [error]="error" [textLoading]="textLoading" [textErrorTitle]="textError" [headerTitle]="handbook().title" [headerMeta]="handbook().itemCount + ' ' + textItems" [closeButtonLabel]="textClose">
+    <ds-mobile-modal-base [loading]="loading" [error]="error" [textLoading]="textLoading" [textErrorTitle]="textError" [headerTitle]="handbook().title" [headerMeta]="handbook().itemCount + ' ' + (handbook().itemCount === 1 ? textItemSingle : textItemsPlural)" [closeButtonLabel]="textClose">
       <!-- Header Folder Icon -->
       <ds-mobile-handbook-folder-mini header-leading [variant]="handbook().variant" [customColor]="handbook().customColor" [iconName]="handbook().iconName">
       </ds-mobile-handbook-folder-mini>
@@ -28166,7 +28274,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
         <!-- Empty State -->
         <ds-mobile-section>
           <div class="handbook-empty-state">
-            <img src="/Assets/Empty%20state-chat.png" alt="No items yet" class="empty-state-image" />
+            <img src="/assets/Empty%20state-chat.png" alt="No items yet" class="empty-state-image" />
             <h3 class="empty-state-title">{{ textEmptyTitle }}</h3>
             <p class="empty-state-description">{{ textEmptyDescription }}</p>
           </div>
@@ -28184,7 +28292,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 type: Input
             }], textError: [{
                 type: Input
-            }], textItems: [{
+            }], textItemSingle: [{
+                type: Input
+            }], textItemsPlural: [{
                 type: Input
             }], textClose: [{
                 type: Input
@@ -28257,16 +28367,17 @@ class DsMobileHandbookDetailModalService extends BaseModalService {
             handbookData: handbookData,
             loading: options?.loading ?? false,
             error: options?.error,
-            textLoading: handbookData.textLoading,
-            textError: handbookData.textError,
-            textItems: handbookData.textItems,
-            textClose: handbookData.textClose,
-            textEmptyTitle: handbookData.textEmptyTitle,
-            textEmptyDescription: handbookData.textEmptyDescription,
-            textCall: handbookData.textCall,
-            textCopyPhone: handbookData.textCopyPhone,
-            textEmail: handbookData.textEmail,
-            textCopyEmail: handbookData.textCopyEmail,
+            textLoading: handbookData.textLoading ?? 'Henter...',
+            textError: handbookData.textError ?? 'Fejl',
+            textItemSingle: handbookData.textItemSingle ?? 'emne',
+            textItemsPlural: handbookData.textItemsPlural ?? 'emner',
+            textClose: handbookData.textClose ?? 'Luk',
+            textEmptyTitle: handbookData.textEmptyTitle ?? 'Ingen emner endnu',
+            textEmptyDescription: handbookData.textEmptyDescription ?? 'Denne mappe er tom',
+            textCall: handbookData.textCall ?? 'Ring',
+            textCopyPhone: handbookData.textCopyPhone ?? 'Kopier nummer',
+            textEmail: handbookData.textEmail ?? 'Skriv e-mail',
+            textCopyEmail: handbookData.textCopyEmail ?? 'Kopier e-mail',
         }, {
             keyboardClose: true, // Keep keyboard close behavior for this modal
         });
@@ -28353,7 +28464,8 @@ class DsMobileHandbookFolderComponent {
     // Translations
     textLoading = 'Henter...';
     textError = 'Fejl';
-    textItems = 'emner';
+    textItemSingle = 'emne';
+    textItemsPlural = 'emner';
     textClose = 'Luk';
     textEmptyTitle = 'Ingen emner endnu';
     textEmptyDescription = 'Denne mappe er tom';
@@ -28448,7 +28560,8 @@ class DsMobileHandbookFolderComponent {
             items: this.items,
             textLoading: this.textLoading,
             textError: this.textError,
-            textItems: this.textItems,
+            textItemSingle: this.textItemSingle,
+            textItemsPlural: this.textItemsPlural,
             textClose: this.textClose,
             textEmptyTitle: this.textEmptyTitle,
             textEmptyDescription: this.textEmptyDescription,
@@ -28474,7 +28587,7 @@ class DsMobileHandbookFolderComponent {
         this.handbookModal = handbookModal;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DsMobileHandbookFolderComponent, deps: [{ token: DsMobileHandbookDetailModalService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: DsMobileHandbookFolderComponent, isStandalone: true, selector: "ds-mobile-handbook-folder", inputs: { variant: "variant", customColor: "customColor", iconName: "iconName", itemCount: "itemCount", label: "label", items: "items", loading: "loading", error: "error", textLoading: "textLoading", textError: "textError", textItems: "textItems", textClose: "textClose", textEmptyTitle: "textEmptyTitle", textEmptyDescription: "textEmptyDescription", textCall: "textCall", textCopyPhone: "textCopyPhone", textEmail: "textEmail", textCopyEmail: "textCopyEmail" }, host: { listeners: { "mouseenter": "open()", "mouseleave": "close()", "touchstart": "onTouchStart($event)", "touchend": "onTouchEnd()", "touchcancel": "onTouchCancel()", "click": "onClick()" } }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: DsMobileHandbookFolderComponent, isStandalone: true, selector: "ds-mobile-handbook-folder", inputs: { variant: "variant", customColor: "customColor", iconName: "iconName", itemCount: "itemCount", label: "label", items: "items", loading: "loading", error: "error", textLoading: "textLoading", textError: "textError", textItemSingle: "textItemSingle", textItemsPlural: "textItemsPlural", textClose: "textClose", textEmptyTitle: "textEmptyTitle", textEmptyDescription: "textEmptyDescription", textCall: "textCall", textCopyPhone: "textCopyPhone", textEmail: "textEmail", textCopyEmail: "textCopyEmail" }, host: { listeners: { "mouseenter": "open()", "mouseleave": "close()", "touchstart": "onTouchStart($event)", "touchend": "onTouchEnd()", "touchcancel": "onTouchCancel()", "click": "onClick()" } }, ngImport: i0, template: `
     <div class="folder-container" [class.open]="isOpen()">
       <!-- Folder Tab SVG -->
       <svg class="folder-tab" width="101" height="24" viewBox="0 0 101 24" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -28504,18 +28617,18 @@ class DsMobileHandbookFolderComponent {
     <!-- Label and Item Count -->
     <div class="folder-label-container">
       <div class="folder-label ui-sm-semiBold">{{ label }}</div>
-      <div class="item-count ui-sm-regular" [style.color]="'var(--color-text-secondary, #6b7280)'">
+      <div class="item-count ui-xs-regular" [style.color]="'var(--color-text-secondary, #6b7280)'">
         @if (loading) {
           <span class="loading-indicator">{{ textLoading }}</span>
         } @else if (error) {
           <span class="error-indicator" [style.color]="'var(--color-destructive-base)'">{{ textError }}</span>
         } @else {
           <span>{{ itemCount }}</span>
-          <span class="item-count-label">{{ textItems }}</span>
+          <span>{{ itemCount === 1 ? textItemSingle : textItemsPlural }}</span>
         }
       </div>
     </div>
-  `, isInline: true, styles: [":host{display:inline-flex;flex-direction:column;align-items:center;gap:16px;width:100%;min-width:140px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;padding:16px;border-radius:16px;background:var(--color-background-neutral-secondary, #f0f0f0);transition:background .2s ease}:host:active{background:var(--color-background-neutral-secondary-hover, #ebebeb)}@media (hover: hover){:host:hover{background:var(--color-background-neutral-secondary-hover, #ebebeb)}}:host{--color-red-base: #dc3545;--color-red-strong: #ae1d3b;--color-green-base: #28a745;--color-green-strong: #058057;--color-yellow-base: #ffc107;--color-yellow-strong: #e4b200;--color-purple-base: #6f42c1;--color-purple-strong: #4204c5;--color-indigo-base: #6610f2;--color-indigo-strong: #a527a2;--color-lime-base: #82c91e;--color-lime-strong: #58a503;--color-teal-base: #20c997;--color-teal-strong: #0ca678;--color-cyan-base: #17a2b8;--color-cyan-strong: #1098ad;--color-brown-base: #795548;--color-brown-strong: #5c4033;--color-light-blue-base: #add8e6;--color-light-blue-strong: #87ceeb;--color-light-green-base: #90ee90;--color-light-green-strong: #32cd32;--color-coral-base: #f08080;--color-coral-strong: #cd5c5c;--color-salmon-base: #ffa07a;--color-salmon-strong: #fa8072;--color-seagreen-base: #20b2aa;--color-seagreen-strong: #2e8b57}.folder-container{position:relative;width:100%;display:flex;flex-direction:column;perspective:800px;-webkit-perspective:800px;max-width:160px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.folder-container.open .page-sheet{-webkit-transform:translateY(-8px);transform:translateY(-8px);transition-delay:.2s}.folder-container.open .page-sheet:nth-child(1){-webkit-transform:scale(1) translateY(-8px) rotateX(-45deg) translateZ(.1px);transform:scale(1) translateY(-8px) rotateX(-45deg) translateZ(.1px)}.folder-container.open .page-sheet:nth-child(2){-webkit-transform:scale(.98) translateY(-12px) rotateX(-36deg) translateZ(.1px);transform:scale(.98) translateY(-12px) rotateX(-36deg) translateZ(.1px)}.folder-container.open .page-sheet:nth-child(3){-webkit-transform:scale(.96) translateY(-16px) rotateX(-27deg) translateZ(.1px);transform:scale(.96) translateY(-16px) rotateX(-27deg) translateZ(.1px)}.folder-container.open .page-sheet:nth-child(4){-webkit-transform:scale(.94) translateY(-20px) rotateX(-18deg) translateZ(.1px);transform:scale(.94) translateY(-20px) rotateX(-18deg) translateZ(.1px)}.folder-container.open .page-sheet:nth-child(5){-webkit-transform:scale(.92) translateY(-24px) rotateX(-9deg) translateZ(.1px);transform:scale(.92) translateY(-24px) rotateX(-9deg) translateZ(.1px)}.folder-container.open .page-sheet:nth-child(6){-webkit-transform:scale(.9) translateY(-28px) rotateX(0deg) translateZ(.1px);transform:scale(.9) translateY(-28px) rotateX(.1px)}.folder-container.open .folder-front{-webkit-transform:translate3d(0,0,0) rotateX(-45deg);transform:translateZ(0) rotateX(-45deg)}.folder-tab{width:50%;height:auto;display:block}.folder-back{height:128px;border-radius:0 12px 12px;position:relative;margin-top:-1px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.page-sheet{position:absolute;width:80%;height:120px;background:#fff;border-radius:8px;box-shadow:0 -1px 5px #0000001a;border:1px solid var(--border-color-default);transition:transform .3s ease-out;-webkit-transition:-webkit-transform .3s ease-out;left:10%;-webkit-transform:translateZ(0);transform:translateZ(0);transform-style:preserve-3d;-webkit-transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-font-smoothing:antialiased;will-change:transform}.page-sheet:nth-child(1){bottom:2px;z-index:6;transform-origin:bottom center;-webkit-transform-origin:bottom center;-webkit-transform:scale(1) translateZ(.1px);transform:scale(1) translateZ(.1px)}.page-sheet:nth-child(2){bottom:8px;z-index:5;transform-origin:bottom center;-webkit-transform-origin:bottom center;-webkit-transform:scale(.98) translateZ(.1px);transform:scale(.98) translateZ(.1px)}.page-sheet:nth-child(3){bottom:14px;z-index:4;transform-origin:bottom center;-webkit-transform-origin:bottom center;-webkit-transform:scale(.96) translateZ(.1px);transform:scale(.96) translateZ(.1px)}.page-sheet:nth-child(4){bottom:20px;z-index:3;transform-origin:bottom center;-webkit-transform-origin:bottom center;-webkit-transform:scale(.94) translateZ(.1px);transform:scale(.94) translateZ(.1px)}.page-sheet:nth-child(5){bottom:26px;z-index:2;transform-origin:bottom center;-webkit-transform-origin:bottom center;-webkit-transform:scale(.92) translateZ(.1px);transform:scale(.92) translateZ(.1px)}.page-sheet:nth-child(6){bottom:32px;z-index:1;transform-origin:bottom center;-webkit-transform-origin:bottom center;-webkit-transform:scale(.9) translateZ(.1px);transform:scale(.9) translateZ(.1px)}.folder-front{position:absolute;bottom:0;left:0;right:0;height:116px;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:8px;z-index:2;transform-origin:bottom center;-webkit-transform-origin:bottom center;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out;-webkit-transition:-webkit-transform .4s ease-in-out;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-font-smoothing:antialiased;-webkit-transform:rotateX(-20deg) translateZ(.1px);transform:rotateX(-20deg) translateZ(.1px);-webkit-transform:translate3d(0,0,0) rotateX(-20deg);transform:translateZ(0) rotateX(-20deg);box-shadow:inset 0 64px 48px #fff3,inset 0 2px 4px #ffffff4d,inset 0 1px 1px #ffffff4d}.item-count{display:flex;align-items:center;gap:4px}.item-count-label{letter-spacing:.5px}.folder-icon{display:flex;align-items:center;justify-content:center}.folder-label-container{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;min-width:0}.folder-label{text-align:center;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading-indicator,.error-indicator{font-size:var(--font-size-xs)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DsIconComponent, selector: "ds-icon", inputs: ["name", "size", "color", "interactive"] }] });
+  `, isInline: true, styles: [":host{display:inline-flex;flex-direction:column;align-items:center;gap:16px;width:100%;min-width:140px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;padding:16px;border-radius:16px;background:var(--color-background-neutral-secondary, #f0f0f0);transition:background .2s ease}:host:active{background:var(--color-background-neutral-secondary-hover, #ebebeb)}@media (hover: hover){:host:hover{background:var(--color-background-neutral-secondary-hover, #ebebeb)}}:host{--color-red-base: #dc3545;--color-red-strong: #ae1d3b;--color-green-base: #28a745;--color-green-strong: #058057;--color-yellow-base: #ffc107;--color-yellow-strong: #e4b200;--color-purple-base: #6f42c1;--color-purple-strong: #4204c5;--color-indigo-base: #6610f2;--color-indigo-strong: #a527a2;--color-lime-base: #82c91e;--color-lime-strong: #58a503;--color-teal-base: #20c997;--color-teal-strong: #0ca678;--color-cyan-base: #17a2b8;--color-cyan-strong: #1098ad;--color-brown-base: #795548;--color-brown-strong: #5c4033;--color-light-blue-base: #add8e6;--color-light-blue-strong: #87ceeb;--color-light-green-base: #90ee90;--color-light-green-strong: #32cd32;--color-coral-base: #f08080;--color-coral-strong: #cd5c5c;--color-salmon-base: #ffa07a;--color-salmon-strong: #fa8072;--color-seagreen-base: #20b2aa;--color-seagreen-strong: #2e8b57}.folder-container{position:relative;width:100%;display:flex;flex-direction:column;perspective:800px;-webkit-perspective:800px;max-width:160px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.folder-container.open .page-sheet{-webkit-transform:translateY(-8px);transform:translateY(-8px);transition-delay:.2s}.folder-container.open .page-sheet:nth-child(1){-webkit-transform:scale(1) translateY(-8px) rotateX(-45deg) translateZ(.1px);transform:scale(1) translateY(-8px) rotateX(-45deg) translateZ(.1px)}.folder-container.open .page-sheet:nth-child(2){-webkit-transform:scale(.98) translateY(-12px) rotateX(-36deg) translateZ(.1px);transform:scale(.98) translateY(-12px) rotateX(-36deg) translateZ(.1px)}.folder-container.open .page-sheet:nth-child(3){-webkit-transform:scale(.96) translateY(-16px) rotateX(-27deg) translateZ(.1px);transform:scale(.96) translateY(-16px) rotateX(-27deg) translateZ(.1px)}.folder-container.open .page-sheet:nth-child(4){-webkit-transform:scale(.94) translateY(-20px) rotateX(-18deg) translateZ(.1px);transform:scale(.94) translateY(-20px) rotateX(-18deg) translateZ(.1px)}.folder-container.open .page-sheet:nth-child(5){-webkit-transform:scale(.92) translateY(-24px) rotateX(-9deg) translateZ(.1px);transform:scale(.92) translateY(-24px) rotateX(-9deg) translateZ(.1px)}.folder-container.open .page-sheet:nth-child(6){-webkit-transform:scale(.9) translateY(-28px) rotateX(0deg) translateZ(.1px);transform:scale(.9) translateY(-28px) rotateX(.1px)}.folder-container.open .folder-front{-webkit-transform:translate3d(0,0,0) rotateX(-45deg);transform:translateZ(0) rotateX(-45deg)}.folder-tab{width:50%;height:auto;display:block}.folder-back{height:128px;border-radius:0 12px 12px;position:relative;margin-top:-1px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.page-sheet{position:absolute;width:80%;height:120px;background:#fff;border-radius:8px;box-shadow:0 -1px 5px #0000001a;border:1px solid var(--border-color-default);transition:transform .3s ease-out;-webkit-transition:-webkit-transform .3s ease-out;left:10%;-webkit-transform:translateZ(0);transform:translateZ(0);transform-style:preserve-3d;-webkit-transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-font-smoothing:antialiased;will-change:transform}.page-sheet:nth-child(1){bottom:2px;z-index:6;transform-origin:bottom center;-webkit-transform-origin:bottom center;-webkit-transform:scale(1) translateZ(.1px);transform:scale(1) translateZ(.1px)}.page-sheet:nth-child(2){bottom:8px;z-index:5;transform-origin:bottom center;-webkit-transform-origin:bottom center;-webkit-transform:scale(.98) translateZ(.1px);transform:scale(.98) translateZ(.1px)}.page-sheet:nth-child(3){bottom:14px;z-index:4;transform-origin:bottom center;-webkit-transform-origin:bottom center;-webkit-transform:scale(.96) translateZ(.1px);transform:scale(.96) translateZ(.1px)}.page-sheet:nth-child(4){bottom:20px;z-index:3;transform-origin:bottom center;-webkit-transform-origin:bottom center;-webkit-transform:scale(.94) translateZ(.1px);transform:scale(.94) translateZ(.1px)}.page-sheet:nth-child(5){bottom:26px;z-index:2;transform-origin:bottom center;-webkit-transform-origin:bottom center;-webkit-transform:scale(.92) translateZ(.1px);transform:scale(.92) translateZ(.1px)}.page-sheet:nth-child(6){bottom:32px;z-index:1;transform-origin:bottom center;-webkit-transform-origin:bottom center;-webkit-transform:scale(.9) translateZ(.1px);transform:scale(.9) translateZ(.1px)}.folder-front{position:absolute;bottom:0;left:0;right:0;height:116px;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:8px;z-index:2;transform-origin:bottom center;-webkit-transform-origin:bottom center;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out;-webkit-transition:-webkit-transform .4s ease-in-out;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-font-smoothing:antialiased;-webkit-transform:rotateX(-20deg) translateZ(.1px);transform:rotateX(-20deg) translateZ(.1px);-webkit-transform:translate3d(0,0,0) rotateX(-20deg);transform:translateZ(0) rotateX(-20deg);box-shadow:inset 0 64px 48px #fff3,inset 0 2px 4px #ffffff4d,inset 0 1px 1px #ffffff4d}.item-count{display:flex;align-items:center;gap:4px}.folder-icon{display:flex;align-items:center;justify-content:center}.folder-label-container{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;min-width:0}.folder-label{text-align:center;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading-indicator,.error-indicator{font-size:var(--font-size-xs)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DsIconComponent, selector: "ds-icon", inputs: ["name", "size", "color", "interactive"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DsMobileHandbookFolderComponent, decorators: [{
             type: Component,
@@ -28549,18 +28662,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
     <!-- Label and Item Count -->
     <div class="folder-label-container">
       <div class="folder-label ui-sm-semiBold">{{ label }}</div>
-      <div class="item-count ui-sm-regular" [style.color]="'var(--color-text-secondary, #6b7280)'">
+      <div class="item-count ui-xs-regular" [style.color]="'var(--color-text-secondary, #6b7280)'">
         @if (loading) {
           <span class="loading-indicator">{{ textLoading }}</span>
         } @else if (error) {
           <span class="error-indicator" [style.color]="'var(--color-destructive-base)'">{{ textError }}</span>
         } @else {
           <span>{{ itemCount }}</span>
-          <span class="item-count-label">{{ textItems }}</span>
+          <span>{{ itemCount === 1 ? textItemSingle : textItemsPlural }}</span>
         }
       </div>
     </div>
-  `, styles: [":host{display:inline-flex;flex-direction:column;align-items:center;gap:16px;width:100%;min-width:140px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;padding:16px;border-radius:16px;background:var(--color-background-neutral-secondary, #f0f0f0);transition:background .2s ease}:host:active{background:var(--color-background-neutral-secondary-hover, #ebebeb)}@media (hover: hover){:host:hover{background:var(--color-background-neutral-secondary-hover, #ebebeb)}}:host{--color-red-base: #dc3545;--color-red-strong: #ae1d3b;--color-green-base: #28a745;--color-green-strong: #058057;--color-yellow-base: #ffc107;--color-yellow-strong: #e4b200;--color-purple-base: #6f42c1;--color-purple-strong: #4204c5;--color-indigo-base: #6610f2;--color-indigo-strong: #a527a2;--color-lime-base: #82c91e;--color-lime-strong: #58a503;--color-teal-base: #20c997;--color-teal-strong: #0ca678;--color-cyan-base: #17a2b8;--color-cyan-strong: #1098ad;--color-brown-base: #795548;--color-brown-strong: #5c4033;--color-light-blue-base: #add8e6;--color-light-blue-strong: #87ceeb;--color-light-green-base: #90ee90;--color-light-green-strong: #32cd32;--color-coral-base: #f08080;--color-coral-strong: #cd5c5c;--color-salmon-base: #ffa07a;--color-salmon-strong: #fa8072;--color-seagreen-base: #20b2aa;--color-seagreen-strong: #2e8b57}.folder-container{position:relative;width:100%;display:flex;flex-direction:column;perspective:800px;-webkit-perspective:800px;max-width:160px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.folder-container.open .page-sheet{-webkit-transform:translateY(-8px);transform:translateY(-8px);transition-delay:.2s}.folder-container.open .page-sheet:nth-child(1){-webkit-transform:scale(1) translateY(-8px) rotateX(-45deg) translateZ(.1px);transform:scale(1) translateY(-8px) rotateX(-45deg) translateZ(.1px)}.folder-container.open .page-sheet:nth-child(2){-webkit-transform:scale(.98) translateY(-12px) rotateX(-36deg) translateZ(.1px);transform:scale(.98) translateY(-12px) rotateX(-36deg) translateZ(.1px)}.folder-container.open .page-sheet:nth-child(3){-webkit-transform:scale(.96) translateY(-16px) rotateX(-27deg) translateZ(.1px);transform:scale(.96) translateY(-16px) rotateX(-27deg) translateZ(.1px)}.folder-container.open .page-sheet:nth-child(4){-webkit-transform:scale(.94) translateY(-20px) rotateX(-18deg) translateZ(.1px);transform:scale(.94) translateY(-20px) rotateX(-18deg) translateZ(.1px)}.folder-container.open .page-sheet:nth-child(5){-webkit-transform:scale(.92) translateY(-24px) rotateX(-9deg) translateZ(.1px);transform:scale(.92) translateY(-24px) rotateX(-9deg) translateZ(.1px)}.folder-container.open .page-sheet:nth-child(6){-webkit-transform:scale(.9) translateY(-28px) rotateX(0deg) translateZ(.1px);transform:scale(.9) translateY(-28px) rotateX(.1px)}.folder-container.open .folder-front{-webkit-transform:translate3d(0,0,0) rotateX(-45deg);transform:translateZ(0) rotateX(-45deg)}.folder-tab{width:50%;height:auto;display:block}.folder-back{height:128px;border-radius:0 12px 12px;position:relative;margin-top:-1px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.page-sheet{position:absolute;width:80%;height:120px;background:#fff;border-radius:8px;box-shadow:0 -1px 5px #0000001a;border:1px solid var(--border-color-default);transition:transform .3s ease-out;-webkit-transition:-webkit-transform .3s ease-out;left:10%;-webkit-transform:translateZ(0);transform:translateZ(0);transform-style:preserve-3d;-webkit-transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-font-smoothing:antialiased;will-change:transform}.page-sheet:nth-child(1){bottom:2px;z-index:6;transform-origin:bottom center;-webkit-transform-origin:bottom center;-webkit-transform:scale(1) translateZ(.1px);transform:scale(1) translateZ(.1px)}.page-sheet:nth-child(2){bottom:8px;z-index:5;transform-origin:bottom center;-webkit-transform-origin:bottom center;-webkit-transform:scale(.98) translateZ(.1px);transform:scale(.98) translateZ(.1px)}.page-sheet:nth-child(3){bottom:14px;z-index:4;transform-origin:bottom center;-webkit-transform-origin:bottom center;-webkit-transform:scale(.96) translateZ(.1px);transform:scale(.96) translateZ(.1px)}.page-sheet:nth-child(4){bottom:20px;z-index:3;transform-origin:bottom center;-webkit-transform-origin:bottom center;-webkit-transform:scale(.94) translateZ(.1px);transform:scale(.94) translateZ(.1px)}.page-sheet:nth-child(5){bottom:26px;z-index:2;transform-origin:bottom center;-webkit-transform-origin:bottom center;-webkit-transform:scale(.92) translateZ(.1px);transform:scale(.92) translateZ(.1px)}.page-sheet:nth-child(6){bottom:32px;z-index:1;transform-origin:bottom center;-webkit-transform-origin:bottom center;-webkit-transform:scale(.9) translateZ(.1px);transform:scale(.9) translateZ(.1px)}.folder-front{position:absolute;bottom:0;left:0;right:0;height:116px;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:8px;z-index:2;transform-origin:bottom center;-webkit-transform-origin:bottom center;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out;-webkit-transition:-webkit-transform .4s ease-in-out;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-font-smoothing:antialiased;-webkit-transform:rotateX(-20deg) translateZ(.1px);transform:rotateX(-20deg) translateZ(.1px);-webkit-transform:translate3d(0,0,0) rotateX(-20deg);transform:translateZ(0) rotateX(-20deg);box-shadow:inset 0 64px 48px #fff3,inset 0 2px 4px #ffffff4d,inset 0 1px 1px #ffffff4d}.item-count{display:flex;align-items:center;gap:4px}.item-count-label{letter-spacing:.5px}.folder-icon{display:flex;align-items:center;justify-content:center}.folder-label-container{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;min-width:0}.folder-label{text-align:center;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading-indicator,.error-indicator{font-size:var(--font-size-xs)}\n"] }]
+  `, styles: [":host{display:inline-flex;flex-direction:column;align-items:center;gap:16px;width:100%;min-width:140px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;padding:16px;border-radius:16px;background:var(--color-background-neutral-secondary, #f0f0f0);transition:background .2s ease}:host:active{background:var(--color-background-neutral-secondary-hover, #ebebeb)}@media (hover: hover){:host:hover{background:var(--color-background-neutral-secondary-hover, #ebebeb)}}:host{--color-red-base: #dc3545;--color-red-strong: #ae1d3b;--color-green-base: #28a745;--color-green-strong: #058057;--color-yellow-base: #ffc107;--color-yellow-strong: #e4b200;--color-purple-base: #6f42c1;--color-purple-strong: #4204c5;--color-indigo-base: #6610f2;--color-indigo-strong: #a527a2;--color-lime-base: #82c91e;--color-lime-strong: #58a503;--color-teal-base: #20c997;--color-teal-strong: #0ca678;--color-cyan-base: #17a2b8;--color-cyan-strong: #1098ad;--color-brown-base: #795548;--color-brown-strong: #5c4033;--color-light-blue-base: #add8e6;--color-light-blue-strong: #87ceeb;--color-light-green-base: #90ee90;--color-light-green-strong: #32cd32;--color-coral-base: #f08080;--color-coral-strong: #cd5c5c;--color-salmon-base: #ffa07a;--color-salmon-strong: #fa8072;--color-seagreen-base: #20b2aa;--color-seagreen-strong: #2e8b57}.folder-container{position:relative;width:100%;display:flex;flex-direction:column;perspective:800px;-webkit-perspective:800px;max-width:160px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.folder-container.open .page-sheet{-webkit-transform:translateY(-8px);transform:translateY(-8px);transition-delay:.2s}.folder-container.open .page-sheet:nth-child(1){-webkit-transform:scale(1) translateY(-8px) rotateX(-45deg) translateZ(.1px);transform:scale(1) translateY(-8px) rotateX(-45deg) translateZ(.1px)}.folder-container.open .page-sheet:nth-child(2){-webkit-transform:scale(.98) translateY(-12px) rotateX(-36deg) translateZ(.1px);transform:scale(.98) translateY(-12px) rotateX(-36deg) translateZ(.1px)}.folder-container.open .page-sheet:nth-child(3){-webkit-transform:scale(.96) translateY(-16px) rotateX(-27deg) translateZ(.1px);transform:scale(.96) translateY(-16px) rotateX(-27deg) translateZ(.1px)}.folder-container.open .page-sheet:nth-child(4){-webkit-transform:scale(.94) translateY(-20px) rotateX(-18deg) translateZ(.1px);transform:scale(.94) translateY(-20px) rotateX(-18deg) translateZ(.1px)}.folder-container.open .page-sheet:nth-child(5){-webkit-transform:scale(.92) translateY(-24px) rotateX(-9deg) translateZ(.1px);transform:scale(.92) translateY(-24px) rotateX(-9deg) translateZ(.1px)}.folder-container.open .page-sheet:nth-child(6){-webkit-transform:scale(.9) translateY(-28px) rotateX(0deg) translateZ(.1px);transform:scale(.9) translateY(-28px) rotateX(.1px)}.folder-container.open .folder-front{-webkit-transform:translate3d(0,0,0) rotateX(-45deg);transform:translateZ(0) rotateX(-45deg)}.folder-tab{width:50%;height:auto;display:block}.folder-back{height:128px;border-radius:0 12px 12px;position:relative;margin-top:-1px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.page-sheet{position:absolute;width:80%;height:120px;background:#fff;border-radius:8px;box-shadow:0 -1px 5px #0000001a;border:1px solid var(--border-color-default);transition:transform .3s ease-out;-webkit-transition:-webkit-transform .3s ease-out;left:10%;-webkit-transform:translateZ(0);transform:translateZ(0);transform-style:preserve-3d;-webkit-transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-font-smoothing:antialiased;will-change:transform}.page-sheet:nth-child(1){bottom:2px;z-index:6;transform-origin:bottom center;-webkit-transform-origin:bottom center;-webkit-transform:scale(1) translateZ(.1px);transform:scale(1) translateZ(.1px)}.page-sheet:nth-child(2){bottom:8px;z-index:5;transform-origin:bottom center;-webkit-transform-origin:bottom center;-webkit-transform:scale(.98) translateZ(.1px);transform:scale(.98) translateZ(.1px)}.page-sheet:nth-child(3){bottom:14px;z-index:4;transform-origin:bottom center;-webkit-transform-origin:bottom center;-webkit-transform:scale(.96) translateZ(.1px);transform:scale(.96) translateZ(.1px)}.page-sheet:nth-child(4){bottom:20px;z-index:3;transform-origin:bottom center;-webkit-transform-origin:bottom center;-webkit-transform:scale(.94) translateZ(.1px);transform:scale(.94) translateZ(.1px)}.page-sheet:nth-child(5){bottom:26px;z-index:2;transform-origin:bottom center;-webkit-transform-origin:bottom center;-webkit-transform:scale(.92) translateZ(.1px);transform:scale(.92) translateZ(.1px)}.page-sheet:nth-child(6){bottom:32px;z-index:1;transform-origin:bottom center;-webkit-transform-origin:bottom center;-webkit-transform:scale(.9) translateZ(.1px);transform:scale(.9) translateZ(.1px)}.folder-front{position:absolute;bottom:0;left:0;right:0;height:116px;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:8px;z-index:2;transform-origin:bottom center;-webkit-transform-origin:bottom center;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out;-webkit-transition:-webkit-transform .4s ease-in-out;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-font-smoothing:antialiased;-webkit-transform:rotateX(-20deg) translateZ(.1px);transform:rotateX(-20deg) translateZ(.1px);-webkit-transform:translate3d(0,0,0) rotateX(-20deg);transform:translateZ(0) rotateX(-20deg);box-shadow:inset 0 64px 48px #fff3,inset 0 2px 4px #ffffff4d,inset 0 1px 1px #ffffff4d}.item-count{display:flex;align-items:center;gap:4px}.folder-icon{display:flex;align-items:center;justify-content:center}.folder-label-container{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;min-width:0}.folder-label{text-align:center;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading-indicator,.error-indicator{font-size:var(--font-size-xs)}\n"] }]
         }], ctorParameters: () => [{ type: DsMobileHandbookDetailModalService }], propDecorators: { variant: [{
                 type: Input
             }], customColor: [{
@@ -28581,7 +28694,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 type: Input
             }], textError: [{
                 type: Input
-            }], textItems: [{
+            }], textItemSingle: [{
+                type: Input
+            }], textItemsPlural: [{
                 type: Input
             }], textClose: [{
                 type: Input
@@ -28845,7 +28960,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
  * ```html
  * <ds-mobile-property-banner
  *   address="Toftegårds Allé 5A, 2. tv."
- *   photoUrl="/Assets/building.jpg"
+ *   photoUrl="/assets/building.jpg"
  *   [tenantCount]="12">
  * </ds-mobile-property-banner>
  * ```
@@ -29172,7 +29287,7 @@ const SAMPLE_NOTIFICATIONS = [
     // Today — Marcus Lindqvist sent message in conv-2
     { id: '3', type: 'message_new', leading: 'avatar', targetId: 'conv-2', avatarInitials: 'ML', title: 'Marcus Lindqvist', message: 'Kan du tjekke støjproblemet igen?', createdAt: minutesAgo(10), read: false },
     // Today — booking-1 "Festlokale på taget" confirmed
-    { id: '4', type: 'booking_confirmed', leading: 'image', targetId: 'booking-1', imageSrc: '/Assets/Dummy-photos/rooftop-party.jpg', title: 'Festlokale på taget', message: 'Din booking d. 14. feb kl. 9:00–17:00 er bekræftet.', createdAt: hoursAgo(2), read: true },
+    { id: '4', type: 'booking_confirmed', leading: 'image', targetId: 'booking-1', imageSrc: '/assets/Dummy-photos/rooftop-party.jpg', title: 'Festlokale på taget', message: 'Din booking d. 14. feb kl. 9:00–17:00 er bekræftet.', createdAt: hoursAgo(2), read: true },
     // Today — Anders Jensen commented on post-2
     { id: '5', type: 'community_comment', leading: 'avatar', targetId: 'post-2', avatarInitials: 'AJ', title: 'Anders Jensen', message: 'Kommenterede: "Wow, den udsigt er fantastisk!"', createdAt: hoursAgo(3), read: true },
     // Yesterday — Blik Partner A/S assigned to inquiry #2
@@ -29180,9 +29295,9 @@ const SAMPLE_NOTIFICATIONS = [
     // Yesterday — Sophie Andersen posted in community (post-2)
     { id: '7', type: 'community_post', leading: 'avatar', targetId: 'post-2', avatarInitials: 'SA', title: 'Sophie Andersen', message: 'Nyt opslag med billeder fra ejendommen.', createdAt: daysAgo(1, 14, 20), read: true },
     // Yesterday — booking-3 "Boremaskinen" reminder
-    { id: '8', type: 'booking_reminder', leading: 'image', targetId: 'booking-3', imageSrc: '/Assets/Dummy-photos/handyman.jpg', title: 'Boremaskinen', message: 'Du har en booking d. 25. mar kl. 10:00–14:00.', createdAt: daysAgo(1, 9, 0), read: true },
+    { id: '8', type: 'booking_reminder', leading: 'image', targetId: 'booking-3', imageSrc: '/assets/Dummy-photos/handyman.jpg', title: 'Boremaskinen', message: 'Du har en booking d. 25. mar kl. 10:00–14:00.', createdAt: daysAgo(1, 9, 0), read: true },
     // Yesterday — facility-1 "Boremaskinen" available
-    { id: '9', type: 'facility_available', leading: 'image', targetId: 'facility-1', imageSrc: '/Assets/Dummy-photos/handyman.jpg', title: 'Boremaskinen', message: 'Boremaskinen er nu ledig til booking.', createdAt: daysAgo(1, 8, 15), read: true },
+    { id: '9', type: 'facility_available', leading: 'image', targetId: 'facility-1', imageSrc: '/assets/Dummy-photos/handyman.jpg', title: 'Boremaskinen', message: 'Boremaskinen er nu ledig til booking.', createdAt: daysAgo(1, 8, 15), read: true },
     // Yesterday — group "Vaskeri & møde" message
     { id: '10', type: 'message_group', leading: 'avatar', targetId: 'conv-group-demo', avatarInitials: 'VM', title: 'Vaskeri & møde', message: 'Anna Berg: "Vi mødes kl. 19 i fællesrummet."', createdAt: daysAgo(1, 19, 30), read: true },
     // Earlier — inquiry #3 resolved
@@ -29190,11 +29305,11 @@ const SAMPLE_NOTIFICATIONS = [
     // Earlier — handbook updated
     { id: '12', type: 'handbook_update', leading: 'logo', title: 'Håndbog opdateret', message: 'Afsnittet "Forsyninger" er blevet opdateret med ny information.', createdAt: daysAgo(4), read: true },
     // Earlier — ElektroTek ApS service update
-    { id: '13', type: 'service_update', leading: 'image', targetId: 'v-4', imageSrc: '/Assets/dummy-logos/electrician-logo.svg', title: 'ElektroTek ApS', message: 'El-service er nu tilgængelig via Services.', createdAt: daysAgo(5), read: true },
+    { id: '13', type: 'service_update', leading: 'image', targetId: 'v-4', imageSrc: '/assets/dummy-logos/electrician-logo.svg', title: 'ElektroTek ApS', message: 'El-service er nu tilgængelig via Services.', createdAt: daysAgo(5), read: true },
     // Earlier — Thomas Hansen commented on post-2
     { id: '14', type: 'community_comment', leading: 'avatar', targetId: 'post-2', avatarInitials: 'TH', title: 'Thomas Hansen', message: 'Kommenterede: "Smuk! Jeg kan også se byens silhuet fra min lejlighed 🌆"', createdAt: daysAgo(6), read: true },
     // Earlier — booking-2 "Gæsteparkering" cancelled
-    { id: '15', type: 'booking_cancelled', leading: 'image', targetId: 'booking-2', imageSrc: '/Assets/Dummy-photos/parking.jpg', title: 'Gæsteparkering', message: 'Din booking d. 20. mar kl. 8:00–20:00 er blevet annulleret.', createdAt: daysAgo(7), read: true },
+    { id: '15', type: 'booking_cancelled', leading: 'image', targetId: 'booking-2', imageSrc: '/assets/Dummy-photos/parking.jpg', title: 'Gæsteparkering', message: 'Din booking d. 20. mar kl. 8:00–20:00 er blevet annulleret.', createdAt: daysAgo(7), read: true },
     // Earlier — system announcement
     { id: '16', type: 'system_announcement', leading: 'logo', title: 'Systemmeddelelse', message: 'Planlagt vedligeholdelse d. 1. maj kl. 02:00–04:00.', createdAt: daysAgo(8), read: true },
     // Earlier — Karl Johansson message in conv-4
@@ -29538,7 +29653,7 @@ class DsMobileNotificationModalComponent {
         }
       } @else {
         <ds-mobile-empty-state
-          imageSrc="/Assets/empty-state-notification.svg"
+          imageSrc="/assets/empty-state-notification.svg"
           imageAlt="Ingen notifikationer"
           title="Alt er stille herinde"
           description="Når der sker noget nyt, finder du det her."
@@ -29636,7 +29751,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
         }
       } @else {
         <ds-mobile-empty-state
-          imageSrc="/Assets/empty-state-notification.svg"
+          imageSrc="/assets/empty-state-notification.svg"
           imageAlt="Ingen notifikationer"
           title="Alt er stille herinde"
           description="Når der sker noget nyt, finder du det her."
@@ -30563,7 +30678,7 @@ const BOOKING_DETAIL_MAP = {
     'booking-1': {
         id: 'booking-1',
         facilityTitle: 'Festlokale på taget',
-        heroImage: '/Assets/Dummy-photos/rooftop-party.jpg',
+        heroImage: '/assets/Dummy-photos/rooftop-party.jpg',
         bookingDate: '14. februar',
         bookingTime: '9:00 - 17:00',
         price: '200 kr. per booking',
@@ -30572,7 +30687,7 @@ const BOOKING_DETAIL_MAP = {
     'booking-2': {
         id: 'booking-2',
         facilityTitle: 'Gæsteparkering',
-        heroImage: '/Assets/Dummy-photos/parking.jpg',
+        heroImage: '/assets/Dummy-photos/parking.jpg',
         bookingDate: '20. marts',
         bookingTime: '8:00 - 20:00',
         price: '50 kr. per booking',
@@ -30581,7 +30696,7 @@ const BOOKING_DETAIL_MAP = {
     'booking-3': {
         id: 'booking-3',
         facilityTitle: 'Boremaskinen',
-        heroImage: '/Assets/Dummy-photos/handyman.jpg',
+        heroImage: '/assets/Dummy-photos/handyman.jpg',
         bookingDate: '25. marts',
         bookingTime: '10:00 - 14:00',
         price: 'Gratis',
@@ -30592,31 +30707,31 @@ const VENDOR_DETAIL_MAP = {
     'v-1': {
         vendorName: 'CleanTeam ApS',
         vendorDescription: '<h3>Rengøring</h3><p>CleanTeam ApS tilbyder professionel trappevask og vinduespolering for ejendommen. Servicen udføres ugentligt og kan tilpasses jeres behov.</p><h3>Pris</h3><p>350 kr. per besøg</p>',
-        vendorImage: '/Assets/Dummy-photos/clean-team.jpg',
-        vendorLogo: '/Assets/dummy-logos/cleanteam-logo.svg',
+        vendorImage: '/assets/Dummy-photos/clean-team.jpg',
+        vendorLogo: '/assets/dummy-logos/cleanteam-logo.svg',
     },
     'v-2': {
         vendorName: 'Nordisk Rengøring',
         vendorDescription: '<h3>Rengøring</h3><p>Nordisk Rengøring leverer fleksibel erhvervs- og boligrengøring. Vi tilpasser rengøringen til jeres specifikke behov.</p><h3>Pris</h3><p>275 kr. per time</p>',
-        vendorImage: '/Assets/Dummy-photos/nordic-cleaning.jpg',
-        vendorLogo: '/Assets/dummy-logos/nordiccleaning-logo.svg',
+        vendorImage: '/assets/Dummy-photos/nordic-cleaning.jpg',
+        vendorLogo: '/assets/dummy-logos/nordiccleaning-logo.svg',
     },
     'v-3': {
         vendorName: 'Blik Partner A/S',
         vendorDescription: '<h3>VVS</h3><p>BlikPartner A/S er jeres VVS-partner til alt fra løbende vedligeholdelse til akutte udkald. Vi dækker reparation af vandrør, afløb, radiatorer og blandingsbatterier.</p><h3>Pris</h3><p>450 kr. per udkald + tid</p>',
-        vendorImage: '/Assets/Dummy-photos/plumbing.jpg',
+        vendorImage: '/assets/Dummy-photos/plumbing.jpg',
     },
     'v-4': {
         vendorName: 'ElektroTek ApS',
         vendorDescription: '<h3>Elektriker</h3><p>ElektroTek ApS varetager el-installationer, fejlsøgning og lovpligtige eftersyn for ejendommen. Vi udfører også småopgaver som udskiftning af kontakter og lampeudtag.</p><h3>Pris</h3><p>395 kr. per time</p>',
-        vendorImage: '/Assets/Dummy-photos/electrician.jpg',
-        vendorLogo: '/Assets/dummy-logos/electrician-logo.svg',
+        vendorImage: '/assets/Dummy-photos/electrician.jpg',
+        vendorLogo: '/assets/dummy-logos/electrician-logo.svg',
     },
     'v-5': {
         vendorName: 'HaveService Danmark',
         vendorDescription: '<h3>Have & Grønne arealer</h3><p>HaveService Danmark står for den løbende pleje af fællesarealer og haver — herunder græsslåning, hækklipning, ukrudtsbekæmpelse og sæsonbeplantning.</p><h3>Pris</h3><p>500 kr. per besøg</p>',
-        vendorImage: '/Assets/Dummy-photos/gardener.jpg',
-        vendorLogo: '/Assets/dummy-logos/gardener-logo.svg',
+        vendorImage: '/assets/Dummy-photos/gardener.jpg',
+        vendorLogo: '/assets/dummy-logos/gardener-logo.svg',
     },
 };
 class DsMobileNotificationModalService extends BaseModalService {
@@ -31002,7 +31117,7 @@ class MobileCommunityPageComponent {
         await this.lightbox.openPdf({
             pdf: {
                 type: 'pdf',
-                src: '/Assets/House_Rules.pdf', // Capital A to match public/Assets folder structure
+                src: '/assets/House_Rules.pdf', // Capital A to match public/Assets folder structure
                 title: 'House Rules',
                 description: 'Building regulations and community guidelines',
                 fileSize: 250880, // 245 KB in bytes
@@ -31248,10 +31363,10 @@ class MobileCommunityPageComponent {
                       <post-text>{{ post.content }}</post-text>
                       <ds-mobile-inline-photo
                         [images]="[
-                          '/Assets/Dummy-photos/balcony-view.jpg',
-                          '/Assets/Dummy-photos/staircase.jpg',
-                          '/Assets/Dummy-photos/park.jpg',
-                          '/Assets/Dummy-photos/yard.jpg'
+                          '/assets/Dummy-photos/balcony-view.jpg',
+                          '/assets/Dummy-photos/staircase.jpg',
+                          '/assets/Dummy-photos/park.jpg',
+                          '/assets/Dummy-photos/yard.jpg'
                         ]"
                         [author]="{
                           name: 'Sophie Andersen',
@@ -31287,12 +31402,12 @@ class MobileCommunityPageComponent {
                       <post-text>{{ post.content }}</post-text>
                       <ds-mobile-inline-photo
                         [images]="[
-                          '/Assets/Dummy-photos/mailboxes.jpg',
-                          '/Assets/Dummy-photos/staircase.jpg',
-                          '/Assets/Dummy-photos/yard.jpg',
-                          '/Assets/Dummy-photos/park.jpg',
-                          '/Assets/Dummy-photos/balcony-view.jpg',
-                          '/Assets/Dummy-photos/handyman.jpg'
+                          '/assets/Dummy-photos/mailboxes.jpg',
+                          '/assets/Dummy-photos/staircase.jpg',
+                          '/assets/Dummy-photos/yard.jpg',
+                          '/assets/Dummy-photos/park.jpg',
+                          '/assets/Dummy-photos/balcony-view.jpg',
+                          '/assets/Dummy-photos/handyman.jpg'
                         ]"
                         [author]="{
                           name: 'Karen Nielsen',
@@ -31353,7 +31468,7 @@ class MobileCommunityPageComponent {
             <!-- Empty State -->
             <div class="community-empty-state">
               <img 
-                src="/Assets/Empty%20state-chat.png" 
+                src="/assets/Empty%20state-chat.png" 
                 alt="Ingen opslag endnu" 
                 class="empty-state-image"
               />
@@ -31531,10 +31646,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                       <post-text>{{ post.content }}</post-text>
                       <ds-mobile-inline-photo
                         [images]="[
-                          '/Assets/Dummy-photos/balcony-view.jpg',
-                          '/Assets/Dummy-photos/staircase.jpg',
-                          '/Assets/Dummy-photos/park.jpg',
-                          '/Assets/Dummy-photos/yard.jpg'
+                          '/assets/Dummy-photos/balcony-view.jpg',
+                          '/assets/Dummy-photos/staircase.jpg',
+                          '/assets/Dummy-photos/park.jpg',
+                          '/assets/Dummy-photos/yard.jpg'
                         ]"
                         [author]="{
                           name: 'Sophie Andersen',
@@ -31570,12 +31685,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                       <post-text>{{ post.content }}</post-text>
                       <ds-mobile-inline-photo
                         [images]="[
-                          '/Assets/Dummy-photos/mailboxes.jpg',
-                          '/Assets/Dummy-photos/staircase.jpg',
-                          '/Assets/Dummy-photos/yard.jpg',
-                          '/Assets/Dummy-photos/park.jpg',
-                          '/Assets/Dummy-photos/balcony-view.jpg',
-                          '/Assets/Dummy-photos/handyman.jpg'
+                          '/assets/Dummy-photos/mailboxes.jpg',
+                          '/assets/Dummy-photos/staircase.jpg',
+                          '/assets/Dummy-photos/yard.jpg',
+                          '/assets/Dummy-photos/park.jpg',
+                          '/assets/Dummy-photos/balcony-view.jpg',
+                          '/assets/Dummy-photos/handyman.jpg'
                         ]"
                         [author]="{
                           name: 'Karen Nielsen',
@@ -31636,7 +31751,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             <!-- Empty State -->
             <div class="community-empty-state">
               <img 
-                src="/Assets/Empty%20state-chat.png" 
+                src="/assets/Empty%20state-chat.png" 
                 alt="Ingen opslag endnu" 
                 class="empty-state-image"
               />
@@ -31750,7 +31865,7 @@ class MobileHandbookPageComponent {
         {
             title: 'Fælles områder og sikkerhed',
             description: 'Trappeopgange med nødbelysning og brandsikre døre. Postkasser placeret i indgangspartiet. Hold altid flugtveje fri.',
-            images: ['/Assets/Dummy-photos/staircase.jpg', '/Assets/Dummy-photos/mailboxes.jpg'],
+            images: ['/assets/Dummy-photos/staircase.jpg', '/assets/Dummy-photos/mailboxes.jpg'],
         },
         {
             title: 'Hjertestarter (AED)',
@@ -31813,7 +31928,7 @@ class MobileHandbookPageComponent {
         {
             title: 'Udendørs arealer',
             description: 'Fælles grønne områder med bede, siddepladser og terrasse. Beboere må frit benytte området. Respektér planterne og hold området pænt.',
-            images: ['/Assets/Dummy-photos/park.jpg', '/Assets/Dummy-photos/yard.jpg'],
+            images: ['/assets/Dummy-photos/park.jpg', '/assets/Dummy-photos/yard.jpg'],
         },
         {
             title: 'Havevedligeholdelse',
@@ -31868,7 +31983,7 @@ class MobileHandbookPageComponent {
         {
             title: 'Balkon udsigt',
             description: 'Eksempel på udsigt fra øverste etagers balkoner. Flere lejligheder har privat altan med fantastisk udsyn.',
-            images: ['/Assets/Dummy-photos/balcony-view.jpg'],
+            images: ['/assets/Dummy-photos/balcony-view.jpg'],
         },
         {
             title: 'Vaskerum',
@@ -31892,7 +32007,7 @@ class MobileHandbookPageComponent {
         {
             title: 'Vedligeholdelse og reparationer',
             description: 'Ved behov for reparationer eller vedligeholdelse i din lejlighed, kontakt vores hausmeister. Akutte problemer håndteres samme dag.',
-            images: ['/Assets/Dummy-photos/handyman.jpg'],
+            images: ['/assets/Dummy-photos/handyman.jpg'],
             contacts: [
                 {
                     name: 'Hausmeister Service',
@@ -31955,7 +32070,7 @@ class MobileHandbookPageComponent {
         </div>
       </ds-mobile-section>
     </ds-mobile-page-main>
-  `, isInline: true, styles: [".folders-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;justify-items:center}@media (min-width: 768px){.folders-grid{grid-template-columns:repeat(3,1fr)}}ds-mobile-handbook-folder{width:100%;min-width:0}\n"], dependencies: [{ kind: "component", type: DsMobilePageMainComponent, selector: "ds-mobile-page-main", inputs: ["title", "headerTitle", "headerSubtitle", "firstEntry", "avatarType", "avatarInitials", "avatarSrc", "avatarIconName", "showNotification", "notificationCount", "showRefresh", "showCondensedHeader", "scrollThreshold", "headerFadeDistance", "contentPadding", "profileMenuItems"], outputs: ["notificationClick", "avatarClick", "profileActionSelected", "refresh", "scroll"] }, { kind: "component", type: DsMobileSectionComponent, selector: "ds-mobile-section", inputs: ["headline", "icon", "linkText", "padding", "paddingDesktop", "gap", "contentGap", "showBorder", "overflow"], outputs: ["linkClick"] }, { kind: "component", type: DsMobileHandbookFolderComponent, selector: "ds-mobile-handbook-folder", inputs: ["variant", "customColor", "iconName", "itemCount", "label", "items", "loading", "error", "textLoading", "textError", "textItems", "textClose", "textEmptyTitle", "textEmptyDescription", "textCall", "textCopyPhone", "textEmail", "textCopyEmail"] }, { kind: "component", type: DsMobileOfflineBannerComponent, selector: "ds-mobile-offline-banner", inputs: ["icon", "title", "message"] }] });
+  `, isInline: true, styles: [".folders-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;justify-items:center}@media (min-width: 768px){.folders-grid{grid-template-columns:repeat(3,1fr)}}ds-mobile-handbook-folder{width:100%;min-width:0}\n"], dependencies: [{ kind: "component", type: DsMobilePageMainComponent, selector: "ds-mobile-page-main", inputs: ["title", "headerTitle", "headerSubtitle", "firstEntry", "avatarType", "avatarInitials", "avatarSrc", "avatarIconName", "showNotification", "notificationCount", "showRefresh", "showCondensedHeader", "scrollThreshold", "headerFadeDistance", "contentPadding", "profileMenuItems"], outputs: ["notificationClick", "avatarClick", "profileActionSelected", "refresh", "scroll"] }, { kind: "component", type: DsMobileSectionComponent, selector: "ds-mobile-section", inputs: ["headline", "icon", "linkText", "padding", "paddingDesktop", "gap", "contentGap", "showBorder", "overflow"], outputs: ["linkClick"] }, { kind: "component", type: DsMobileHandbookFolderComponent, selector: "ds-mobile-handbook-folder", inputs: ["variant", "customColor", "iconName", "itemCount", "label", "items", "loading", "error", "textLoading", "textError", "textItemSingle", "textItemsPlural", "textClose", "textEmptyTitle", "textEmptyDescription", "textCall", "textCopyPhone", "textEmail", "textCopyEmail"] }, { kind: "component", type: DsMobileOfflineBannerComponent, selector: "ds-mobile-offline-banner", inputs: ["icon", "title", "message"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MobileHandbookPageComponent, decorators: [{
             type: Component,
@@ -32551,8 +32666,8 @@ class MobileHomePageComponent {
             category: 'Rengøring',
             description: 'Trappevask og vinduespolering',
             phone: '+45 70 20 30 40',
-            logo: '/Assets/dummy-logos/cleanteam-logo.svg',
-            thumbnail: '/Assets/Dummy-photos/clean-team.jpg',
+            logo: '/assets/dummy-logos/cleanteam-logo.svg',
+            thumbnail: '/assets/Dummy-photos/clean-team.jpg',
             fullDescription: '<h3>Rengøring</h3><p>CleanTeam ApS tilbyder professionel trappevask og vinduespolering for ejendommen. Servicen udføres ugentligt og kan tilpasses jeres behov.</p><h3>Pris</h3><p>350 kr. per besøg</p>',
         },
         {
@@ -32561,7 +32676,7 @@ class MobileHomePageComponent {
             category: 'VVS',
             description: 'VVS-service og akut udkald',
             phone: '+45 33 44 55 66',
-            thumbnail: '/Assets/Dummy-photos/plumbing.jpg',
+            thumbnail: '/assets/Dummy-photos/plumbing.jpg',
             fullDescription: '<h3>VVS</h3><p>BlikPartner A/S er jeres VVS-partner til alt fra løbende vedligeholdelse til akutte udkald. Vi dækker reparation af vandrør, afløb, radiatorer og blandingsbatterier.</p><h3>Pris</h3><p>450 kr. per udkald + tid</p>',
         },
         {
@@ -32570,9 +32685,9 @@ class MobileHomePageComponent {
             category: 'Elektriker',
             description: 'El-installationer og fejlsøgning',
             phone: '+45 23 45 67 89',
-            logo: '/Assets/dummy-logos/electrician-logo.svg',
-            thumbnail: '/Assets/Dummy-photos/electrician.jpg',
-            heroImage: '/Assets/Dummy-photos/electrician.jpg',
+            logo: '/assets/dummy-logos/electrician-logo.svg',
+            thumbnail: '/assets/Dummy-photos/electrician.jpg',
+            heroImage: '/assets/Dummy-photos/electrician.jpg',
             fullDescription: '<h3>Elektriker</h3><p>ElektroTek ApS varetager el-installationer, fejlsøgning og lovpligtige eftersyn for ejendommen. Vi udfører også småopgaver som udskiftning af kontakter og lampeudtag.</p><h3>Pris</h3><p>395 kr. per time</p>',
         },
     ], ...(ngDevMode ? [{ debugName: "allVendors" }] : []));
@@ -32781,7 +32896,7 @@ class MobileHomePageComponent {
           (keydown.space)="$event.preventDefault(); navigateToTenants()"
           aria-label="Se beboere på ejendommen"
         >
-          <ds-mobile-property-banner address="Toftegårds Allé 5A, 2. tv." photoUrl="/Assets/Dummy-photos/building.jpg" [tenantCount]="24"> </ds-mobile-property-banner>
+          <ds-mobile-property-banner address="Toftegårds Allé 5A, 2. tv." photoUrl="/assets/Dummy-photos/building.jpg" [tenantCount]="24"> </ds-mobile-property-banner>
         </div>
 
         @if (familyAccessService.acceptedInviteContext(); as invite) {
@@ -32993,7 +33108,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
           (keydown.space)="$event.preventDefault(); navigateToTenants()"
           aria-label="Se beboere på ejendommen"
         >
-          <ds-mobile-property-banner address="Toftegårds Allé 5A, 2. tv." photoUrl="/Assets/Dummy-photos/building.jpg" [tenantCount]="24"> </ds-mobile-property-banner>
+          <ds-mobile-property-banner address="Toftegårds Allé 5A, 2. tv." photoUrl="/assets/Dummy-photos/building.jpg" [tenantCount]="24"> </ds-mobile-property-banner>
         </div>
 
         @if (familyAccessService.acceptedInviteContext(); as invite) {
@@ -33451,11 +33566,11 @@ class MobileInquiryDetailPageComponent {
         }
     }
     photos = [
-        { type: 'image', src: '/Assets/Dummy-photos/handyman.jpg', alt: 'Handyman', title: 'Handyman' },
-        { type: 'image', src: '/Assets/Dummy-photos/balcony-view.jpg', alt: 'Balcony view', title: 'Balcony view' },
-        { type: 'image', src: '/Assets/Dummy-photos/staircase.jpg', alt: 'Staircase', title: 'Staircase' },
-        { type: 'image', src: '/Assets/Dummy-photos/yard.jpg', alt: 'Yard', title: 'Yard' },
-        { type: 'image', src: '/Assets/Dummy-photos/mailboxes.jpg', alt: 'Mailboxes', title: 'Mailboxes' }
+        { type: 'image', src: '/assets/Dummy-photos/handyman.jpg', alt: 'Handyman', title: 'Handyman' },
+        { type: 'image', src: '/assets/Dummy-photos/balcony-view.jpg', alt: 'Balcony view', title: 'Balcony view' },
+        { type: 'image', src: '/assets/Dummy-photos/staircase.jpg', alt: 'Staircase', title: 'Staircase' },
+        { type: 'image', src: '/assets/Dummy-photos/yard.jpg', alt: 'Yard', title: 'Yard' },
+        { type: 'image', src: '/assets/Dummy-photos/mailboxes.jpg', alt: 'Mailboxes', title: 'Mailboxes' }
     ];
     get photoUrls() {
         return this.photos.map(photo => photo.src);
@@ -33755,7 +33870,7 @@ class MobileInquiryDetailPageComponent {
         } @else {
           <ds-mobile-section>
             <div class="empty-messages">
-              <img class="empty-messages-image" src="/Assets/Empty state-chat.png" alt="Ingen beskeder" />
+              <img class="empty-messages-image" src="/assets/Empty state-chat.png" alt="Ingen beskeder" />
               <p class="empty-messages-text">Ingen beskeder endnu</p>
             </div>
           </ds-mobile-section>
@@ -33911,7 +34026,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
         } @else {
           <ds-mobile-section>
             <div class="empty-messages">
-              <img class="empty-messages-image" src="/Assets/Empty state-chat.png" alt="Ingen beskeder" />
+              <img class="empty-messages-image" src="/assets/Empty state-chat.png" alt="Ingen beskeder" />
               <p class="empty-messages-text">Ingen beskeder endnu</p>
             </div>
           </ds-mobile-section>
@@ -34168,8 +34283,8 @@ class WhitelabelDemoModalComponent {
     applyDefaultTheme() {
         this.currentTheme = 'default';
         this.whitelabelService.updateConfig({
-            logoUrl: '/Assets/logos/propbinder-logomark.svg',
-            logoMarkUrl: '/Assets/logos/propbinder-logomark.svg',
+            logoUrl: '/assets/logos/propbinder-logomark.svg',
+            logoMarkUrl: '/assets/logos/propbinder-logomark.svg',
             logoAlt: 'Propbinder',
             logoSize: 'md',
             appIconSurface: '#6B5FF5',
@@ -34196,8 +34311,8 @@ class WhitelabelDemoModalComponent {
     applyCejTheme() {
         this.currentTheme = 'cej';
         this.whitelabelService.updateConfig({
-            logoUrl: '/Assets/logos/cej-logo.png',
-            logoMarkUrl: '/Assets/logos/cej-logo.png',
+            logoUrl: '/assets/logos/cej-logo.png',
+            logoMarkUrl: '/assets/logos/cej-logo.png',
             logoAlt: 'CEJ',
             logoSize: 'xl',
             appIconSurface: '#A70923',
@@ -34224,8 +34339,8 @@ class WhitelabelDemoModalComponent {
     applyPkaTheme() {
         this.currentTheme = 'pka';
         this.whitelabelService.updateConfig({
-            logoUrl: '/Assets/logos/pka-logo.svg',
-            logoMarkUrl: '/Assets/logos/pka-logo.svg',
+            logoUrl: '/assets/logos/pka-logo.svg',
+            logoMarkUrl: '/assets/logos/pka-logo.svg',
             logoAlt: 'PKA',
             logoSize: 'md',
             appIconSurface: '#CC006C',
@@ -34252,8 +34367,8 @@ class WhitelabelDemoModalComponent {
     applyClaveTheme() {
         this.currentTheme = 'clave';
         this.whitelabelService.updateConfig({
-            logoUrl: '/Assets/logos/clave-logo.svg',
-            logoMarkUrl: '/Assets/logos/clave-logo.svg',
+            logoUrl: '/assets/logos/clave-logo.svg',
+            logoMarkUrl: '/assets/logos/clave-logo.svg',
             logoAlt: 'Clave',
             logoSize: 'lg',
             appIconSurface: '#262424',
@@ -34280,8 +34395,8 @@ class WhitelabelDemoModalComponent {
     applyFreedomTheme() {
         this.currentTheme = 'freedom';
         this.whitelabelService.updateConfig({
-            logoUrl: '/Assets/logos/freedom-logo.svg',
-            logoMarkUrl: '/Assets/logos/freedom-logomark.svg',
+            logoUrl: '/assets/logos/freedom-logo.svg',
+            logoMarkUrl: '/assets/logos/freedom-logomark.svg',
             logoAlt: 'Freedom',
             logoSize: 'md',
             appIconSurface: '#1D4A49',
@@ -34308,8 +34423,8 @@ class WhitelabelDemoModalComponent {
     applyCobblestoneTheme() {
         this.currentTheme = 'cobblestone';
         this.whitelabelService.updateConfig({
-            logoUrl: '/Assets/logos/cobblestone-logo.svg',
-            logoMarkUrl: '/Assets/logos/cobblestone-logomark.svg',
+            logoUrl: '/assets/logos/cobblestone-logo.svg',
+            logoMarkUrl: '/assets/logos/cobblestone-logomark.svg',
             logoAlt: 'Cobblestone',
             logoSize: 'sm',
             appIconSurface: '#2C3E50',
@@ -35681,12 +35796,12 @@ class MobileBookingPageComponent {
     activeBookings = signal([
         {
             id: 'booking-1',
-            thumbnail: '/Assets/Dummy-photos/rooftop-party.jpg',
+            thumbnail: '/assets/Dummy-photos/rooftop-party.jpg',
             facilityTitle: 'Festlokale på taget',
             bookingDate: '14. februar, 2026',
             bookingTime: '9:00 - 17:00',
             price: '200 kr. per booking',
-            heroImage: '/Assets/Dummy-photos/rooftop-party.jpg',
+            heroImage: '/assets/Dummy-photos/rooftop-party.jpg',
             fullDescription: '<p>Festlokalet på taget giver jer et lyst og indbydende rum med flot udsigt over byen. Lokalet er velegnet til fødselsdage, mindre sammenkomster og hyggelige middage med naboer og venner.</p>',
             requirements: ['Kræver nøglekort'],
             bookingType: 'Øjeblikkelig booking',
@@ -35699,12 +35814,12 @@ class MobileBookingPageComponent {
         },
         {
             id: 'booking-2',
-            thumbnail: '/Assets/Dummy-photos/parking.jpg',
+            thumbnail: '/assets/Dummy-photos/parking.jpg',
             facilityTitle: 'Gæsteparkering',
             bookingDate: '20. marts, 2026',
             bookingTime: '8:00 - 20:00',
             price: '50 kr. per booking',
-            heroImage: '/Assets/Dummy-photos/parking.jpg',
+            heroImage: '/assets/Dummy-photos/parking.jpg',
             fullDescription: '<p>Ekstra gæsteparkeringspladser er tilgængelige for beboere, der har brug for parkering til besøgende.</p>',
             requirements: ['Kræver nøglekort'],
             bookingType: 'Forudgående booking påkrævet',
@@ -35715,12 +35830,12 @@ class MobileBookingPageComponent {
         },
         {
             id: 'booking-3',
-            thumbnail: '/Assets/Dummy-photos/handyman.jpg',
+            thumbnail: '/assets/Dummy-photos/handyman.jpg',
             facilityTitle: 'Boremaskinen',
             bookingDate: '25. marts, 2026',
             bookingTime: '10:00 - 14:00',
             price: 'Gratis',
-            heroImage: '/Assets/Dummy-photos/handyman.jpg',
+            heroImage: '/assets/Dummy-photos/handyman.jpg',
             fullDescription: '<p>Vores boremaskine i professionel kvalitet er tilgængelig for alle beboere til mindre forbedringer i hjemmet.</p>',
             requirements: ['Kræver nøglekort'],
             bookingType: 'Øjeblikkelig booking',
@@ -35734,14 +35849,14 @@ class MobileBookingPageComponent {
     availableFacilities = signal([
         {
             id: 'facility-1',
-            thumbnail: '/Assets/Dummy-photos/handyman.jpg',
+            thumbnail: '/assets/Dummy-photos/handyman.jpg',
             facilityTitle: 'Boremaskinen',
             availabilityStatus: 'available-today',
             statusLabel: 'Ledig i dag',
             whenCanBook: 'Lørdag, søndag, 09:00 til 17:30, Op til 48 timer',
             price: 'Gratis',
             capacity: '2–5 personer',
-            heroImage: '/Assets/Dummy-photos/handyman.jpg',
+            heroImage: '/assets/Dummy-photos/handyman.jpg',
             fullDescription: `
         <p>Vores boremaskine i professionel kvalitet er tilgængelig for alle beboere til mindre forbedringer i hjemmet. Den er ideel til ophængning af hylder, montering af beslag og andre boreopgaver i lejligheden.</p>
 
@@ -35763,14 +35878,14 @@ class MobileBookingPageComponent {
         },
         {
             id: 'facility-2',
-            thumbnail: '/Assets/Dummy-photos/rooftop-party.jpg',
+            thumbnail: '/assets/Dummy-photos/rooftop-party.jpg',
             facilityTitle: 'Festlokale på taget',
             availabilityStatus: 'available-today',
             statusLabel: 'Ledig i dag',
             whenCanBook: 'Fredag–søndag, 10:00 til 22:00, Op til 3 timer',
             price: '200 kr. per booking',
             capacity: '6–15 personer',
-            heroImage: '/Assets/Dummy-photos/rooftop-party.jpg',
+            heroImage: '/assets/Dummy-photos/rooftop-party.jpg',
             fullDescription: `
         <p>Tagterrassen er indrettet som et afslappende fristed og et levende samlingspunkt for beboerne med flot udsigt over byen. Uanset om du planlægger en mindre sammenkomst, en rolig aften udendørs eller en hyggelig stund med venner, giver terrassen de perfekte rammer.</p>
         
@@ -35810,14 +35925,14 @@ class MobileBookingPageComponent {
         },
         {
             id: 'facility-3',
-            thumbnail: '/Assets/Dummy-photos/parking.jpg',
+            thumbnail: '/assets/Dummy-photos/parking.jpg',
             facilityTitle: 'Gæsteparkering',
             availabilityStatus: 'available-from',
             statusLabel: 'Ledig fra 28. februar, 2026',
             whenCanBook: 'Alle dage, 08:00 til 20:00, Op til 12 timer',
             price: '50 kr. per booking',
             capacity: '1 person',
-            heroImage: '/Assets/Dummy-photos/parking.jpg',
+            heroImage: '/assets/Dummy-photos/parking.jpg',
             fullDescription: `
         <p>Ekstra gæsteparkeringspladser er tilgængelige for beboere, der har brug for parkering til besøgende. Pladserne giver dine gæster en nem og tryg parkeringsmulighed tæt på boligen.</p>
 
@@ -35839,14 +35954,14 @@ class MobileBookingPageComponent {
         },
         {
             id: 'facility-4',
-            thumbnail: '/Assets/Dummy-photos/yard.jpg',
+            thumbnail: '/assets/Dummy-photos/yard.jpg',
             facilityTitle: 'BBQ område',
             availabilityStatus: 'unavailable',
             statusLabel: 'Ikke tilgængelig',
             whenCanBook: 'Maj–september, 12:00 til 22:00, Op til 4 timer',
             price: 'Gratis',
             capacity: '16–30 personer',
-            heroImage: '/Assets/Dummy-photos/yard.jpg',
+            heroImage: '/assets/Dummy-photos/yard.jpg',
             fullDescription: `
         <p>BBQ-området har grill i professionel kvalitet og udendørs siddepladser, perfekt til sommerarrangementer og fællesspisning. Området er velegnet til både mindre familiemåltider og større sociale arrangementer.</p>
 
@@ -36078,7 +36193,7 @@ class MobileBookingPageComponent {
             onSubmit: async (data) => {
                 const id = `facility-${Date.now()}`;
                 const hero = data.attachments.find((a) => a.type === 'image')?.src;
-                const thumb = hero ?? '/Assets/Dummy-photos/handyman.jpg';
+                const thumb = hero ?? '/assets/Dummy-photos/handyman.jpg';
                 const row = {
                     id,
                     thumbnail: thumb,
@@ -36742,10 +36857,10 @@ class MobilePostDetailPageComponent {
               <post-text>Se denne smukke udsigt fra min altan! Morgenkaffe har aldrig smagt så godt ☕️</post-text>
               <post-media>
                 <img 
-                  src="/Assets/Dummy-photos/balcony-view.jpg" 
+                  src="/assets/Dummy-photos/balcony-view.jpg" 
                   alt="Altanudsigt" 
                   class="clickable-image"
-                  (click)="openImageLightbox('/Assets/Dummy-photos/balcony-view.jpg', 'Altanudsigt', 'Morgenkaffe har aldrig smagt så godt ☕️')"
+                  (click)="openImageLightbox('/assets/Dummy-photos/balcony-view.jpg', 'Altanudsigt', 'Morgenkaffe har aldrig smagt så godt ☕️')"
                 />
               </post-media>
             </post-content>
@@ -36883,10 +36998,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
               <post-text>Se denne smukke udsigt fra min altan! Morgenkaffe har aldrig smagt så godt ☕️</post-text>
               <post-media>
                 <img 
-                  src="/Assets/Dummy-photos/balcony-view.jpg" 
+                  src="/assets/Dummy-photos/balcony-view.jpg" 
                   alt="Altanudsigt" 
                   class="clickable-image"
-                  (click)="openImageLightbox('/Assets/Dummy-photos/balcony-view.jpg', 'Altanudsigt', 'Morgenkaffe har aldrig smagt så godt ☕️')"
+                  (click)="openImageLightbox('/assets/Dummy-photos/balcony-view.jpg', 'Altanudsigt', 'Morgenkaffe har aldrig smagt så godt ☕️')"
                 />
               </post-media>
             </post-content>
@@ -37125,7 +37240,7 @@ class SignInPageComponent {
       <!-- City background decoration -->
       @if (whitelabelService.showCityIllustration()) {
         <div class="tw-absolute tw-bottom-0 tw-left-0 tw-right-0 tw-w-full tw-h-[35%] tw-z-0 tw-pointer-events-none tw-overflow-hidden md:tw-h-[50%] md:tw-min-h-[400px]" aria-hidden="true">
-          <img src="/Assets/city.svg" alt="" class="tw-w-full tw-h-full tw-object-cover tw-object-top" />
+          <img src="/assets/city.svg" alt="" class="tw-w-full tw-h-full tw-object-cover tw-object-top" />
         </div>
       }
 
@@ -37220,7 +37335,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
       <!-- City background decoration -->
       @if (whitelabelService.showCityIllustration()) {
         <div class="tw-absolute tw-bottom-0 tw-left-0 tw-right-0 tw-w-full tw-h-[35%] tw-z-0 tw-pointer-events-none tw-overflow-hidden md:tw-h-[50%] md:tw-min-h-[400px]" aria-hidden="true">
-          <img src="/Assets/city.svg" alt="" class="tw-w-full tw-h-full tw-object-cover tw-object-top" />
+          <img src="/assets/city.svg" alt="" class="tw-w-full tw-h-full tw-object-cover tw-object-top" />
         </div>
       }
 
@@ -38227,7 +38342,7 @@ class TenantChatPageComponent {
         @if (peerMessaging.conversations().length === 0) {
           <div class="empty-state">
             <img
-              src="/Assets/Empty%20state-chat.png"
+              src="/assets/Empty%20state-chat.png"
               alt="Ingen beskeder"
               class="empty-state-image"
             />
@@ -38303,7 +38418,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
         @if (peerMessaging.conversations().length === 0) {
           <div class="empty-state">
             <img
-              src="/Assets/Empty%20state-chat.png"
+              src="/assets/Empty%20state-chat.png"
               alt="Ingen beskeder"
               class="empty-state-image"
             />
@@ -38375,8 +38490,8 @@ const MOCK_VENDORS = [
         category: 'Rengøring',
         description: 'Trappevask og vinduespolering',
         phone: '+45 70 20 30 40',
-        logo: '/Assets/dummy-logos/cleanteam-logo.svg',
-        thumbnail: '/Assets/Dummy-photos/clean-team.jpg',
+        logo: '/assets/dummy-logos/cleanteam-logo.svg',
+        thumbnail: '/assets/Dummy-photos/clean-team.jpg',
         fullDescription: '<h3>Rengøring</h3><p>CleanTeam ApS tilbyder professionel trappevask og vinduespolering for ejendommen. Servicen udføres ugentligt og kan tilpasses jeres behov.</p><h3>Pris</h3><p>350 kr. per besøg</p>',
         price: '350 kr. per besøg',
         availabilityStatus: 'available-today',
@@ -38387,9 +38502,9 @@ const MOCK_VENDORS = [
         name: 'Nordisk Rengøring',
         category: 'Rengøring',
         description: 'Erhvervs- og boligrengøring',
-        logo: '/Assets/dummy-logos/nordiccleaning-logo.svg',
-        thumbnail: '/Assets/Dummy-photos/nordic-cleaning.jpg',
-        heroImage: '/Assets/Dummy-photos/nordic-cleaning.jpg',
+        logo: '/assets/dummy-logos/nordiccleaning-logo.svg',
+        thumbnail: '/assets/Dummy-photos/nordic-cleaning.jpg',
+        heroImage: '/assets/Dummy-photos/nordic-cleaning.jpg',
         fullDescription: '<h3>Rengøring</h3><p>Nordisk Rengøring leverer fleksibel erhvervs- og boligrengøring. Vi tilpasser rengøringen til jeres specifikke behov.</p><h3>Pris</h3><p>275 kr. per time</p>',
         price: '275 kr. per time',
         availabilityStatus: 'available-from',
@@ -38401,7 +38516,7 @@ const MOCK_VENDORS = [
         category: 'VVS',
         description: 'VVS-service og akut udkald',
         phone: '+45 33 44 55 66',
-        thumbnail: '/Assets/Dummy-photos/plumbing.jpg',
+        thumbnail: '/assets/Dummy-photos/plumbing.jpg',
         fullDescription: '<h3>VVS</h3><p>BlikPartner A/S er jeres VVS-partner til alt fra løbende vedligeholdelse til akutte udkald. Vi dækker reparation af vandrør, afløb, radiatorer og blandingsbatterier.</p><h3>Pris</h3><p>450 kr. per udkald + tid</p>',
         price: '450 kr. per udkald + tid',
         availabilityStatus: 'available-today',
@@ -38413,9 +38528,9 @@ const MOCK_VENDORS = [
         category: 'Elektriker',
         description: 'El-installationer og fejlsøgning',
         phone: '+45 23 45 67 89',
-        logo: '/Assets/dummy-logos/electrician-logo.svg',
-        thumbnail: '/Assets/Dummy-photos/electrician.jpg',
-        heroImage: '/Assets/Dummy-photos/electrician.jpg',
+        logo: '/assets/dummy-logos/electrician-logo.svg',
+        thumbnail: '/assets/Dummy-photos/electrician.jpg',
+        heroImage: '/assets/Dummy-photos/electrician.jpg',
         fullDescription: '<h3>Elektriker</h3><p>ElektroTek ApS varetager el-installationer, fejlsøgning og lovpligtige eftersyn for ejendommen. Vi udfører også småopgaver som udskiftning af kontakter og lampeudtag.</p><h3>Pris</h3><p>395 kr. per time</p>',
         price: '395 kr. per time',
         availabilityStatus: 'available-today',
@@ -38426,9 +38541,9 @@ const MOCK_VENDORS = [
         name: 'HaveService Danmark',
         category: 'Have & Grønne arealer',
         description: 'Pleje af fællesarealer og haver',
-        logo: '/Assets/dummy-logos/gardener-logo.svg',
-        thumbnail: '/Assets/Dummy-photos/gardener.jpg',
-        heroImage: '/Assets/Dummy-photos/gardener.jpg',
+        logo: '/assets/dummy-logos/gardener-logo.svg',
+        thumbnail: '/assets/Dummy-photos/gardener.jpg',
+        heroImage: '/assets/Dummy-photos/gardener.jpg',
         fullDescription: '<h3>Have & Grønne arealer</h3><p>HaveService Danmark står for den løbende pleje af fællesarealer og haver — herunder græsslåning, hækklipning, ukrudtsbekæmpelse og sæsonbeplantning.</p><h3>Pris</h3><p>500 kr. per besøg</p>',
         price: '500 kr. per besøg',
         availabilityStatus: 'unavailable',