@propbinder/mobile-design 0.4.4 → 0.4.43

package/fesm2022/propbinder-mobile-design.mjs

@@ -83,6 +83,7 @@ class WhitelabelService {
     // Readonly computed signals for accessing config values
     logoUrl = computed(() => this._config().logoUrl, ...(ngDevMode ? [{ debugName: "logoUrl" }] : []));
     logoMarkUrl = computed(() => this._config().logoMarkUrl, ...(ngDevMode ? [{ debugName: "logoMarkUrl" }] : []));
+    headerLogoUrl = computed(() => this._config().headerLogoUrl ?? '', ...(ngDevMode ? [{ debugName: "headerLogoUrl" }] : []));
     logoAlt = computed(() => this._config().logoAlt, ...(ngDevMode ? [{ debugName: "logoAlt" }] : []));
     logoSize = computed(() => this._config().logoSize, ...(ngDevMode ? [{ debugName: "logoSize" }] : []));
     logoHeight = computed(() => {
@@ -601,6 +602,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImpo
  * ```html
  * <ds-logo variant="mark" size="sm" />
  * ```
+ *
+ * Header logo (uses optional headerLogoUrl override, else falls back to the full logo):
+ * ```html
+ * <ds-logo variant="header" size="lg" />
+ * ```
  */
 class DsLogoComponent {
     whitelabelService = inject(WhitelabelService);
@@ -611,6 +617,11 @@ class DsLogoComponent {
     get logoSrc() {
         const logoUrl = this.whitelabelService.logoUrl();
         const logoMarkUrl = this.whitelabelService.logoMarkUrl();
+        if (this.variant === 'header') {
+            // Header override: prefer headerLogoUrl, fall back to the full logo, then logomark
+            const headerLogoUrl = this.whitelabelService.headerLogoUrl();
+            return headerLogoUrl || logoUrl || logoMarkUrl;
+        }
         if (this.variant === 'full') {
             // Use logo, fall back to logomark if logo doesn't exist
             return logoUrl || logoMarkUrl;
@@ -622,7 +633,8 @@ class DsLogoComponent {
     }
     get logoAlt() {
         const alt = this.whitelabelService.logoAlt();
-        return this.variant === 'full' ? alt : `${alt} logo`;
+        // 'mark' is the compact logomark; 'full' and 'header' show the wordmark
+        return this.variant === 'mark' ? `${alt} logo` : alt;
     }
     /**
      * Priority: customHeight input > whitelabel config logoHeight > default 32px
@@ -632,7 +644,7 @@ class DsLogoComponent {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: DsLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.23", type: DsLogoComponent, isStandalone: true, selector: "ds-logo", inputs: { variant: "variant", size: "size", customHeight: "customHeight", customWidth: "customWidth" }, ngImport: i0, template: `
-    <img 
+    <img
       [src]="logoSrc"
       [alt]="logoAlt"
       class="logo"
@@ -645,7 +657,7 @@ class DsLogoComponent {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: DsLogoComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ds-logo', standalone: true, imports: [CommonModule], template: `
-    <img 
+    <img
       [src]="logoSrc"
       [alt]="logoAlt"
       class="logo"
@@ -1923,23 +1935,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImpo
  */
 class DsMobileActionsBottomSheetComponent {
     modalController;
-    /**
-     * Custom action groups to display (overrides isOwnContent)
-     */
+    /** Custom action groups to display (overrides isOwnContent). Set via Ionic componentProps. */
     customActionGroups;
-    /**
-     * Whether this content belongs to the current user (for preset content actions)
-     */
+    /** Whether this content belongs to the current user (for preset content actions). */
     isOwnContent = false;
-    /**
-     * Computed action groups - uses custom groups if provided, otherwise falls back to preset content actions
-     */
-    actionGroups = computed(() => {
-        // Use custom action groups if provided
-        if (this.customActionGroups) {
+    get actionGroups() {
+        if (this.customActionGroups?.length) {
             return this.customActionGroups;
         }
-        // Otherwise fall back to preset content actions
         if (this.isOwnContent) {
             // Own content: Group 1 (Edit, Delete) + Group 2 (Like, Reply)
             return [
@@ -1998,7 +2001,7 @@ class DsMobileActionsBottomSheetComponent {
                 },
             ];
         }
-    }, ...(ngDevMode ? [{ debugName: "actionGroups" }] : []));
+    }
     constructor(modalController) {
         this.modalController = modalController;
     }
@@ -2013,7 +2016,7 @@ class DsMobileActionsBottomSheetComponent {
     <ds-mobile-bottom-sheet-wrapper>
       <!-- Actions List -->
       <div class="actions-list">
-        @for (group of actionGroups(); track $index; let isLast = $last) {
+        @for (group of actionGroups; track $index; let isLast = $last) {
         <!-- Action Group -->
         <div class="action-group">
           @for (actionItem of group.actions; track actionItem.action; let isLastInGroup = $last) {
@@ -2042,7 +2045,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImpo
     <ds-mobile-bottom-sheet-wrapper>
       <!-- Actions List -->
       <div class="actions-list">
-        @for (group of actionGroups(); track $index; let isLast = $last) {
+        @for (group of actionGroups; track $index; let isLast = $last) {
         <!-- Action Group -->
         <div class="action-group">
           @for (actionItem of group.actions; track actionItem.action; let isLastInGroup = $last) {
@@ -2110,6 +2113,11 @@ function disableModalShadowPointerEvents(modal) {
     }, { once: true });
 }
 
+var modalShadowFix = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    disableModalShadowPointerEvents: disableModalShadowPointerEvents
+});
+
 /**
  * DsMobileBottomSheetService
  *
@@ -4602,6 +4610,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImpo
 class UserService {
     // User identity
     _displayName = signal('', ...(ngDevMode ? [{ debugName: "_displayName" }] : []));
+    _email = signal('lars.m@email.dk', ...(ngDevMode ? [{ debugName: "_email" }] : []));
+    _phone = signal('+45 28 91 44 02', ...(ngDevMode ? [{ debugName: "_phone" }] : []));
     _address = signal('', ...(ngDevMode ? [{ debugName: "_address" }] : []));
     // User avatar configuration
     _avatarInitials = signal('LM', ...(ngDevMode ? [{ debugName: "_avatarInitials" }] : []));
@@ -4611,6 +4621,8 @@ class UserService {
     _profileMenuItems = signal(undefined, ...(ngDevMode ? [{ debugName: "_profileMenuItems" }] : []));
     // Readonly computed values
     displayName = this._displayName.asReadonly();
+    email = this._email.asReadonly();
+    phone = this._phone.asReadonly();
     address = this._address.asReadonly();
     avatarInitials = this._avatarInitials.asReadonly();
     avatarType = this._avatarType.asReadonly();
@@ -4622,6 +4634,12 @@ class UserService {
     setDisplayName(name) {
         this._displayName.set(name);
     }
+    setEmail(email) {
+        this._email.set(email);
+    }
+    setPhone(phone) {
+        this._phone.set(phone);
+    }
     setAddress(address) {
         this._address.set(address);
     }
@@ -6251,8 +6269,8 @@ class DsMobilePageMainComponent extends MobilePageBase {
     <ion-header>
       <ion-toolbar>
         <div class="header-main">
-          <!-- Whitelabel logo (full in header, logomark used for app icon/avatars) -->
-          <ds-logo variant="full" size="lg" [class.logo--first-entry]="firstEntry()" />
+          <!-- Whitelabel logo (header variant: headerLogoUrl override, else full logo) -->
+          <ds-logo variant="header" size="lg" [class.logo--first-entry]="firstEntry()" />
 
           <!-- Title - fades in on scroll -->
           <ion-title class="header-main__title">{{ title() }}</ion-title>
@@ -6340,8 +6358,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImpo
     <ion-header>
       <ion-toolbar>
         <div class="header-main">
-          <!-- Whitelabel logo (full in header, logomark used for app icon/avatars) -->
-          <ds-logo variant="full" size="lg" [class.logo--first-entry]="firstEntry()" />
+          <!-- Whitelabel logo (header variant: headerLogoUrl override, else full logo) -->
+          <ds-logo variant="header" size="lg" [class.logo--first-entry]="firstEntry()" />
 
           <!-- Title - fades in on scroll -->
           <ion-title class="header-main__title">{{ title() }}</ion-title>
@@ -11628,6 +11646,11 @@ class MobileModalBase {
      * @default 'follow'
      */
     keyboardContentBehavior = input('follow', ...(ngDevMode ? [{ debugName: "keyboardContentBehavior" }] : []));
+    /**
+     * Show border below the header
+     * @default true
+     */
+    showHeaderBorder = input(true, ...(ngDevMode ? [{ debugName: "showHeaderBorder" }] : []));
     /**
      * Optional interceptor called instead of the default dismiss when the close button is tapped.
      * Return a function to take over close behavior (e.g. navigate back within the modal).
@@ -11930,14 +11953,14 @@ class MobileModalBase {
         return fixedBottomHeight + keyboardHeight;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: MobileModalBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.23", type: MobileModalBase, isStandalone: true, inputs: { loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, headerTitle: { classPropertyName: "headerTitle", publicName: "headerTitle", isSignal: true, isRequired: false, transformFunction: null }, headerMeta: { classPropertyName: "headerMeta", publicName: "headerMeta", isSignal: true, isRequired: false, transformFunction: null }, closeButtonLabel: { classPropertyName: "closeButtonLabel", publicName: "closeButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, enableKeyboardHandling: { classPropertyName: "enableKeyboardHandling", publicName: "enableKeyboardHandling", isSignal: true, isRequired: false, transformFunction: null }, hasFixedBottom: { classPropertyName: "hasFixedBottom", publicName: "hasFixedBottom", isSignal: true, isRequired: false, transformFunction: null }, contentPadding: { classPropertyName: "contentPadding", publicName: "contentPadding", isSignal: true, isRequired: false, transformFunction: null }, isAutoHeight: { classPropertyName: "isAutoHeight", publicName: "isAutoHeight", isSignal: true, isRequired: false, transformFunction: null }, keyboardContentBehavior: { classPropertyName: "keyboardContentBehavior", publicName: "keyboardContentBehavior", isSignal: true, isRequired: false, transformFunction: null }, onCloseRequest: { classPropertyName: "onCloseRequest", publicName: "onCloseRequest", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed", keyboardWillShow: "keyboardWillShow", keyboardWillHide: "keyboardWillHide" }, viewQueries: [{ propertyName: "ionContent", first: true, predicate: IonContent, descendants: true, read: IonContent }], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.23", type: MobileModalBase, isStandalone: true, inputs: { loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, headerTitle: { classPropertyName: "headerTitle", publicName: "headerTitle", isSignal: true, isRequired: false, transformFunction: null }, headerMeta: { classPropertyName: "headerMeta", publicName: "headerMeta", isSignal: true, isRequired: false, transformFunction: null }, closeButtonLabel: { classPropertyName: "closeButtonLabel", publicName: "closeButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, enableKeyboardHandling: { classPropertyName: "enableKeyboardHandling", publicName: "enableKeyboardHandling", isSignal: true, isRequired: false, transformFunction: null }, hasFixedBottom: { classPropertyName: "hasFixedBottom", publicName: "hasFixedBottom", isSignal: true, isRequired: false, transformFunction: null }, contentPadding: { classPropertyName: "contentPadding", publicName: "contentPadding", isSignal: true, isRequired: false, transformFunction: null }, isAutoHeight: { classPropertyName: "isAutoHeight", publicName: "isAutoHeight", isSignal: true, isRequired: false, transformFunction: null }, keyboardContentBehavior: { classPropertyName: "keyboardContentBehavior", publicName: "keyboardContentBehavior", isSignal: true, isRequired: false, transformFunction: null }, showHeaderBorder: { classPropertyName: "showHeaderBorder", publicName: "showHeaderBorder", isSignal: true, isRequired: false, transformFunction: null }, onCloseRequest: { classPropertyName: "onCloseRequest", publicName: "onCloseRequest", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed", keyboardWillShow: "keyboardWillShow", keyboardWillHide: "keyboardWillHide" }, viewQueries: [{ propertyName: "ionContent", first: true, predicate: IonContent, descendants: true, read: IonContent }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: MobileModalBase, decorators: [{
             type: Directive
         }], propDecorators: { ionContent: [{
                 type: ViewChild,
                 args: [IonContent, { read: IonContent }]
-            }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], headerTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerTitle", required: false }] }], headerMeta: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerMeta", required: false }] }], closeButtonLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeButtonLabel", required: false }] }], enableKeyboardHandling: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableKeyboardHandling", required: false }] }], hasFixedBottom: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasFixedBottom", required: false }] }], contentPadding: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentPadding", required: false }] }], isAutoHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "isAutoHeight", required: false }] }], keyboardContentBehavior: [{ type: i0.Input, args: [{ isSignal: true, alias: "keyboardContentBehavior", required: false }] }], onCloseRequest: [{ type: i0.Input, args: [{ isSignal: true, alias: "onCloseRequest", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }], keyboardWillShow: [{ type: i0.Output, args: ["keyboardWillShow"] }], keyboardWillHide: [{ type: i0.Output, args: ["keyboardWillHide"] }] } });
+            }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], headerTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerTitle", required: false }] }], headerMeta: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerMeta", required: false }] }], closeButtonLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeButtonLabel", required: false }] }], enableKeyboardHandling: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableKeyboardHandling", required: false }] }], hasFixedBottom: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasFixedBottom", required: false }] }], contentPadding: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentPadding", required: false }] }], isAutoHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "isAutoHeight", required: false }] }], keyboardContentBehavior: [{ type: i0.Input, args: [{ isSignal: true, alias: "keyboardContentBehavior", required: false }] }], showHeaderBorder: [{ type: i0.Input, args: [{ isSignal: true, alias: "showHeaderBorder", required: false }] }], onCloseRequest: [{ type: i0.Input, args: [{ isSignal: true, alias: "onCloseRequest", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }], keyboardWillShow: [{ type: i0.Output, args: ["keyboardWillShow"] }], keyboardWillHide: [{ type: i0.Output, args: ["keyboardWillHide"] }] } });
 
 /**
  * DsMobileModalBaseComponent
@@ -12113,7 +12136,7 @@ class DsMobileModalBaseComponent extends MobileModalBase {
       <div class="modal-wrapper" [class.headerless]="!shouldShowHeader()" [class.is-auto-height]="isAutoHeight()">
         <!-- Header (conditional) -->
         @if (shouldShowHeader()) {
-          <div class="modal-header" [class.no-leading-content]="!hasHeaderLeadingContent()">
+          <div class="modal-header" [class.no-leading-content]="!hasHeaderLeadingContent()" [class.no-border]="!showHeaderBorder()">
             <div class="header-content">
               <!-- Leading slot (avatar, icon) - always rendered, CSS handles empty state -->
               <div class="header-leading">
@@ -12200,7 +12223,7 @@ class DsMobileModalBaseComponent extends MobileModalBase {
       <ng-content select="[fixed-bottom]"></ng-content>
       <ng-content select="[footer]"></ng-content>
     </div>
-  `, isInline: true, styles: [":host{display:block;position:relative;height:100%;width:100%}:host(.is-auto-height){height:auto}.modal-base-content{--background: var(--color-background-neutral-primary, #ffffff)}.modal-base-content.is-auto-height{--height: auto;height:auto!important;flex:0 0 auto;display:block;contain:none!important}.modal-base-content.is-auto-height::part(scroll){position:relative!important;display:block!important;height:auto!important;overflow:visible!important}.modal-wrapper{display:flex;flex-direction:column;width:100%;background:var(--color-background-neutral-primary, #ffffff)}.modal-wrapper.is-auto-height{flex:0 0 auto}.modal-header{position:sticky;top:0;z-index:10;background:var(--color-background-neutral-primary, #ffffff);border-bottom:1px solid var(--border-color-default);padding:16px}.modal-header.no-leading-content{padding-left:20px}.header-content{display:flex;align-items:center;justify-content:space-between;gap:12px}.header-leading{flex-shrink:0;display:flex;align-items:center}.header-leading:empty{display:none}.header-trailing{flex-shrink:0;display:flex;align-items:center;gap:4px}.header-trailing:empty{display:none}.modal-header.no-leading-content .header-content,.header-content:has(.header-leading:empty){gap:16px}.header-main{display:flex;flex-direction:column;min-width:0;flex:1;gap:2px}.modal-title{font-family:Brockmann,sans-serif;font-size:var(--font-size-base);font-weight:600;line-height:20px;letter-spacing:-.3px;color:var(--color-text-primary, #1a1a1a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}button.modal-title--interactive{display:block;width:100%;font:inherit;font-weight:600;letter-spacing:inherit;line-height:20px;text-align:left;background:none;border:none;padding:0;margin:0;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button.modal-title--interactive:focus-visible{outline:2px solid var(--color-accent, #6b5ff5);outline-offset:2px;border-radius:4px}.modal-meta{font-family:Brockmann,sans-serif;font-size:var(--font-size-xs);font-weight:400;line-height:1.2;letter-spacing:-.26px;color:var(--color-text-tertiary, #737373);display:flex;align-items:center;gap:6px}.header-below:empty{display:none}.header-below{margin-top:12px}.close-button{flex-shrink:0;border-radius:50%}.close-button::ng-deep button{border-radius:50%!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.close-button-absolute{position:absolute;top:16px;right:16px;z-index:100;flex-shrink:0;border-radius:50%}.close-button-absolute::ng-deep button{border-radius:50%!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.modal-content-container{display:flex;flex-direction:column;width:100%;max-width:640px;margin:0 auto;flex:1;position:relative}:host-context(ion-modal.auto-height) .modal-content-container,.modal-wrapper.is-auto-height .modal-content-container{flex:0 0 auto}.modal-wrapper.headerless .modal-content-container{padding-top:0}.modal-main-content{display:flex;flex-direction:column;width:100%;padding-top:0;padding-left:var(--modal-content-padding, 20px);padding-right:var(--modal-content-padding, 20px);padding-bottom:var(--modal-content-padding, 20px)}.modal-main-content.content-hidden,.state-hidden{display:none}.custom-loading-slot,.custom-error-slot{width:100%}.modal-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{width:48px;height:48px;border:3px solid var(--color-background-neutral-secondary, #f0f0f0);border-top-color:var(--color-primary-base, #2563eb);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-family:Brockmann,sans-serif;font-size:var(--font-size-sm);font-weight:400;line-height:1.4;color:var(--color-text-secondary, #737373);margin-top:16px}.modal-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;gap:16px}.error-state-title{font-family:Brockmann,sans-serif;font-size:var(--font-size-base);font-weight:600;line-height:1.3;color:var(--color-text-primary, #1a1a1a);margin:0}.error-state-description{font-family:Brockmann,sans-serif;font-size:var(--font-size-sm);font-weight:400;line-height:1.4;color:var(--color-text-secondary, #737373);margin:0}.modal-fixed-bottom{position:fixed;bottom:0;left:0;right:0;z-index:1000;pointer-events:none;background:var(--color-background-neutral-primary, #ffffff);box-shadow:0 300px 0 300px var(--color-background-neutral-primary, #ffffff);transform:translateY(calc(-1 * var(--keyboard-height, 0px)));transition:transform .3s cubic-bezier(.215,.61,.355,1);max-width:100vw;padding-bottom:max(8px,calc(var(--app-safe-bottom, 0px) - 24px))}:host-context(.plt-android) .modal-fixed-bottom{padding-bottom:max(8px,var(--app-safe-bottom, 0px));transform:none;transition:none}.modal-fixed-bottom.is-auto-height{position:relative;bottom:auto;left:auto;right:auto;transform:none!important;box-shadow:none;z-index:1;background:var(--color-background-neutral-primary, #ffffff);padding-bottom:var(--keyboard-height, 0px);transition:padding-bottom .3s cubic-bezier(.215,.61,.355,1)}.modal-fixed-bottom>*{pointer-events:auto}.modal-fixed-bottom.bottom-hidden{display:none}@media (prefers-reduced-motion: reduce){.modal-fixed-bottom{transition:none}.loading-spinner{animation:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: DsIconButtonComponent, selector: "ds-icon-button", inputs: ["variant", "size", "icon", "disabled", "loading", "pressed", "expanded", "ariaLabel", "tooltip", "tooltipDisabled", "tooltipPlacement"], outputs: ["clicked", "focused", "blurred"] }, { kind: "component", type: DsIconComponent, selector: "ds-icon", inputs: ["name", "size", "color", "interactive"] }] });
+  `, isInline: true, styles: [":host{display:block;position:relative;height:100%;width:100%}:host(.is-auto-height){height:auto}.modal-base-content{--background: var(--color-background-neutral-primary, #ffffff)}.modal-base-content.is-auto-height{--height: auto;height:auto!important;flex:0 0 auto;display:block;contain:none!important}.modal-base-content.is-auto-height::part(scroll){position:relative!important;display:block!important;height:auto!important;overflow:visible!important}.modal-wrapper{display:flex;flex-direction:column;width:100%;background:var(--color-background-neutral-primary, #ffffff)}.modal-wrapper.is-auto-height{flex:0 0 auto}.modal-header{position:sticky;top:0;z-index:10;background:var(--color-background-neutral-primary, #ffffff);border-bottom:1px solid var(--border-color-default);padding:16px}.modal-header.no-border{border-bottom:none}.modal-header.no-leading-content{padding-left:20px}.header-content{display:flex;align-items:center;justify-content:space-between;gap:12px}.header-leading{flex-shrink:0;display:flex;align-items:center}.header-leading:empty{display:none}.header-trailing{flex-shrink:0;display:flex;align-items:center;gap:4px}.header-trailing:empty{display:none}.modal-header.no-leading-content .header-content,.header-content:has(.header-leading:empty){gap:16px}.header-main{display:flex;flex-direction:column;min-width:0;flex:1;gap:2px}.modal-title{font-family:Brockmann,sans-serif;font-size:var(--font-size-base);font-weight:600;line-height:20px;letter-spacing:-.3px;color:var(--color-text-primary, #1a1a1a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}button.modal-title--interactive{display:block;width:100%;font:inherit;font-weight:600;letter-spacing:inherit;line-height:20px;text-align:left;background:none;border:none;padding:0;margin:0;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button.modal-title--interactive:focus-visible{outline:2px solid var(--color-accent, #6b5ff5);outline-offset:2px;border-radius:4px}.modal-meta{font-family:Brockmann,sans-serif;font-size:var(--font-size-xs);font-weight:400;line-height:1.2;letter-spacing:-.26px;color:var(--color-text-tertiary, #737373);display:flex;align-items:center;gap:6px}.header-below:empty{display:none}.header-below{margin-top:12px}.close-button{flex-shrink:0;border-radius:50%}.close-button::ng-deep button{border-radius:50%!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.close-button-absolute{position:absolute;top:16px;right:16px;z-index:100;flex-shrink:0;border-radius:50%}.close-button-absolute::ng-deep button{border-radius:50%!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.modal-content-container{display:flex;flex-direction:column;width:100%;max-width:640px;margin:0 auto;flex:1;position:relative}:host-context(ion-modal.auto-height) .modal-content-container,.modal-wrapper.is-auto-height .modal-content-container{flex:0 0 auto}.modal-wrapper.headerless .modal-content-container{padding-top:0}.modal-main-content{display:flex;flex-direction:column;width:100%;padding-top:0;padding-left:var(--modal-content-padding, 20px);padding-right:var(--modal-content-padding, 20px);padding-bottom:var(--modal-content-padding, 20px)}.modal-main-content.content-hidden,.state-hidden{display:none}.custom-loading-slot,.custom-error-slot{width:100%}.modal-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{width:48px;height:48px;border:3px solid var(--color-background-neutral-secondary, #f0f0f0);border-top-color:var(--color-primary-base, #2563eb);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-family:Brockmann,sans-serif;font-size:var(--font-size-sm);font-weight:400;line-height:1.4;color:var(--color-text-secondary, #737373);margin-top:16px}.modal-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;gap:16px}.error-state-title{font-family:Brockmann,sans-serif;font-size:var(--font-size-base);font-weight:600;line-height:1.3;color:var(--color-text-primary, #1a1a1a);margin:0}.error-state-description{font-family:Brockmann,sans-serif;font-size:var(--font-size-sm);font-weight:400;line-height:1.4;color:var(--color-text-secondary, #737373);margin:0}.modal-fixed-bottom{position:fixed;bottom:0;left:0;right:0;z-index:1000;pointer-events:none;background:var(--color-background-neutral-primary, #ffffff);box-shadow:0 300px 0 300px var(--color-background-neutral-primary, #ffffff);transform:translateY(calc(-1 * var(--keyboard-height, 0px)));transition:transform .3s cubic-bezier(.215,.61,.355,1);max-width:100vw;padding-bottom:max(8px,calc(var(--app-safe-bottom, 0px) - 24px))}:host-context(.plt-android) .modal-fixed-bottom{padding-bottom:max(8px,var(--app-safe-bottom, 0px));transform:none;transition:none}.modal-fixed-bottom.is-auto-height{position:relative;bottom:auto;left:auto;right:auto;transform:none!important;box-shadow:none;z-index:1;background:var(--color-background-neutral-primary, #ffffff);padding-bottom:var(--keyboard-height, 0px);transition:padding-bottom .3s cubic-bezier(.215,.61,.355,1)}.modal-fixed-bottom>*{pointer-events:auto}.modal-fixed-bottom.bottom-hidden{display:none}@media (prefers-reduced-motion: reduce){.modal-fixed-bottom{transition:none}.loading-spinner{animation:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: DsIconButtonComponent, selector: "ds-icon-button", inputs: ["variant", "size", "icon", "disabled", "loading", "pressed", "expanded", "ariaLabel", "tooltip", "tooltipDisabled", "tooltipPlacement"], outputs: ["clicked", "focused", "blurred"] }, { kind: "component", type: DsIconComponent, selector: "ds-icon", inputs: ["name", "size", "color", "interactive"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: DsMobileModalBaseComponent, decorators: [{
             type: Component,
@@ -12218,7 +12241,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImpo
       <div class="modal-wrapper" [class.headerless]="!shouldShowHeader()" [class.is-auto-height]="isAutoHeight()">
         <!-- Header (conditional) -->
         @if (shouldShowHeader()) {
-          <div class="modal-header" [class.no-leading-content]="!hasHeaderLeadingContent()">
+          <div class="modal-header" [class.no-leading-content]="!hasHeaderLeadingContent()" [class.no-border]="!showHeaderBorder()">
             <div class="header-content">
               <!-- Leading slot (avatar, icon) - always rendered, CSS handles empty state -->
               <div class="header-leading">
@@ -12305,7 +12328,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImpo
       <ng-content select="[fixed-bottom]"></ng-content>
       <ng-content select="[footer]"></ng-content>
     </div>
-  `, styles: [":host{display:block;position:relative;height:100%;width:100%}:host(.is-auto-height){height:auto}.modal-base-content{--background: var(--color-background-neutral-primary, #ffffff)}.modal-base-content.is-auto-height{--height: auto;height:auto!important;flex:0 0 auto;display:block;contain:none!important}.modal-base-content.is-auto-height::part(scroll){position:relative!important;display:block!important;height:auto!important;overflow:visible!important}.modal-wrapper{display:flex;flex-direction:column;width:100%;background:var(--color-background-neutral-primary, #ffffff)}.modal-wrapper.is-auto-height{flex:0 0 auto}.modal-header{position:sticky;top:0;z-index:10;background:var(--color-background-neutral-primary, #ffffff);border-bottom:1px solid var(--border-color-default);padding:16px}.modal-header.no-leading-content{padding-left:20px}.header-content{display:flex;align-items:center;justify-content:space-between;gap:12px}.header-leading{flex-shrink:0;display:flex;align-items:center}.header-leading:empty{display:none}.header-trailing{flex-shrink:0;display:flex;align-items:center;gap:4px}.header-trailing:empty{display:none}.modal-header.no-leading-content .header-content,.header-content:has(.header-leading:empty){gap:16px}.header-main{display:flex;flex-direction:column;min-width:0;flex:1;gap:2px}.modal-title{font-family:Brockmann,sans-serif;font-size:var(--font-size-base);font-weight:600;line-height:20px;letter-spacing:-.3px;color:var(--color-text-primary, #1a1a1a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}button.modal-title--interactive{display:block;width:100%;font:inherit;font-weight:600;letter-spacing:inherit;line-height:20px;text-align:left;background:none;border:none;padding:0;margin:0;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button.modal-title--interactive:focus-visible{outline:2px solid var(--color-accent, #6b5ff5);outline-offset:2px;border-radius:4px}.modal-meta{font-family:Brockmann,sans-serif;font-size:var(--font-size-xs);font-weight:400;line-height:1.2;letter-spacing:-.26px;color:var(--color-text-tertiary, #737373);display:flex;align-items:center;gap:6px}.header-below:empty{display:none}.header-below{margin-top:12px}.close-button{flex-shrink:0;border-radius:50%}.close-button::ng-deep button{border-radius:50%!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.close-button-absolute{position:absolute;top:16px;right:16px;z-index:100;flex-shrink:0;border-radius:50%}.close-button-absolute::ng-deep button{border-radius:50%!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.modal-content-container{display:flex;flex-direction:column;width:100%;max-width:640px;margin:0 auto;flex:1;position:relative}:host-context(ion-modal.auto-height) .modal-content-container,.modal-wrapper.is-auto-height .modal-content-container{flex:0 0 auto}.modal-wrapper.headerless .modal-content-container{padding-top:0}.modal-main-content{display:flex;flex-direction:column;width:100%;padding-top:0;padding-left:var(--modal-content-padding, 20px);padding-right:var(--modal-content-padding, 20px);padding-bottom:var(--modal-content-padding, 20px)}.modal-main-content.content-hidden,.state-hidden{display:none}.custom-loading-slot,.custom-error-slot{width:100%}.modal-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{width:48px;height:48px;border:3px solid var(--color-background-neutral-secondary, #f0f0f0);border-top-color:var(--color-primary-base, #2563eb);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-family:Brockmann,sans-serif;font-size:var(--font-size-sm);font-weight:400;line-height:1.4;color:var(--color-text-secondary, #737373);margin-top:16px}.modal-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;gap:16px}.error-state-title{font-family:Brockmann,sans-serif;font-size:var(--font-size-base);font-weight:600;line-height:1.3;color:var(--color-text-primary, #1a1a1a);margin:0}.error-state-description{font-family:Brockmann,sans-serif;font-size:var(--font-size-sm);font-weight:400;line-height:1.4;color:var(--color-text-secondary, #737373);margin:0}.modal-fixed-bottom{position:fixed;bottom:0;left:0;right:0;z-index:1000;pointer-events:none;background:var(--color-background-neutral-primary, #ffffff);box-shadow:0 300px 0 300px var(--color-background-neutral-primary, #ffffff);transform:translateY(calc(-1 * var(--keyboard-height, 0px)));transition:transform .3s cubic-bezier(.215,.61,.355,1);max-width:100vw;padding-bottom:max(8px,calc(var(--app-safe-bottom, 0px) - 24px))}:host-context(.plt-android) .modal-fixed-bottom{padding-bottom:max(8px,var(--app-safe-bottom, 0px));transform:none;transition:none}.modal-fixed-bottom.is-auto-height{position:relative;bottom:auto;left:auto;right:auto;transform:none!important;box-shadow:none;z-index:1;background:var(--color-background-neutral-primary, #ffffff);padding-bottom:var(--keyboard-height, 0px);transition:padding-bottom .3s cubic-bezier(.215,.61,.355,1)}.modal-fixed-bottom>*{pointer-events:auto}.modal-fixed-bottom.bottom-hidden{display:none}@media (prefers-reduced-motion: reduce){.modal-fixed-bottom{transition:none}.loading-spinner{animation:none}}\n"] }]
+  `, styles: [":host{display:block;position:relative;height:100%;width:100%}:host(.is-auto-height){height:auto}.modal-base-content{--background: var(--color-background-neutral-primary, #ffffff)}.modal-base-content.is-auto-height{--height: auto;height:auto!important;flex:0 0 auto;display:block;contain:none!important}.modal-base-content.is-auto-height::part(scroll){position:relative!important;display:block!important;height:auto!important;overflow:visible!important}.modal-wrapper{display:flex;flex-direction:column;width:100%;background:var(--color-background-neutral-primary, #ffffff)}.modal-wrapper.is-auto-height{flex:0 0 auto}.modal-header{position:sticky;top:0;z-index:10;background:var(--color-background-neutral-primary, #ffffff);border-bottom:1px solid var(--border-color-default);padding:16px}.modal-header.no-border{border-bottom:none}.modal-header.no-leading-content{padding-left:20px}.header-content{display:flex;align-items:center;justify-content:space-between;gap:12px}.header-leading{flex-shrink:0;display:flex;align-items:center}.header-leading:empty{display:none}.header-trailing{flex-shrink:0;display:flex;align-items:center;gap:4px}.header-trailing:empty{display:none}.modal-header.no-leading-content .header-content,.header-content:has(.header-leading:empty){gap:16px}.header-main{display:flex;flex-direction:column;min-width:0;flex:1;gap:2px}.modal-title{font-family:Brockmann,sans-serif;font-size:var(--font-size-base);font-weight:600;line-height:20px;letter-spacing:-.3px;color:var(--color-text-primary, #1a1a1a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}button.modal-title--interactive{display:block;width:100%;font:inherit;font-weight:600;letter-spacing:inherit;line-height:20px;text-align:left;background:none;border:none;padding:0;margin:0;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button.modal-title--interactive:focus-visible{outline:2px solid var(--color-accent, #6b5ff5);outline-offset:2px;border-radius:4px}.modal-meta{font-family:Brockmann,sans-serif;font-size:var(--font-size-xs);font-weight:400;line-height:1.2;letter-spacing:-.26px;color:var(--color-text-tertiary, #737373);display:flex;align-items:center;gap:6px}.header-below:empty{display:none}.header-below{margin-top:12px}.close-button{flex-shrink:0;border-radius:50%}.close-button::ng-deep button{border-radius:50%!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.close-button-absolute{position:absolute;top:16px;right:16px;z-index:100;flex-shrink:0;border-radius:50%}.close-button-absolute::ng-deep button{border-radius:50%!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.modal-content-container{display:flex;flex-direction:column;width:100%;max-width:640px;margin:0 auto;flex:1;position:relative}:host-context(ion-modal.auto-height) .modal-content-container,.modal-wrapper.is-auto-height .modal-content-container{flex:0 0 auto}.modal-wrapper.headerless .modal-content-container{padding-top:0}.modal-main-content{display:flex;flex-direction:column;width:100%;padding-top:0;padding-left:var(--modal-content-padding, 20px);padding-right:var(--modal-content-padding, 20px);padding-bottom:var(--modal-content-padding, 20px)}.modal-main-content.content-hidden,.state-hidden{display:none}.custom-loading-slot,.custom-error-slot{width:100%}.modal-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{width:48px;height:48px;border:3px solid var(--color-background-neutral-secondary, #f0f0f0);border-top-color:var(--color-primary-base, #2563eb);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-family:Brockmann,sans-serif;font-size:var(--font-size-sm);font-weight:400;line-height:1.4;color:var(--color-text-secondary, #737373);margin-top:16px}.modal-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;gap:16px}.error-state-title{font-family:Brockmann,sans-serif;font-size:var(--font-size-base);font-weight:600;line-height:1.3;color:var(--color-text-primary, #1a1a1a);margin:0}.error-state-description{font-family:Brockmann,sans-serif;font-size:var(--font-size-sm);font-weight:400;line-height:1.4;color:var(--color-text-secondary, #737373);margin:0}.modal-fixed-bottom{position:fixed;bottom:0;left:0;right:0;z-index:1000;pointer-events:none;background:var(--color-background-neutral-primary, #ffffff);box-shadow:0 300px 0 300px var(--color-background-neutral-primary, #ffffff);transform:translateY(calc(-1 * var(--keyboard-height, 0px)));transition:transform .3s cubic-bezier(.215,.61,.355,1);max-width:100vw;padding-bottom:max(8px,calc(var(--app-safe-bottom, 0px) - 24px))}:host-context(.plt-android) .modal-fixed-bottom{padding-bottom:max(8px,var(--app-safe-bottom, 0px));transform:none;transition:none}.modal-fixed-bottom.is-auto-height{position:relative;bottom:auto;left:auto;right:auto;transform:none!important;box-shadow:none;z-index:1;background:var(--color-background-neutral-primary, #ffffff);padding-bottom:var(--keyboard-height, 0px);transition:padding-bottom .3s cubic-bezier(.215,.61,.355,1)}.modal-fixed-bottom>*{pointer-events:auto}.modal-fixed-bottom.bottom-hidden{display:none}@media (prefers-reduced-motion: reduce){.modal-fixed-bottom{transition:none}.loading-spinner{animation:none}}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { headerTitleInteractive: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerTitleInteractive", required: false }] }], textLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "textLoading", required: false }] }], textErrorTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "textErrorTitle", required: false }] }], titleClick: [{ type: i0.Output, args: ["titleClick"] }], ionContent: [{
                 type: ViewChild,
                 args: [IonContent, { read: IonContent }]
@@ -13541,7 +13564,6 @@ const DEFAULT_PANEL_LABELS = {
     groupNamePlaceholder: 'Gruppenavn',
     takePhoto: 'Tag et billede',
     chooseFromLibrary: 'Vælg fra bibliotek',
-    deletePhoto: 'Slet billede',
 };
 class DsMobileChatGroupPanelsComponent {
     modalCtrl = inject(ModalController);
@@ -13944,7 +13966,7 @@ class DsMobileChatGroupPanelsComponent {
             </ds-mobile-action-list-item>
             @if (editAvatarUrl()) {
               <ds-mobile-action-list-item
-                [title]="lbl().deletePhoto"
+                [title]="'Slet billede'"
                 [showDivider]="false"
                 (itemClick)="deleteImage()">
                 <ds-icon action-icon name="remixDeleteBinLine" size="24px" />
@@ -14167,7 +14189,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImpo
             </ds-mobile-action-list-item>
             @if (editAvatarUrl()) {
               <ds-mobile-action-list-item
-                [title]="lbl().deletePhoto"
+                [title]="'Slet billede'"
                 [showDivider]="false"
                 (itemClick)="deleteImage()">
                 <ds-icon action-icon name="remixDeleteBinLine" size="24px" />
@@ -17152,6 +17174,7 @@ class DsMobileChatModalComponent {
       [loading]="loading"
       [error]="localError() || error"
       [showHeader]="true"
+      [showHeaderBorder]="groupPanelView() === 'chat' || groupPanelView() === 'add-members'"
       [headerTitle]="groupHeaderTitle()"
       [headerMeta]="groupHeaderMeta()"
       [headerTitleInteractive]="groupHeaderTitleInteractive()"
@@ -17408,7 +17431,7 @@ class DsMobileChatModalComponent {
         </ds-mobile-message-composer>
       </div>
     </ds-mobile-modal-base>
-  `, isInline: true, styles: [".author-details{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.author-name{font-family:Brockmann,sans-serif;font-size:var(--font-size-sm);font-weight:600;line-height:20px;letter-spacing:-.3px;color:var(--color-text-primary, #1a1a1a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.author-meta{font-family:Brockmann,sans-serif;font-size:var(--font-size-xs);font-weight:400;line-height:1.2;letter-spacing:-.26px;color:var(--color-text-tertiary, #737373);display:flex;align-items:center;gap:6px}.author-meta .separator{color:var(--color-text-tertiary, #a0a0a0)}.lightbox-context .author-name,.overlay-context .author-name{color:#fffffff2}.lightbox-context .author-meta,.overlay-context .author-meta{color:#ffffffb3}.lightbox-context .author-meta .separator,.overlay-context .author-meta .separator{color:#ffffff80}.section-headline{font-size:var(--font-size-base);font-weight:600;color:var(--text-color-default-primary);padding:16px 0;margin:0;letter-spacing:-.2px;display:flex;align-items:center;gap:6px}.empty-state-title{font-family:Brockmann,sans-serif;font-size:var(--font-size-base);font-weight:600;line-height:1.3;color:var(--text-color-default-primary, #202227);margin:0 0 8px}.empty-state-description{font-family:Brockmann,sans-serif;font-size:var(--font-size-sm);font-weight:400;line-height:1.4;color:var(--text-color-default-secondary, #545B66);margin:0}.ghost-input-clean ::ng-deep .ds-input,.ghost-input-clean ::ng-deep .ds-textarea,.ghost-input-clean ::ng-deep .textarea-container{outline:none!important;border:none!important;padding:0!important}:host ::ng-deep ds-textarea.ghost-input-clean .textarea-container{padding:0!important}.ghost-input-clean ::ng-deep .ds-input:hover,.ghost-input-clean ::ng-deep .ds-textarea:hover,.ghost-input-clean ::ng-deep .textarea-container:hover,.ghost-input-clean ::ng-deep .ds-input:focus,.ghost-input-clean ::ng-deep .ds-textarea:focus,.ghost-input-clean ::ng-deep .textarea-container:focus,.ghost-input-clean ::ng-deep .ds-input:focus-within,.ghost-input-clean ::ng-deep .ds-textarea:focus-within,.ghost-input-clean ::ng-deep .textarea-container:focus-within{outline:none!important;border:none!important;box-shadow:none!important}.ghost-input-clean ::ng-deep textarea{outline:none!important;border:none!important;box-shadow:none!important;resize:none!important}.ghost-input-clean ::ng-deep textarea:hover,.ghost-input-clean ::ng-deep textarea:focus{outline:none!important;border:none!important;box-shadow:none!important}\n", ":host ::ng-deep .modal-content-container{padding-top:0}:host-context(.chat-modal--settings) ::ng-deep .modal-header{border-bottom:none}:host-context(.chat-modal--add-members) ::ng-deep .modal-header{border-bottom:1px solid var(--border-color-default)}.chat-messages-container{display:flex;flex-direction:column;width:100%}.chat-system-line{font-family:Brockmann,sans-serif;font-size:var(--font-size-xs, 12px);font-weight:400;line-height:1.35;color:var(--text-color-default-tertiary, #737373);text-align:center;margin:8px 24px}.chat-avatar-section{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 0 0;background:var(--color-background-neutral-primary, #ffffff)}.chat-avatar-info{display:flex;flex-direction:column;align-items:center;gap:4px}.chat-avatar-name{display:flex;align-items:center;gap:6px;font-family:Brockmann,sans-serif;font-size:var(--font-size-base);font-weight:600;line-height:1.3;color:var(--color-text-primary, #1a1a1a)}.chat-avatar-role{font-family:Brockmann,sans-serif;font-size:var(--font-size-xs);font-weight:400;line-height:1.2;color:var(--color-text-secondary, #666666)}.chat-avatar-meta{font-family:Brockmann,sans-serif;font-size:var(--font-size-xs);font-weight:400;line-height:1.2;color:var(--color-text-tertiary, #737373);display:flex;align-items:center;gap:4px}.messages-list{display:flex;flex-direction:column;width:100%;padding:16px 0 0;align-items:stretch}.messages-list ds-mobile-message-bubble{width:100%;display:flex}.timestamp-header{display:flex;justify-content:center;margin:16px 0 8px}.timestamp-text{font-family:Brockmann,sans-serif;font-size:12px;font-weight:400;color:var(--color-text-secondary);padding:4px 12px}.message-file-attachments{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding:0 20px 0 60px;max-width:100%}.message-file-attachments.own-message{padding:0 0 0 96px;align-items:flex-end}.message-file-attachments ds-mobile-card-inline-file{max-width:280px;width:100%}.message-image-attachment{width:96px;height:96px;cursor:pointer;border-radius:12px;overflow:hidden;position:relative;transition:transform .2s ease;border:1px solid var(--border-color-default, #e5e5e5)}.message-image-attachment:active{transform:scale(.98)}.message-image-attachment .inline-image{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.group-settings-back-btn{flex-shrink:0;border-radius:50%}.group-settings-back-btn::ng-deep button{border-radius:50%!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DsAvatarWithBadgeComponent, selector: "ds-avatar-with-badge", inputs: ["type", "size", "initials", "src", "iconName", "showBadge", "badgePosition"] }, { kind: "component", type: DsMobileVendorAvatarComponent, selector: "ds-mobile-vendor-avatar", inputs: ["name", "logo", "size"] }, { kind: "component", type: DsMobileMessageComposerComponent, selector: "ds-mobile-message-composer", inputs: ["avatarInitials", "avatarType", "avatarSrc", "placeholder", "sendButtonLabel", "attachmentButtonLabel", "showAttachmentButton", "showAiButton", "editIndicatorText", "replyIndicatorText", "enableMentions", "mentionUsers", "showInternalToggle", "internalToggleLabel", "replyLabel", "internalMessageDescription", "autoFocus"], outputs: ["messageSent", "editCancelled", "replyCancelled", "mentionSelected", "attachmentClicked", "attachmentsChanged", "aiClick"] }, { kind: "component", type: DsMobileMessageBubbleComponent, selector: "ds-mobile-message-bubble", inputs: ["content", "isOwnMessage", "senderName", "isInternal", "internalMessageBadgeText", "timestamp", "showTimestamp", "avatarInitials", "avatarType", "avatarSrc", "showAvatar", "clusterPosition", "attachments", "clickable", "isNewMessage", "isDeleted", "showEditedHint", "editedHintText"], outputs: ["attachmentClick", "longPress", "messageClick"] }, { kind: "component", type: DsMobileModalBaseComponent, selector: "ds-mobile-modal-base", inputs: ["headerTitleInteractive", "textLoading", "textErrorTitle", "showHeader"], outputs: ["titleClick"] }, { kind: "component", type: DsMobileCardInlineFileComponent, selector: "ds-mobile-card-inline-file", inputs: ["fileName", "fileSize", "variant", "layout", "fileUrl"], outputs: ["fileClick"] }, { kind: "component", type: DsMobileSystemMessageBannerComponent, selector: "ds-mobile-system-message-banner", inputs: ["message", "iconName", "afterTimestamp"] }, { kind: "component", type: DsIconComponent, selector: "ds-icon", inputs: ["name", "size", "color", "interactive"] }, { kind: "component", type: DsIconButtonComponent, selector: "ds-icon-button", inputs: ["variant", "size", "icon", "disabled", "loading", "pressed", "expanded", "ariaLabel", "tooltip", "tooltipDisabled", "tooltipPlacement"], outputs: ["clicked", "focused", "blurred"] }, { kind: "component", type: DsMobileSectionComponent, selector: "ds-mobile-section", inputs: ["headline", "icon", "linkText", "padding", "paddingDesktop", "gap", "contentGap", "showBorder", "overflow"], outputs: ["linkClick"] }, { kind: "component", type: DsMobileGroupAvatarStackComponent, selector: "ds-mobile-group-avatar-stack", inputs: ["members", "customAvatarUrl", "size", "layout", "currentUserId"] }, { kind: "component", type: DsMobileListSearchComponent, selector: "ds-mobile-list-search", inputs: ["placeholder", "ariaLabel", "value", "showDivider"], outputs: ["valueChange"] }, { kind: "component", type: DsMobileChatGroupPanelsComponent, selector: "ds-mobile-chat-group-panels", inputs: ["panelView", "group", "membersForStack", "participantName", "currentUserId", "isAdmin", "canEditGroupDetails", "canAddGroupMembers", "canLeaveGroup", "canRemoveMember", "canMessageMember", "allTenantsForPicker", "searchQuery", "labels"], outputs: ["navigateTo", "renameGroup", "setGroupAvatarUrl", "addMembers", "removeMember", "messageMember", "leaveGroup"] }] });
+  `, isInline: true, styles: [".author-details{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.author-name{font-family:Brockmann,sans-serif;font-size:var(--font-size-sm);font-weight:600;line-height:20px;letter-spacing:-.3px;color:var(--color-text-primary, #1a1a1a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.author-meta{font-family:Brockmann,sans-serif;font-size:var(--font-size-xs);font-weight:400;line-height:1.2;letter-spacing:-.26px;color:var(--color-text-tertiary, #737373);display:flex;align-items:center;gap:6px}.author-meta .separator{color:var(--color-text-tertiary, #a0a0a0)}.lightbox-context .author-name,.overlay-context .author-name{color:#fffffff2}.lightbox-context .author-meta,.overlay-context .author-meta{color:#ffffffb3}.lightbox-context .author-meta .separator,.overlay-context .author-meta .separator{color:#ffffff80}.section-headline{font-size:var(--font-size-base);font-weight:600;color:var(--text-color-default-primary);padding:16px 0;margin:0;letter-spacing:-.2px;display:flex;align-items:center;gap:6px}.empty-state-title{font-family:Brockmann,sans-serif;font-size:var(--font-size-base);font-weight:600;line-height:1.3;color:var(--text-color-default-primary, #202227);margin:0 0 8px}.empty-state-description{font-family:Brockmann,sans-serif;font-size:var(--font-size-sm);font-weight:400;line-height:1.4;color:var(--text-color-default-secondary, #545B66);margin:0}.ghost-input-clean ::ng-deep .ds-input,.ghost-input-clean ::ng-deep .ds-textarea,.ghost-input-clean ::ng-deep .textarea-container{outline:none!important;border:none!important;padding:0!important}:host ::ng-deep ds-textarea.ghost-input-clean .textarea-container{padding:0!important}.ghost-input-clean ::ng-deep .ds-input:hover,.ghost-input-clean ::ng-deep .ds-textarea:hover,.ghost-input-clean ::ng-deep .textarea-container:hover,.ghost-input-clean ::ng-deep .ds-input:focus,.ghost-input-clean ::ng-deep .ds-textarea:focus,.ghost-input-clean ::ng-deep .textarea-container:focus,.ghost-input-clean ::ng-deep .ds-input:focus-within,.ghost-input-clean ::ng-deep .ds-textarea:focus-within,.ghost-input-clean ::ng-deep .textarea-container:focus-within{outline:none!important;border:none!important;box-shadow:none!important}.ghost-input-clean ::ng-deep textarea{outline:none!important;border:none!important;box-shadow:none!important;resize:none!important}.ghost-input-clean ::ng-deep textarea:hover,.ghost-input-clean ::ng-deep textarea:focus{outline:none!important;border:none!important;box-shadow:none!important}\n", ":host ::ng-deep .modal-content-container{padding-top:0}.chat-messages-container{display:flex;flex-direction:column;width:100%}.chat-system-line{font-family:Brockmann,sans-serif;font-size:var(--font-size-xs, 12px);font-weight:400;line-height:1.35;color:var(--text-color-default-tertiary, #737373);text-align:center;margin:8px 24px}.chat-avatar-section{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 0 0;background:var(--color-background-neutral-primary, #ffffff)}.chat-avatar-info{display:flex;flex-direction:column;align-items:center;gap:4px}.chat-avatar-name{display:flex;align-items:center;gap:6px;font-family:Brockmann,sans-serif;font-size:var(--font-size-base);font-weight:600;line-height:1.3;color:var(--color-text-primary, #1a1a1a)}.chat-avatar-role{font-family:Brockmann,sans-serif;font-size:var(--font-size-xs);font-weight:400;line-height:1.2;color:var(--color-text-secondary, #666666)}.chat-avatar-meta{font-family:Brockmann,sans-serif;font-size:var(--font-size-xs);font-weight:400;line-height:1.2;color:var(--color-text-tertiary, #737373);display:flex;align-items:center;gap:4px}.messages-list{display:flex;flex-direction:column;width:100%;padding:16px 0 0;align-items:stretch}.messages-list ds-mobile-message-bubble{width:100%;display:flex}.timestamp-header{display:flex;justify-content:center;margin:16px 0 8px}.timestamp-text{font-family:Brockmann,sans-serif;font-size:12px;font-weight:400;color:var(--color-text-secondary);padding:4px 12px}.message-file-attachments{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding:0 20px 0 60px;max-width:100%}.message-file-attachments.own-message{padding:0 0 0 96px;align-items:flex-end}.message-file-attachments ds-mobile-card-inline-file{max-width:280px;width:100%}.message-image-attachment{width:96px;height:96px;cursor:pointer;border-radius:12px;overflow:hidden;position:relative;transition:transform .2s ease;border:1px solid var(--border-color-default, #e5e5e5)}.message-image-attachment:active{transform:scale(.98)}.message-image-attachment .inline-image{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.group-settings-back-btn{flex-shrink:0;border-radius:50%}.group-settings-back-btn::ng-deep button{border-radius:50%!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DsAvatarWithBadgeComponent, selector: "ds-avatar-with-badge", inputs: ["type", "size", "initials", "src", "iconName", "showBadge", "badgePosition"] }, { kind: "component", type: DsMobileVendorAvatarComponent, selector: "ds-mobile-vendor-avatar", inputs: ["name", "logo", "size"] }, { kind: "component", type: DsMobileMessageComposerComponent, selector: "ds-mobile-message-composer", inputs: ["avatarInitials", "avatarType", "avatarSrc", "placeholder", "sendButtonLabel", "attachmentButtonLabel", "showAttachmentButton", "showAiButton", "editIndicatorText", "replyIndicatorText", "enableMentions", "mentionUsers", "showInternalToggle", "internalToggleLabel", "replyLabel", "internalMessageDescription", "autoFocus"], outputs: ["messageSent", "editCancelled", "replyCancelled", "mentionSelected", "attachmentClicked", "attachmentsChanged", "aiClick"] }, { kind: "component", type: DsMobileMessageBubbleComponent, selector: "ds-mobile-message-bubble", inputs: ["content", "isOwnMessage", "senderName", "isInternal", "internalMessageBadgeText", "timestamp", "showTimestamp", "avatarInitials", "avatarType", "avatarSrc", "showAvatar", "clusterPosition", "attachments", "clickable", "isNewMessage", "isDeleted", "showEditedHint", "editedHintText"], outputs: ["attachmentClick", "longPress", "messageClick"] }, { kind: "component", type: DsMobileModalBaseComponent, selector: "ds-mobile-modal-base", inputs: ["headerTitleInteractive", "textLoading", "textErrorTitle", "showHeader"], outputs: ["titleClick"] }, { kind: "component", type: DsMobileCardInlineFileComponent, selector: "ds-mobile-card-inline-file", inputs: ["fileName", "fileSize", "variant", "layout", "fileUrl"], outputs: ["fileClick"] }, { kind: "component", type: DsMobileSystemMessageBannerComponent, selector: "ds-mobile-system-message-banner", inputs: ["message", "iconName", "afterTimestamp"] }, { kind: "component", type: DsIconComponent, selector: "ds-icon", inputs: ["name", "size", "color", "interactive"] }, { kind: "component", type: DsIconButtonComponent, selector: "ds-icon-button", inputs: ["variant", "size", "icon", "disabled", "loading", "pressed", "expanded", "ariaLabel", "tooltip", "tooltipDisabled", "tooltipPlacement"], outputs: ["clicked", "focused", "blurred"] }, { kind: "component", type: DsMobileSectionComponent, selector: "ds-mobile-section", inputs: ["headline", "icon", "linkText", "padding", "paddingDesktop", "gap", "contentGap", "showBorder", "overflow"], outputs: ["linkClick"] }, { kind: "component", type: DsMobileGroupAvatarStackComponent, selector: "ds-mobile-group-avatar-stack", inputs: ["members", "customAvatarUrl", "size", "layout", "currentUserId"] }, { kind: "component", type: DsMobileListSearchComponent, selector: "ds-mobile-list-search", inputs: ["placeholder", "ariaLabel", "value", "showDivider"], outputs: ["valueChange"] }, { kind: "component", type: DsMobileChatGroupPanelsComponent, selector: "ds-mobile-chat-group-panels", inputs: ["panelView", "group", "membersForStack", "participantName", "currentUserId", "isAdmin", "canEditGroupDetails", "canAddGroupMembers", "canLeaveGroup", "canRemoveMember", "canMessageMember", "allTenantsForPicker", "searchQuery", "labels"], outputs: ["navigateTo", "renameGroup", "setGroupAvatarUrl", "addMembers", "removeMember", "messageMember", "leaveGroup"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: DsMobileChatModalComponent, decorators: [{
             type: Component,
@@ -17435,6 +17458,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImpo
       [loading]="loading"
       [error]="localError() || error"
       [showHeader]="true"
+      [showHeaderBorder]="groupPanelView() === 'chat' || groupPanelView() === 'add-members'"
       [headerTitle]="groupHeaderTitle()"
       [headerMeta]="groupHeaderMeta()"
       [headerTitleInteractive]="groupHeaderTitleInteractive()"
@@ -17691,7 +17715,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImpo
         </ds-mobile-message-composer>
       </div>
     </ds-mobile-modal-base>
-  `, styles: [".author-details{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.author-name{font-family:Brockmann,sans-serif;font-size:var(--font-size-sm);font-weight:600;line-height:20px;letter-spacing:-.3px;color:var(--color-text-primary, #1a1a1a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.author-meta{font-family:Brockmann,sans-serif;font-size:var(--font-size-xs);font-weight:400;line-height:1.2;letter-spacing:-.26px;color:var(--color-text-tertiary, #737373);display:flex;align-items:center;gap:6px}.author-meta .separator{color:var(--color-text-tertiary, #a0a0a0)}.lightbox-context .author-name,.overlay-context .author-name{color:#fffffff2}.lightbox-context .author-meta,.overlay-context .author-meta{color:#ffffffb3}.lightbox-context .author-meta .separator,.overlay-context .author-meta .separator{color:#ffffff80}.section-headline{font-size:var(--font-size-base);font-weight:600;color:var(--text-color-default-primary);padding:16px 0;margin:0;letter-spacing:-.2px;display:flex;align-items:center;gap:6px}.empty-state-title{font-family:Brockmann,sans-serif;font-size:var(--font-size-base);font-weight:600;line-height:1.3;color:var(--text-color-default-primary, #202227);margin:0 0 8px}.empty-state-description{font-family:Brockmann,sans-serif;font-size:var(--font-size-sm);font-weight:400;line-height:1.4;color:var(--text-color-default-secondary, #545B66);margin:0}.ghost-input-clean ::ng-deep .ds-input,.ghost-input-clean ::ng-deep .ds-textarea,.ghost-input-clean ::ng-deep .textarea-container{outline:none!important;border:none!important;padding:0!important}:host ::ng-deep ds-textarea.ghost-input-clean .textarea-container{padding:0!important}.ghost-input-clean ::ng-deep .ds-input:hover,.ghost-input-clean ::ng-deep .ds-textarea:hover,.ghost-input-clean ::ng-deep .textarea-container:hover,.ghost-input-clean ::ng-deep .ds-input:focus,.ghost-input-clean ::ng-deep .ds-textarea:focus,.ghost-input-clean ::ng-deep .textarea-container:focus,.ghost-input-clean ::ng-deep .ds-input:focus-within,.ghost-input-clean ::ng-deep .ds-textarea:focus-within,.ghost-input-clean ::ng-deep .textarea-container:focus-within{outline:none!important;border:none!important;box-shadow:none!important}.ghost-input-clean ::ng-deep textarea{outline:none!important;border:none!important;box-shadow:none!important;resize:none!important}.ghost-input-clean ::ng-deep textarea:hover,.ghost-input-clean ::ng-deep textarea:focus{outline:none!important;border:none!important;box-shadow:none!important}\n", ":host ::ng-deep .modal-content-container{padding-top:0}:host-context(.chat-modal--settings) ::ng-deep .modal-header{border-bottom:none}:host-context(.chat-modal--add-members) ::ng-deep .modal-header{border-bottom:1px solid var(--border-color-default)}.chat-messages-container{display:flex;flex-direction:column;width:100%}.chat-system-line{font-family:Brockmann,sans-serif;font-size:var(--font-size-xs, 12px);font-weight:400;line-height:1.35;color:var(--text-color-default-tertiary, #737373);text-align:center;margin:8px 24px}.chat-avatar-section{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 0 0;background:var(--color-background-neutral-primary, #ffffff)}.chat-avatar-info{display:flex;flex-direction:column;align-items:center;gap:4px}.chat-avatar-name{display:flex;align-items:center;gap:6px;font-family:Brockmann,sans-serif;font-size:var(--font-size-base);font-weight:600;line-height:1.3;color:var(--color-text-primary, #1a1a1a)}.chat-avatar-role{font-family:Brockmann,sans-serif;font-size:var(--font-size-xs);font-weight:400;line-height:1.2;color:var(--color-text-secondary, #666666)}.chat-avatar-meta{font-family:Brockmann,sans-serif;font-size:var(--font-size-xs);font-weight:400;line-height:1.2;color:var(--color-text-tertiary, #737373);display:flex;align-items:center;gap:4px}.messages-list{display:flex;flex-direction:column;width:100%;padding:16px 0 0;align-items:stretch}.messages-list ds-mobile-message-bubble{width:100%;display:flex}.timestamp-header{display:flex;justify-content:center;margin:16px 0 8px}.timestamp-text{font-family:Brockmann,sans-serif;font-size:12px;font-weight:400;color:var(--color-text-secondary);padding:4px 12px}.message-file-attachments{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding:0 20px 0 60px;max-width:100%}.message-file-attachments.own-message{padding:0 0 0 96px;align-items:flex-end}.message-file-attachments ds-mobile-card-inline-file{max-width:280px;width:100%}.message-image-attachment{width:96px;height:96px;cursor:pointer;border-radius:12px;overflow:hidden;position:relative;transition:transform .2s ease;border:1px solid var(--border-color-default, #e5e5e5)}.message-image-attachment:active{transform:scale(.98)}.message-image-attachment .inline-image{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.group-settings-back-btn{flex-shrink:0;border-radius:50%}.group-settings-back-btn::ng-deep button{border-radius:50%!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}\n"] }]
+  `, styles: [".author-details{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.author-name{font-family:Brockmann,sans-serif;font-size:var(--font-size-sm);font-weight:600;line-height:20px;letter-spacing:-.3px;color:var(--color-text-primary, #1a1a1a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.author-meta{font-family:Brockmann,sans-serif;font-size:var(--font-size-xs);font-weight:400;line-height:1.2;letter-spacing:-.26px;color:var(--color-text-tertiary, #737373);display:flex;align-items:center;gap:6px}.author-meta .separator{color:var(--color-text-tertiary, #a0a0a0)}.lightbox-context .author-name,.overlay-context .author-name{color:#fffffff2}.lightbox-context .author-meta,.overlay-context .author-meta{color:#ffffffb3}.lightbox-context .author-meta .separator,.overlay-context .author-meta .separator{color:#ffffff80}.section-headline{font-size:var(--font-size-base);font-weight:600;color:var(--text-color-default-primary);padding:16px 0;margin:0;letter-spacing:-.2px;display:flex;align-items:center;gap:6px}.empty-state-title{font-family:Brockmann,sans-serif;font-size:var(--font-size-base);font-weight:600;line-height:1.3;color:var(--text-color-default-primary, #202227);margin:0 0 8px}.empty-state-description{font-family:Brockmann,sans-serif;font-size:var(--font-size-sm);font-weight:400;line-height:1.4;color:var(--text-color-default-secondary, #545B66);margin:0}.ghost-input-clean ::ng-deep .ds-input,.ghost-input-clean ::ng-deep .ds-textarea,.ghost-input-clean ::ng-deep .textarea-container{outline:none!important;border:none!important;padding:0!important}:host ::ng-deep ds-textarea.ghost-input-clean .textarea-container{padding:0!important}.ghost-input-clean ::ng-deep .ds-input:hover,.ghost-input-clean ::ng-deep .ds-textarea:hover,.ghost-input-clean ::ng-deep .textarea-container:hover,.ghost-input-clean ::ng-deep .ds-input:focus,.ghost-input-clean ::ng-deep .ds-textarea:focus,.ghost-input-clean ::ng-deep .textarea-container:focus,.ghost-input-clean ::ng-deep .ds-input:focus-within,.ghost-input-clean ::ng-deep .ds-textarea:focus-within,.ghost-input-clean ::ng-deep .textarea-container:focus-within{outline:none!important;border:none!important;box-shadow:none!important}.ghost-input-clean ::ng-deep textarea{outline:none!important;border:none!important;box-shadow:none!important;resize:none!important}.ghost-input-clean ::ng-deep textarea:hover,.ghost-input-clean ::ng-deep textarea:focus{outline:none!important;border:none!important;box-shadow:none!important}\n", ":host ::ng-deep .modal-content-container{padding-top:0}.chat-messages-container{display:flex;flex-direction:column;width:100%}.chat-system-line{font-family:Brockmann,sans-serif;font-size:var(--font-size-xs, 12px);font-weight:400;line-height:1.35;color:var(--text-color-default-tertiary, #737373);text-align:center;margin:8px 24px}.chat-avatar-section{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 0 0;background:var(--color-background-neutral-primary, #ffffff)}.chat-avatar-info{display:flex;flex-direction:column;align-items:center;gap:4px}.chat-avatar-name{display:flex;align-items:center;gap:6px;font-family:Brockmann,sans-serif;font-size:var(--font-size-base);font-weight:600;line-height:1.3;color:var(--color-text-primary, #1a1a1a)}.chat-avatar-role{font-family:Brockmann,sans-serif;font-size:var(--font-size-xs);font-weight:400;line-height:1.2;color:var(--color-text-secondary, #666666)}.chat-avatar-meta{font-family:Brockmann,sans-serif;font-size:var(--font-size-xs);font-weight:400;line-height:1.2;color:var(--color-text-tertiary, #737373);display:flex;align-items:center;gap:4px}.messages-list{display:flex;flex-direction:column;width:100%;padding:16px 0 0;align-items:stretch}.messages-list ds-mobile-message-bubble{width:100%;display:flex}.timestamp-header{display:flex;justify-content:center;margin:16px 0 8px}.timestamp-text{font-family:Brockmann,sans-serif;font-size:12px;font-weight:400;color:var(--color-text-secondary);padding:4px 12px}.message-file-attachments{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding:0 20px 0 60px;max-width:100%}.message-file-attachments.own-message{padding:0 0 0 96px;align-items:flex-end}.message-file-attachments ds-mobile-card-inline-file{max-width:280px;width:100%}.message-image-attachment{width:96px;height:96px;cursor:pointer;border-radius:12px;overflow:hidden;position:relative;transition:transform .2s ease;border:1px solid var(--border-color-default, #e5e5e5)}.message-image-attachment:active{transform:scale(.98)}.message-image-attachment .inline-image{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.group-settings-back-btn{flex-shrink:0;border-radius:50%}.group-settings-back-btn::ng-deep button{border-radius:50%!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}\n"] }]
         }], ctorParameters: () => [{ type: DsMobileLightboxService }], propDecorators: { chatData: [{
                 type: Input
             }], loading: [{
@@ -31329,6 +31353,465 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImpo
   `, styles: [".settings-content{padding:20px}\n"] }]
         }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], prefs: [{ type: i0.Input, args: [{ isSignal: true, alias: "prefs", required: false }] }] } });
 
+class ProfileModalComponent {
+    userService = inject(UserService);
+    modalController = inject(ModalController);
+    closeInterceptor = () => this.close();
+    editingName = signal(false, ...(ngDevMode ? [{ debugName: "editingName" }] : []));
+    editingEmail = signal(false, ...(ngDevMode ? [{ debugName: "editingEmail" }] : []));
+    editingPhone = signal(false, ...(ngDevMode ? [{ debugName: "editingPhone" }] : []));
+    keyboardOffset = signal(false, ...(ngDevMode ? [{ debugName: "keyboardOffset" }] : []));
+    hasChanges = signal(false, ...(ngDevMode ? [{ debugName: "hasChanges" }] : []));
+    originalName = '';
+    originalEmail = '';
+    originalPhone = '';
+    originalAvatarSrc = '';
+    originalAvatarType = 'initials';
+    originalAvatarInitials = '';
+    nameInputRef;
+    emailInputRef;
+    phoneInputRef;
+    photoFileInputRef;
+    constructor() {
+        this.originalName = this.userService.displayName();
+        this.originalEmail = this.userService.email();
+        this.originalPhone = this.userService.phone();
+        this.originalAvatarSrc = this.userService.avatarSrc();
+        this.originalAvatarType = this.userService.avatarType();
+        this.originalAvatarInitials = this.userService.avatarInitials();
+    }
+    checkForChanges() {
+        this.hasChanges.set(this.userService.displayName() !== this.originalName ||
+            this.userService.email() !== this.originalEmail ||
+            this.userService.phone() !== this.originalPhone ||
+            this.userService.avatarSrc() !== this.originalAvatarSrc ||
+            this.userService.avatarType() !== this.originalAvatarType);
+    }
+    async close() {
+        if (!this.hasChanges()) {
+            await this.modalController.dismiss();
+            return;
+        }
+        const action = await this.showUnsavedChangesSheet();
+        if (!action)
+            return;
+        if (action === 'discard') {
+            this.userService.setDisplayName(this.originalName);
+            this.userService.setEmail(this.originalEmail);
+            this.userService.setPhone(this.originalPhone);
+            this.userService.setAvatarSrc(this.originalAvatarSrc);
+            this.userService.setAvatarType(this.originalAvatarType);
+            this.userService.setAvatarInitials(this.originalAvatarInitials);
+        }
+        await this.modalController.dismiss();
+    }
+    async showUnsavedChangesSheet() {
+        const { DsMobileConfirmationSheetComponent } = await Promise.resolve().then(function () { return dsMobileConfirmationSheet; });
+        const { disableModalShadowPointerEvents } = await Promise.resolve().then(function () { return modalShadowFix; });
+        const sheet = await this.modalController.create({
+            component: DsMobileConfirmationSheetComponent,
+            componentProps: {
+                title: 'Du har ændringer der ikke er gemt',
+                message: 'Vil du gemme eller kassere dine ændringer?',
+                buttonText: 'Gem ændringer',
+                showIllustration: false,
+                secondaryButtonText: 'Kassér ændringer',
+                secondaryButtonVariant: 'secondary',
+            },
+            breakpoints: [0, 1],
+            initialBreakpoint: 1,
+            handle: true,
+            cssClass: ['ds-bottom-sheet', 'auto-height'],
+            backdropDismiss: false,
+            showBackdrop: true,
+        });
+        await sheet.present();
+        disableModalShadowPointerEvents(sheet);
+        const result = await sheet.onDidDismiss();
+        if (result.role === 'confirm')
+            return 'save';
+        if (result.role === 'backdrop')
+            return 'discard';
+        return null;
+    }
+    startEdit(field) {
+        if (field === 'name') {
+            this.editingName.set(true);
+            this.keyboardOffset.set(false);
+            setTimeout(() => this.nameInputRef?.nativeElement.focus());
+        }
+        else if (field === 'email') {
+            this.editingEmail.set(true);
+            this.keyboardOffset.set(false);
+            setTimeout(() => this.emailInputRef?.nativeElement.focus());
+        }
+        else {
+            this.editingPhone.set(true);
+            this.keyboardOffset.set(true);
+            setTimeout(() => this.phoneInputRef?.nativeElement.focus());
+        }
+    }
+    saveName(event) {
+        const val = event.target.value.trim();
+        if (val) {
+            this.userService.setDisplayName(val);
+            const parts = val.split(' ');
+            const initials = parts.length >= 2
+                ? (parts[0][0] + parts[parts.length - 1][0]).toUpperCase()
+                : val.substring(0, 2).toUpperCase();
+            this.userService.setAvatarInitials(initials);
+        }
+        this.keyboardOffset.set(false);
+        this.editingName.set(false);
+        this.checkForChanges();
+    }
+    saveEmail(event) {
+        const val = event.target.value.trim();
+        if (val)
+            this.userService.setEmail(val);
+        this.keyboardOffset.set(false);
+        this.editingEmail.set(false);
+        this.checkForChanges();
+    }
+    savePhone(event) {
+        const val = event.target.value.trim();
+        if (val)
+            this.userService.setPhone(val);
+        this.keyboardOffset.set(false);
+        this.editingPhone.set(false);
+        this.checkForChanges();
+    }
+    async openPhotoActions() {
+        const photoActions = [
+            {
+                actions: [
+                    { action: 'take-photo', title: 'Take a picture', icon: 'remixCamera3Line' },
+                    { action: 'choose-library', title: 'Choose from library', icon: 'remixImageLine' },
+                ],
+            },
+        ];
+        if (this.userService.avatarSrc()) {
+            photoActions[0].actions.push({
+                action: 'delete-photo',
+                title: 'Delete photo',
+                icon: 'remixDeleteBinLine',
+                destructive: true,
+            });
+        }
+        const sheet = await this.modalController.create({
+            component: DsMobileActionsBottomSheetComponent,
+            componentProps: { customActionGroups: photoActions },
+            breakpoints: [0, 1],
+            initialBreakpoint: 1,
+            handle: true,
+            cssClass: ['ds-bottom-sheet', 'auto-height'],
+            backdropDismiss: true,
+        });
+        await sheet.present();
+        disableModalShadowPointerEvents(sheet);
+        const result = await sheet.onWillDismiss();
+        if (!result.data?.action)
+            return;
+        const input = this.photoFileInputRef?.nativeElement;
+        if (!input)
+            return;
+        switch (result.data.action) {
+            case 'take-photo':
+                input.setAttribute('capture', 'environment');
+                input.click();
+                break;
+            case 'choose-library':
+                input.removeAttribute('capture');
+                input.click();
+                break;
+            case 'delete-photo':
+                this.userService.setAvatarSrc('');
+                this.userService.setAvatarType('initials');
+                this.checkForChanges();
+                break;
+        }
+    }
+    onPhotoSelected(event) {
+        const file = event.target.files?.[0];
+        if (!file)
+            return;
+        const url = URL.createObjectURL(file);
+        this.userService.setAvatarSrc(url);
+        this.userService.setAvatarType('photo');
+        event.target.value = '';
+        this.checkForChanges();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: ProfileModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.23", type: ProfileModalComponent, isStandalone: true, selector: "app-profile-modal", viewQueries: [{ propertyName: "nameInputRef", first: true, predicate: ["nameInput"], descendants: true }, { propertyName: "emailInputRef", first: true, predicate: ["emailInput"], descendants: true }, { propertyName: "phoneInputRef", first: true, predicate: ["phoneInput"], descendants: true }, { propertyName: "photoFileInputRef", first: true, predicate: ["photoFileInput"], descendants: true }], ngImport: i0, template: `
+    <ds-mobile-modal-base headerTitle="My profile" [showHeader]="true" [showHeaderBorder]="false" [enableKeyboardHandling]="true" [onCloseRequest]="closeInterceptor">
+      <div header-leading>
+        <ds-icon-button
+          class="back-btn"
+          icon="remixArrowLeftSLine"
+          variant="secondary"
+          size="lg"
+          (clicked)="close()"
+          aria-label="Tilbage"
+        />
+      </div>
+
+      <div class="profile-content" [class.keyboard-offset]="keyboardOffset()">
+
+        <!-- Hero -->
+        <div class="profile-hero">
+          <button
+            type="button"
+            class="profile-hero-avatar"
+            (click)="openPhotoActions()"
+            aria-label="Edit profile photo"
+          >
+            <ds-avatar-with-badge
+              [type]="userService.avatarType()"
+              [initials]="userService.avatarInitials()"
+              [src]="userService.avatarSrc()"
+              size="xl"
+              [showBadge]="false"
+            />
+            <span class="profile-hero-avatar-edit" aria-hidden="true">
+              <ds-icon name="remixEditLine" size="14px" />
+            </span>
+          </button>
+          <div class="profile-hero-text">
+            <h2 class="profile-hero-name">{{ userService.displayName() }}</h2>
+            <p class="profile-hero-email">{{ userService.email() }}</p>
+          </div>
+        </div>
+
+        <!-- Fields -->
+        <div class="field-group">
+
+          <!-- Full name -->
+          <div class="field">
+            <p class="field-label">Full name</p>
+            <div class="field-pill" [class.editing]="editingName()" (click)="!editingName() && startEdit('name')">
+              @if (!editingName()) {
+                <p class="field-pill-value">{{ userService.displayName() }}</p>
+              } @else {
+                <input
+                  #nameInput
+                  type="text"
+                  class="field-pill-input"
+                  [value]="userService.displayName()"
+                  (blur)="saveName($event)"
+                  (keydown.enter)="nameInputRef?.nativeElement?.blur()"
+                />
+              }
+              <ds-icon name="remixEditLine" size="16px" class="field-pill-chevron" [class.hidden]="editingName()" />
+            </div>
+          </div>
+
+          <!-- Email address -->
+          <div class="field">
+            <p class="field-label">Email address</p>
+            <div class="field-pill" [class.editing]="editingEmail()" (click)="!editingEmail() && startEdit('email')">
+              @if (!editingEmail()) {
+                <p class="field-pill-value">{{ userService.email() }}</p>
+              } @else {
+                <input
+                  #emailInput
+                  type="email"
+                  class="field-pill-input"
+                  [value]="userService.email()"
+                  (blur)="saveEmail($event)"
+                  (keydown.enter)="emailInputRef?.nativeElement?.blur()"
+                />
+              }
+              <ds-icon name="remixEditLine" size="16px" class="field-pill-chevron" [class.hidden]="editingEmail()" />
+            </div>
+          </div>
+
+          <!-- Phone -->
+          <div class="field">
+            <p class="field-label">Phone</p>
+            <div class="field-pill" [class.editing]="editingPhone()" (click)="!editingPhone() && startEdit('phone')">
+              @if (!editingPhone()) {
+                <p class="field-pill-value">{{ userService.phone() }}</p>
+              } @else {
+                <input
+                  #phoneInput
+                  type="tel"
+                  class="field-pill-input"
+                  [value]="userService.phone()"
+                  (blur)="savePhone($event)"
+                  (keydown.enter)="phoneInputRef?.nativeElement?.blur()"
+                />
+              }
+              <ds-icon name="remixEditLine" size="16px" class="field-pill-chevron" [class.hidden]="editingPhone()" />
+            </div>
+          </div>
+
+          <!-- Address (read-only) -->
+          <div class="field">
+            <p class="field-label">Adress</p>
+            <div class="field-pill field-pill--readonly">
+              <p class="field-pill-value">{{ userService.address() }}</p>
+            </div>
+          </div>
+
+        </div>
+      </div>
+
+      <input
+        #photoFileInput
+        type="file"
+        accept="image/*"
+        class="visually-hidden"
+        (change)="onPhotoSelected($event)"
+      />
+
+    </ds-mobile-modal-base>
+  `, isInline: true, styles: [":host ::ng-deep .modal-header{border-bottom:none}:host ::ng-deep .header-main{text-align:center}.back-btn{flex-shrink:0;border-radius:50%}.back-btn::ng-deep button{border-radius:50%!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.profile-content{padding:0 20px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));transition:transform .3s ease}.profile-content.keyboard-offset{transform:translateY(-24px)}.profile-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 24px;gap:12px}.profile-hero-avatar{position:relative;display:inline-block;padding:0;border:none;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.profile-hero-avatar-edit{position:absolute;bottom:-4px;right:-4px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--color-background-neutral-secondary, #f6f7f8);box-shadow:0 0 0 2px var(--color-background-primary, #ffffff);color:var(--color-text-secondary, #6C6F7A);pointer-events:none}.profile-hero-text{display:flex;flex-direction:column;align-items:center;gap:4px}.profile-hero-name{font-family:Brockmann,sans-serif;font-size:var(--font-size-lg, 20px);font-weight:600;line-height:24px;letter-spacing:-.8px;color:var(--color-text-primary, #202227);margin:0;max-width:164px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-hero-email{font-family:Brockmann,sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:-.56px;color:#737373;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-group{display:flex;flex-direction:column;gap:16px;padding:16px 0}.field{display:flex;flex-direction:column;gap:4px}.field-label{font-family:Brockmann,sans-serif;font-size:14px;font-weight:500;line-height:18px;letter-spacing:-.56px;color:var(--base-600, #545b66);margin:0}.field-pill{display:flex;align-items:center;gap:4px;background:#f6f7f8;border-radius:100px;padding:16px;cursor:pointer;-webkit-tap-highlight-color:transparent}.field-pill--readonly{cursor:default}.field-pill-value{flex:1;min-width:0;font-family:Brockmann,sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:-.56px;color:var(--color-text-primary, #202227);margin:0}.field-pill--readonly .field-pill-value{color:var(--content-default-disabled-grey, #7c8694)}.field-pill-chevron{flex-shrink:0;color:var(--color-text-secondary, #6C6F7A);transition:opacity .2s ease,transform .2s ease}.field-pill-chevron.hidden{opacity:0;transform:scale(.5);pointer-events:none}.field-pill-input{flex:1;min-width:0;background:none;border:none;font-family:Brockmann,sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:-.56px;color:var(--color-text-primary, #202227);outline:none;padding:0;margin:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"], dependencies: [{ kind: "component", type: DsMobileModalBaseComponent, selector: "ds-mobile-modal-base", inputs: ["headerTitleInteractive", "textLoading", "textErrorTitle", "showHeader"], outputs: ["titleClick"] }, { kind: "component", type: DsAvatarWithBadgeComponent, selector: "ds-avatar-with-badge", inputs: ["type", "size", "initials", "src", "iconName", "showBadge", "badgePosition"] }, { kind: "component", type: DsIconComponent, selector: "ds-icon", inputs: ["name", "size", "color", "interactive"] }, { kind: "component", type: DsIconButtonComponent, selector: "ds-icon-button", inputs: ["variant", "size", "icon", "disabled", "loading", "pressed", "expanded", "ariaLabel", "tooltip", "tooltipDisabled", "tooltipPlacement"], outputs: ["clicked", "focused", "blurred"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: ProfileModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-profile-modal', standalone: true, imports: [
+                        DsMobileModalBaseComponent,
+                        DsAvatarWithBadgeComponent,
+                        DsIconComponent,
+                        DsIconButtonComponent,
+                    ], template: `
+    <ds-mobile-modal-base headerTitle="My profile" [showHeader]="true" [showHeaderBorder]="false" [enableKeyboardHandling]="true" [onCloseRequest]="closeInterceptor">
+      <div header-leading>
+        <ds-icon-button
+          class="back-btn"
+          icon="remixArrowLeftSLine"
+          variant="secondary"
+          size="lg"
+          (clicked)="close()"
+          aria-label="Tilbage"
+        />
+      </div>
+
+      <div class="profile-content" [class.keyboard-offset]="keyboardOffset()">
+
+        <!-- Hero -->
+        <div class="profile-hero">
+          <button
+            type="button"
+            class="profile-hero-avatar"
+            (click)="openPhotoActions()"
+            aria-label="Edit profile photo"
+          >
+            <ds-avatar-with-badge
+              [type]="userService.avatarType()"
+              [initials]="userService.avatarInitials()"
+              [src]="userService.avatarSrc()"
+              size="xl"
+              [showBadge]="false"
+            />
+            <span class="profile-hero-avatar-edit" aria-hidden="true">
+              <ds-icon name="remixEditLine" size="14px" />
+            </span>
+          </button>
+          <div class="profile-hero-text">
+            <h2 class="profile-hero-name">{{ userService.displayName() }}</h2>
+            <p class="profile-hero-email">{{ userService.email() }}</p>
+          </div>
+        </div>
+
+        <!-- Fields -->
+        <div class="field-group">
+
+          <!-- Full name -->
+          <div class="field">
+            <p class="field-label">Full name</p>
+            <div class="field-pill" [class.editing]="editingName()" (click)="!editingName() && startEdit('name')">
+              @if (!editingName()) {
+                <p class="field-pill-value">{{ userService.displayName() }}</p>
+              } @else {
+                <input
+                  #nameInput
+                  type="text"
+                  class="field-pill-input"
+                  [value]="userService.displayName()"
+                  (blur)="saveName($event)"
+                  (keydown.enter)="nameInputRef?.nativeElement?.blur()"
+                />
+              }
+              <ds-icon name="remixEditLine" size="16px" class="field-pill-chevron" [class.hidden]="editingName()" />
+            </div>
+          </div>
+
+          <!-- Email address -->
+          <div class="field">
+            <p class="field-label">Email address</p>
+            <div class="field-pill" [class.editing]="editingEmail()" (click)="!editingEmail() && startEdit('email')">
+              @if (!editingEmail()) {
+                <p class="field-pill-value">{{ userService.email() }}</p>
+              } @else {
+                <input
+                  #emailInput
+                  type="email"
+                  class="field-pill-input"
+                  [value]="userService.email()"
+                  (blur)="saveEmail($event)"
+                  (keydown.enter)="emailInputRef?.nativeElement?.blur()"
+                />
+              }
+              <ds-icon name="remixEditLine" size="16px" class="field-pill-chevron" [class.hidden]="editingEmail()" />
+            </div>
+          </div>
+
+          <!-- Phone -->
+          <div class="field">
+            <p class="field-label">Phone</p>
+            <div class="field-pill" [class.editing]="editingPhone()" (click)="!editingPhone() && startEdit('phone')">
+              @if (!editingPhone()) {
+                <p class="field-pill-value">{{ userService.phone() }}</p>
+              } @else {
+                <input
+                  #phoneInput
+                  type="tel"
+                  class="field-pill-input"
+                  [value]="userService.phone()"
+                  (blur)="savePhone($event)"
+                  (keydown.enter)="phoneInputRef?.nativeElement?.blur()"
+                />
+              }
+              <ds-icon name="remixEditLine" size="16px" class="field-pill-chevron" [class.hidden]="editingPhone()" />
+            </div>
+          </div>
+
+          <!-- Address (read-only) -->
+          <div class="field">
+            <p class="field-label">Adress</p>
+            <div class="field-pill field-pill--readonly">
+              <p class="field-pill-value">{{ userService.address() }}</p>
+            </div>
+          </div>
+
+        </div>
+      </div>
+
+      <input
+        #photoFileInput
+        type="file"
+        accept="image/*"
+        class="visually-hidden"
+        (change)="onPhotoSelected($event)"
+      />
+
+    </ds-mobile-modal-base>
+  `, styles: [":host ::ng-deep .modal-header{border-bottom:none}:host ::ng-deep .header-main{text-align:center}.back-btn{flex-shrink:0;border-radius:50%}.back-btn::ng-deep button{border-radius:50%!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.profile-content{padding:0 20px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));transition:transform .3s ease}.profile-content.keyboard-offset{transform:translateY(-24px)}.profile-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 24px;gap:12px}.profile-hero-avatar{position:relative;display:inline-block;padding:0;border:none;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.profile-hero-avatar-edit{position:absolute;bottom:-4px;right:-4px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--color-background-neutral-secondary, #f6f7f8);box-shadow:0 0 0 2px var(--color-background-primary, #ffffff);color:var(--color-text-secondary, #6C6F7A);pointer-events:none}.profile-hero-text{display:flex;flex-direction:column;align-items:center;gap:4px}.profile-hero-name{font-family:Brockmann,sans-serif;font-size:var(--font-size-lg, 20px);font-weight:600;line-height:24px;letter-spacing:-.8px;color:var(--color-text-primary, #202227);margin:0;max-width:164px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-hero-email{font-family:Brockmann,sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:-.56px;color:#737373;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-group{display:flex;flex-direction:column;gap:16px;padding:16px 0}.field{display:flex;flex-direction:column;gap:4px}.field-label{font-family:Brockmann,sans-serif;font-size:14px;font-weight:500;line-height:18px;letter-spacing:-.56px;color:var(--base-600, #545b66);margin:0}.field-pill{display:flex;align-items:center;gap:4px;background:#f6f7f8;border-radius:100px;padding:16px;cursor:pointer;-webkit-tap-highlight-color:transparent}.field-pill--readonly{cursor:default}.field-pill-value{flex:1;min-width:0;font-family:Brockmann,sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:-.56px;color:var(--color-text-primary, #202227);margin:0}.field-pill--readonly .field-pill-value{color:var(--content-default-disabled-grey, #7c8694)}.field-pill-chevron{flex-shrink:0;color:var(--color-text-secondary, #6C6F7A);transition:opacity .2s ease,transform .2s ease}.field-pill-chevron.hidden{opacity:0;transform:scale(.5);pointer-events:none}.field-pill-input{flex:1;min-width:0;background:none;border:none;font-family:Brockmann,sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:-.56px;color:var(--color-text-primary, #202227);outline:none;padding:0;margin:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { nameInputRef: [{
+                type: ViewChild,
+                args: ['nameInput']
+            }], emailInputRef: [{
+                type: ViewChild,
+                args: ['emailInput']
+            }], phoneInputRef: [{
+                type: ViewChild,
+                args: ['phoneInput']
+            }], photoFileInputRef: [{
+                type: ViewChild,
+                args: ['photoFileInput']
+            }] } });
+
 // Mobile Page Components
 
 class MobileCommunityPageComponent {
@@ -31640,6 +32123,7 @@ class MobileCommunityPageComponent {
       [notificationCount]="notificationService.unreadCount()"
       [avatarInitials]="userService.avatarInitials()"
       [avatarType]="userService.avatarType()"
+      [avatarSrc]="userService.avatarSrc()"
       [contentLoading]="isLoading()"
       [contentLoadingVariant]="'card'"
       (notificationClick)="handleNotificationClick()"
@@ -31900,6 +32384,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImpo
       [notificationCount]="notificationService.unreadCount()"
       [avatarInitials]="userService.avatarInitials()"
       [avatarType]="userService.avatarType()"
+      [avatarSrc]="userService.avatarSrc()"
       [contentLoading]="isLoading()"
       [contentLoadingVariant]="'card'"
       (notificationClick)="handleNotificationClick()"
@@ -32411,7 +32896,7 @@ class MobileHandbookPageComponent {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: MobileHandbookPageComponent, deps: [{ token: UserService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.23", type: MobileHandbookPageComponent, isStandalone: true, selector: "app-mobile-handbook-page", viewQueries: [{ propertyName: "pageComponent", first: true, predicate: ["pageComponent"], descendants: true }], ngImport: i0, template: `
-    <ds-mobile-page-main #pageComponent title="Håndbog" [notificationCount]="notificationService.unreadCount()" [avatarInitials]="userService.avatarInitials()" [avatarType]="userService.avatarType()" [contentLoading]="isLoading()" [contentLoadingVariant]="'handbook'" (notificationClick)="handleNotificationClick()" (refresh)="handleRefresh($event)">
+    <ds-mobile-page-main #pageComponent title="Håndbog" [notificationCount]="notificationService.unreadCount()" [avatarInitials]="userService.avatarInitials()" [avatarType]="userService.avatarType()" [avatarSrc]="userService.avatarSrc()" [contentLoading]="isLoading()" [contentLoadingVariant]="'handbook'" (notificationClick)="handleNotificationClick()" (refresh)="handleRefresh($event)">
       <!-- Offline indicator -->
       @if (pageComponent.isOffline()) {
         <ds-mobile-offline-banner offline-indicator title="Ingen internetforbindelse" message="Nogle funktioner kan være utilgængelige"> </ds-mobile-offline-banner>
@@ -32437,7 +32922,7 @@ class MobileHandbookPageComponent {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: MobileHandbookPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-mobile-handbook-page', standalone: true, imports: [DsMobilePageMainComponent, DsMobileSectionComponent, DsMobileHandbookFolderComponent, DsMobileOfflineBannerComponent], template: `
-    <ds-mobile-page-main #pageComponent title="Håndbog" [notificationCount]="notificationService.unreadCount()" [avatarInitials]="userService.avatarInitials()" [avatarType]="userService.avatarType()" [contentLoading]="isLoading()" [contentLoadingVariant]="'handbook'" (notificationClick)="handleNotificationClick()" (refresh)="handleRefresh($event)">
+    <ds-mobile-page-main #pageComponent title="Håndbog" [notificationCount]="notificationService.unreadCount()" [avatarInitials]="userService.avatarInitials()" [avatarType]="userService.avatarType()" [avatarSrc]="userService.avatarSrc()" [contentLoading]="isLoading()" [contentLoadingVariant]="'handbook'" (notificationClick)="handleNotificationClick()" (refresh)="handleRefresh($event)">
       <!-- Offline indicator -->
       @if (pageComponent.isOffline()) {
         <ds-mobile-offline-banner offline-indicator title="Ingen internetforbindelse" message="Nogle funktioner kan være utilgængelige"> </ds-mobile-offline-banner>
@@ -33239,6 +33724,7 @@ class MobileHomePageComponent {
         [notificationCount]="notificationService.unreadCount()"
         [avatarInitials]="userService.avatarInitials()"
         [avatarType]="userService.avatarType()"
+        [avatarSrc]="userService.avatarSrc()"
         (notificationClick)="handleNotificationClick()"
         (refresh)="handleRefresh($event)"
       >
@@ -33451,6 +33937,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImpo
         [notificationCount]="notificationService.unreadCount()"
         [avatarInitials]="userService.avatarInitials()"
         [avatarType]="userService.avatarType()"
+        [avatarSrc]="userService.avatarSrc()"
         (notificationClick)="handleNotificationClick()"
         (refresh)="handleRefresh($event)"
       >
@@ -33726,6 +34213,7 @@ class MobileInquiriesPageComponent {
       [notificationCount]="notificationService.unreadCount()"
       [avatarInitials]="userService.avatarInitials()"
       [avatarType]="userService.avatarType()"
+      [avatarSrc]="userService.avatarSrc()"
       [contentLoading]="isLoading()"
       [contentLoadingVariant]="'list'"
       (notificationClick)="handleNotificationClick()"
@@ -33801,6 +34289,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImpo
       [notificationCount]="notificationService.unreadCount()"
       [avatarInitials]="userService.avatarInitials()"
       [avatarType]="userService.avatarType()"
+      [avatarSrc]="userService.avatarSrc()"
       [contentLoading]="isLoading()"
       [contentLoadingVariant]="'list'"
       (notificationClick)="handleNotificationClick()"
@@ -36112,33 +36601,10 @@ class MobileTabsExampleComponent {
      * NOTE: Desktop only - called directly from tab bar.
      * Mobile actions are handled globally in AppComponent via UserService.
      */
-    handleProfileAction(result) {
-        console.log('Profile action selected (desktop tab bar):', result.action);
-        if (result.action === 'family-access') {
-            this.navCtrl.navigateForward(['/family-access'], {
-                animation: customPageTransition
-            });
-        }
-        if (result.action === 'manage-admins') {
-            this.navCtrl.navigateForward(['/community-admins'], {
-                animation: customPageTransition
-            });
-        }
-        // Handle appearance action here (opens modal)
-        if (result.action === 'appearance') {
-            console.log('Opening whitelabel demo...');
-            // Small delay to ensure bottom sheet is fully dismissed
-            setTimeout(async () => {
-                try {
-                    await this.whitelabelDemoModal.open();
-                }
-                catch (error) {
-                    console.error('Failed to open whitelabel demo modal:', error);
-                }
-            }, 100);
-        }
-        // Notify globally so AppComponent can handle navigation
-        this.userService.notifyProfileAction(result);
+    handleProfileAction(_result) {
+        // All profile actions are handled globally in AppComponent via UserService.
+        // ds-mobile-page-main already calls notifyProfileAction() internally,
+        // so no forwarding is needed here.
     }
     handleMoreMenuAction(item) {
         if (item.route) {
@@ -36208,6 +36674,7 @@ class MobileTabsExampleComponent {
           [notificationCount]="notificationService.unreadCount()"
           [avatarInitials]="userService.avatarInitials()"
           [avatarType]="userService.avatarType()"
+          [avatarSrc]="userService.avatarSrc()"
           [profileMenuItems]="profileMenuItems"
           (notificationClick)="handleNotificationClick()"
           (profileActionSelected)="handleProfileAction($event)"
@@ -36252,6 +36719,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImpo
           [notificationCount]="notificationService.unreadCount()"
           [avatarInitials]="userService.avatarInitials()"
           [avatarType]="userService.avatarType()"
+          [avatarSrc]="userService.avatarSrc()"
           [profileMenuItems]="profileMenuItems"
           (notificationClick)="handleNotificationClick()"
           (profileActionSelected)="handleProfileAction($event)"
@@ -36799,6 +37267,7 @@ class MobileBookingPageComponent {
       [notificationCount]="notificationService.unreadCount()"
       [avatarInitials]="userService.avatarInitials()"
       [avatarType]="userService.avatarType()"
+      [avatarSrc]="userService.avatarSrc()"
       (notificationClick)="handleNotificationClick()"
       (refresh)="handleRefresh($event)">
       
@@ -36924,6 +37393,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImpo
       [notificationCount]="notificationService.unreadCount()"
       [avatarInitials]="userService.avatarInitials()"
       [avatarType]="userService.avatarType()"
+      [avatarSrc]="userService.avatarSrc()"
       (notificationClick)="handleNotificationClick()"
       (refresh)="handleRefresh($event)">
       
@@ -37947,6 +38417,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImpo
 
 class DsMobileInviteMemberSheetComponent {
     modalController;
+    elementRef = inject(ElementRef);
     nameInput;
     viewContainer;
     sheetWrapper;
@@ -37966,6 +38437,10 @@ class DsMobileInviteMemberSheetComponent {
         this.modalController = modalController;
     }
     ngAfterViewInit() {
+        const ionModal = this.elementRef.nativeElement.closest('ion-modal');
+        if (ionModal) {
+            ionModal.canDismiss = (_data, role) => this.handleCanDismiss(role);
+        }
         if (this.nameInput) {
             this.isReadonly = false;
             setTimeout(() => {
@@ -38072,6 +38547,43 @@ class DsMobileInviteMemberSheetComponent {
     delay(ms) {
         return new Promise(resolve => setTimeout(resolve, ms));
     }
+    async handleCanDismiss(role) {
+        if (role === 'success' || role === 'cancel') {
+            return true;
+        }
+        if (this.currentView() === 'step2') {
+            const action = await this.showDiscardConfirmationSheet();
+            if (action !== 'discard')
+                return false;
+        }
+        return true;
+    }
+    async showDiscardConfirmationSheet() {
+        const { DsMobileConfirmationSheetComponent } = await Promise.resolve().then(function () { return dsMobileConfirmationSheet; });
+        const sheet = await this.modalController.create({
+            component: DsMobileConfirmationSheetComponent,
+            componentProps: {
+                title: 'Du har ændringer der ikke er gemt',
+                message: 'Er du sikker på, at du vil kassere invitationen?',
+                buttonText: 'Kassér invitation',
+                showIllustration: false,
+                secondaryButtonText: 'Bliv og rediger',
+                secondaryButtonVariant: 'secondary',
+            },
+            breakpoints: [0, 1],
+            initialBreakpoint: 1,
+            handle: true,
+            cssClass: ['ds-bottom-sheet', 'auto-height'],
+            backdropDismiss: false,
+            showBackdrop: true,
+        });
+        await sheet.present();
+        disableModalShadowPointerEvents(sheet);
+        const result = await sheet.onDidDismiss();
+        if (result.role === 'confirm')
+            return 'discard';
+        return null;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: DsMobileInviteMemberSheetComponent, deps: [{ token: i1.ModalController }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.23", type: DsMobileInviteMemberSheetComponent, isStandalone: true, selector: "ds-mobile-invite-member-sheet", viewQueries: [{ propertyName: "nameInput", first: true, predicate: ["nameInput"], descendants: true }, { propertyName: "viewContainer", first: true, predicate: ["viewContainer"], descendants: true, read: ElementRef }, { propertyName: "sheetWrapper", first: true, predicate: ["sheetWrapper"], descendants: true, read: ElementRef }], ngImport: i0, template: `
     <div class="sheet-content" #sheetWrapper>
@@ -38853,6 +39365,7 @@ class TenantChatPageComponent {
       [notificationCount]="notificationService.unreadCount()"
       [avatarInitials]="userService.avatarInitials()"
       [avatarType]="userService.avatarType()"
+      [avatarSrc]="userService.avatarSrc()"
       (notificationClick)="handleNotificationClick()"
       (refresh)="handleRefresh($event)">
 
@@ -38929,6 +39442,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImpo
       [notificationCount]="notificationService.unreadCount()"
       [avatarInitials]="userService.avatarInitials()"
       [avatarType]="userService.avatarType()"
+      [avatarSrc]="userService.avatarSrc()"
       (notificationClick)="handleNotificationClick()"
       (refresh)="handleRefresh($event)">
 
@@ -39137,6 +39651,7 @@ class ServicesPageComponent {
       [notificationCount]="notificationService.unreadCount()"
       [avatarInitials]="userService.avatarInitials()"
       [avatarType]="userService.avatarType()"
+      [avatarSrc]="userService.avatarSrc()"
       (notificationClick)="handleNotificationClick()"
       (refresh)="handleRefresh($event)"
     >
@@ -39186,6 +39701,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImpo
       [notificationCount]="notificationService.unreadCount()"
       [avatarInitials]="userService.avatarInitials()"
       [avatarType]="userService.avatarType()"
+      [avatarSrc]="userService.avatarSrc()"
       (notificationClick)="handleNotificationClick()"
       (refresh)="handleRefresh($event)"
     >
@@ -39260,6 +39776,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i1.ModalController }] });
 
+class ProfileModalService {
+    modalController;
+    constructor(modalController) {
+        this.modalController = modalController;
+    }
+    async open() {
+        const modal = await this.modalController.create({
+            component: ProfileModalComponent,
+            cssClass: 'ds-modal-base',
+            mode: 'ios',
+            presentingElement: document.querySelector('ion-router-outlet') || undefined,
+            backdropDismiss: true,
+            showBackdrop: true,
+            animated: true,
+        });
+        await modal.present();
+    }
+    async close(data) {
+        return this.modalController.dismiss(data);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: ProfileModalService, deps: [{ token: i1.ModalController }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: ProfileModalService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: ProfileModalService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1.ModalController }] });
+
 /**
  * Services Barrel File
  *
@@ -39283,5 +39829,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AcceptInvitePageComponent, ActionCommentComponent, ActionLikeComponent, AvatarUploadPageComponent, BaseModalService, ContentRowComponent, CreateAccountPageComponent, DEFAULT_NOTIFICATION_PREFS, DEFAULT_SERVICE_PAGE_LABELS, DsAppIconComponent, DsAvatarWithBadgeComponent, DsLogoComponent, DsMobileAccessSheetComponent, DsMobileActionListItemComponent, DsMobileActionsBottomSheetComponent, DsMobileAddGroupTenantsModalComponent, DsMobileAppLoadingComponent, DsMobileAttachmentPreviewComponent, DsMobileBookingCancelConfirmationComponent, DsMobileBookingConfirmationWrapperComponent, DsMobileBookingDetailSheetComponent, DsMobileBookingDetailSheetService, DsMobileBookingModalComponent, DsMobileBookingModalService, DsMobileBookingSummaryComponent, DsMobileBottomSheetHeaderComponent, DsMobileBottomSheetService, DsMobileBottomSheetWrapperComponent, DsMobileCapacitySheetComponent, DsMobileCardInlineBannerComponent, DsMobileCardInlineComponent, DsMobileCardInlineContactComponent, DsMobileCardInlineFileComponent, DsMobileChatModalComponent, DsMobileChatModalService, DsMobileActionsBottomSheetComponent as DsMobileCommentActionsBottomSheetComponent, DsMobileCommentComponent, DsMobileCommunityAdminPickerComponent, DsMobileCommunityAdminsModalComponent, DsMobileConfirmationSheetComponent, DsMobileContactListItemComponent, DsMobileContentComponent, DsMobileCountBadgeComponent, DsMobileCreateGroupModalComponent, DsMobileDropdownComponent, DsMobileEditGroupModalComponent, DsMobileEmptyStateComponent, DsMobileFabComponent, DsMobileFacilityArchiveConfirmationComponent, DsMobileFacilityCreationConfirmationWrapperComponent, DsMobileFacilityCreationModalComponent, DsMobileFacilityCreationModalService, DsMobileFacilityDeleteConfirmationComponent, DsMobileFacilityDetailModalComponent, DsMobileFacilityDetailModalService, DsMobileFileAttachmentComponent, DsMobileGlassSpinnerComponent, DsMobileGroupAvatarStackComponent, DsMobileGroupMembersModalComponent, DsMobileHandbookDetailModalComponent, DsMobileHandbookDetailModalService, DsMobileHandbookFolderComponent, DsMobileHandbookFolderMiniComponent, DsMobileHeaderContentComponent, DsMobileHeaderContentTileComponent, DsMobileIllustrationComponent, DsMobileImagePlaceholderComponent, DsMobileInlinePhotoComponent, DsMobileInlineTabsComponent, DsMobileInteractiveListItemBookingComponent, DsMobileInteractiveListItemInquiryComponent, DsMobileInteractiveListItemMessageComponent, DsMobileInteractiveListItemPostComponent, DsMobileLightboxImageComponent as DsMobileLightboxComponent, DsMobileLightboxFooterComponent, DsMobileLightboxHeaderComponent, DsMobileLightboxImageComponent, DsMobileLightboxImageWithDescriptionComponent, DsMobileLightboxPdfComponent, DsMobileLightboxService, DsMobileListItemComponent, DsMobileListItemStaticComponent, DsMobileListSearchComponent, DsMobileLoaderOverlayComponent, DsMobileLongPressDirective, DsMobileMediaActionsPanelComponent, DsMobileMessageBubbleComponent, DsMobileMessageComposerComponent, DsMobileModalBaseComponent, DsMobileModalService, DsMobileNewInquiryModalComponent, DsMobileNewInquiryModalService, DsMobileNotificationButtonComponent, DsMobileNotificationModalComponent, DsMobileNotificationModalService, DsMobileNotificationPromptComponent, DsMobileOfflineBannerComponent, DsMobilePageDetailsComponent, DsMobilePageMainComponent, DsMobilePillComponent, DsMobileActionsBottomSheetComponent as DsMobilePostActionsBottomSheetComponent, DsMobilePostComposerComponent, DsMobilePostCreateBottomSheetComponent, DsMobilePostDetailModalComponent, DsMobilePostDetailModalService, DsMobilePriceSheetComponent, DsMobileProfileActionsSheetComponent, DsMobilePromptBottomSheetComponent, DsMobilePropertyBannerComponent, DsMobileRichTextEditorComponent, DsMobileSectionComponent, DsMobileServiceVendorModalService, DsMobileServiceVendorSheetComponent, DsMobileSwiperComponent, DsMobileSwiperWithNavComponent, DsMobileSystemMessageBannerComponent, DsMobileTabBarComponent, DsMobileTabsComponent, DsMobileTenantPickerModalComponent, DsMobileToggleComponent, DsMobileWhenCanBookSheetComponent, DsMobileWhoCanBookSheetComponent, DsTextInputComponent, FamilyAccessPageComponent, FamilyAccessService, InquiriesService, InviteSuccessPageComponent, MediaPickerService, MobileBookingPageComponent, MobileCommunityPageComponent, MobileHandbookPageComponent, MobileHomePageComponent, MobileInquiriesPageComponent, MobileInquiryDetailPageComponent, MobileModalBase, MobilePageBase, MobilePostDetailPageComponent, MobileTabsExampleComponent, NOTIFICATION_ICON_MAP, NotificationPromptService, NotificationService, PUSH_BACKEND_ADAPTER, PageLoadingService, PeerChatLauncherService, PeerMessagingService, PostActionsComponent, PostAttachmentsComponent, PostContentComponent, PostCreatePageComponent, PostMediaComponent, PostPdfAttachmentComponent, PostTextComponent, PostsService, PushNotificationService, RelativeTimePipe, SAMPLE_NOTIFICATIONS, SectionHeaderComponent, ServicesPageComponent, SettingsModalComponent, SettingsModalService, SignInPageComponent, SignInToAcceptPageComponent, TenantChatPageComponent, TileContentComponent, TileIconComponent, TileLabelComponent, TileValueComponent, TrackingPermissionService, UserService, VENDOR_MODAL_SERVICE, WhitelabelDemoModalComponent, WhitelabelDemoModalService, WhitelabelService, customBackTransition, customPageTransition, dateBucket, extractPushPayload, isPeerDirectConversation, isPeerGroupConversation, notificationItemFromPush, peerTenantToParticipant, pushPayloadToNotificationItem };
+export { AcceptInvitePageComponent, ActionCommentComponent, ActionLikeComponent, AvatarUploadPageComponent, BaseModalService, ContentRowComponent, CreateAccountPageComponent, DEFAULT_NOTIFICATION_PREFS, DEFAULT_SERVICE_PAGE_LABELS, DsAppIconComponent, DsAvatarWithBadgeComponent, DsLogoComponent, DsMobileAccessSheetComponent, DsMobileActionListItemComponent, DsMobileActionsBottomSheetComponent, DsMobileAddGroupTenantsModalComponent, DsMobileAppLoadingComponent, DsMobileAttachmentPreviewComponent, DsMobileBookingCancelConfirmationComponent, DsMobileBookingConfirmationWrapperComponent, DsMobileBookingDetailSheetComponent, DsMobileBookingDetailSheetService, DsMobileBookingModalComponent, DsMobileBookingModalService, DsMobileBookingSummaryComponent, DsMobileBottomSheetHeaderComponent, DsMobileBottomSheetService, DsMobileBottomSheetWrapperComponent, DsMobileCapacitySheetComponent, DsMobileCardInlineBannerComponent, DsMobileCardInlineComponent, DsMobileCardInlineContactComponent, DsMobileCardInlineFileComponent, DsMobileChatModalComponent, DsMobileChatModalService, DsMobileActionsBottomSheetComponent as DsMobileCommentActionsBottomSheetComponent, DsMobileCommentComponent, DsMobileCommunityAdminPickerComponent, DsMobileCommunityAdminsModalComponent, DsMobileConfirmationSheetComponent, DsMobileContactListItemComponent, DsMobileContentComponent, DsMobileCountBadgeComponent, DsMobileCreateGroupModalComponent, DsMobileDropdownComponent, DsMobileEditGroupModalComponent, DsMobileEmptyStateComponent, DsMobileFabComponent, DsMobileFacilityArchiveConfirmationComponent, DsMobileFacilityCreationConfirmationWrapperComponent, DsMobileFacilityCreationModalComponent, DsMobileFacilityCreationModalService, DsMobileFacilityDeleteConfirmationComponent, DsMobileFacilityDetailModalComponent, DsMobileFacilityDetailModalService, DsMobileFileAttachmentComponent, DsMobileGlassSpinnerComponent, DsMobileGroupAvatarStackComponent, DsMobileGroupMembersModalComponent, DsMobileHandbookDetailModalComponent, DsMobileHandbookDetailModalService, DsMobileHandbookFolderComponent, DsMobileHandbookFolderMiniComponent, DsMobileHeaderContentComponent, DsMobileHeaderContentTileComponent, DsMobileIllustrationComponent, DsMobileImagePlaceholderComponent, DsMobileInlinePhotoComponent, DsMobileInlineTabsComponent, DsMobileInteractiveListItemBookingComponent, DsMobileInteractiveListItemInquiryComponent, DsMobileInteractiveListItemMessageComponent, DsMobileInteractiveListItemPostComponent, DsMobileLightboxImageComponent as DsMobileLightboxComponent, DsMobileLightboxFooterComponent, DsMobileLightboxHeaderComponent, DsMobileLightboxImageComponent, DsMobileLightboxImageWithDescriptionComponent, DsMobileLightboxPdfComponent, DsMobileLightboxService, DsMobileListItemComponent, DsMobileListItemStaticComponent, DsMobileListSearchComponent, DsMobileLoaderOverlayComponent, DsMobileLongPressDirective, DsMobileMediaActionsPanelComponent, DsMobileMessageBubbleComponent, DsMobileMessageComposerComponent, DsMobileModalBaseComponent, DsMobileModalService, DsMobileNewInquiryModalComponent, DsMobileNewInquiryModalService, DsMobileNotificationButtonComponent, DsMobileNotificationModalComponent, DsMobileNotificationModalService, DsMobileNotificationPromptComponent, DsMobileOfflineBannerComponent, DsMobilePageDetailsComponent, DsMobilePageMainComponent, DsMobilePillComponent, DsMobileActionsBottomSheetComponent as DsMobilePostActionsBottomSheetComponent, DsMobilePostComposerComponent, DsMobilePostCreateBottomSheetComponent, DsMobilePostDetailModalComponent, DsMobilePostDetailModalService, DsMobilePriceSheetComponent, DsMobileProfileActionsSheetComponent, DsMobilePromptBottomSheetComponent, DsMobilePropertyBannerComponent, DsMobileRichTextEditorComponent, DsMobileSectionComponent, DsMobileServiceVendorModalService, DsMobileServiceVendorSheetComponent, DsMobileSwiperComponent, DsMobileSwiperWithNavComponent, DsMobileSystemMessageBannerComponent, DsMobileTabBarComponent, DsMobileTabsComponent, DsMobileTenantPickerModalComponent, DsMobileToggleComponent, DsMobileWhenCanBookSheetComponent, DsMobileWhoCanBookSheetComponent, DsTextInputComponent, FamilyAccessPageComponent, FamilyAccessService, InquiriesService, InviteSuccessPageComponent, MediaPickerService, MobileBookingPageComponent, MobileCommunityPageComponent, MobileHandbookPageComponent, MobileHomePageComponent, MobileInquiriesPageComponent, MobileInquiryDetailPageComponent, MobileModalBase, MobilePageBase, MobilePostDetailPageComponent, MobileTabsExampleComponent, NOTIFICATION_ICON_MAP, NotificationPromptService, NotificationService, PUSH_BACKEND_ADAPTER, PageLoadingService, PeerChatLauncherService, PeerMessagingService, PostActionsComponent, PostAttachmentsComponent, PostContentComponent, PostCreatePageComponent, PostMediaComponent, PostPdfAttachmentComponent, PostTextComponent, PostsService, ProfileModalComponent, ProfileModalService, PushNotificationService, RelativeTimePipe, SAMPLE_NOTIFICATIONS, SectionHeaderComponent, ServicesPageComponent, SettingsModalComponent, SettingsModalService, SignInPageComponent, SignInToAcceptPageComponent, TenantChatPageComponent, TileContentComponent, TileIconComponent, TileLabelComponent, TileValueComponent, TrackingPermissionService, UserService, VENDOR_MODAL_SERVICE, WhitelabelDemoModalComponent, WhitelabelDemoModalService, WhitelabelService, customBackTransition, customPageTransition, dateBucket, extractPushPayload, isPeerDirectConversation, isPeerGroupConversation, notificationItemFromPush, peerTenantToParticipant, pushPayloadToNotificationItem };
 //# sourceMappingURL=propbinder-mobile-design.mjs.map