@acorex/components 22.2.21 → 22.2.23

package/fesm2022/{acorex-components-conversation-picker-rename-file-dialog.component-CucWbe-K.mjs → acorex-components-conversation-picker-rename-file-dialog.component-DISTTXfU.mjs}

@@ -9,7 +9,7 @@ import { AsyncPipe } from '@angular/common';
 import * as i0 from '@angular/core';
 import { input, model, EventEmitter, effect, ViewEncapsulation, Component } from '@angular/core';
 import { FormsModule } from '@angular/forms';
-import { i as isValidPickerFileName } from './acorex-components-conversation-acorex-components-conversation-ck1BG3Hi.mjs';
+import { i as isValidPickerFileName } from './acorex-components-conversation-acorex-components-conversation-C0FCDzeX.mjs';
 
 class AXConversationPickerRenameFileDialogComponent {
     constructor() {
@@ -62,4 +62,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
         }], ctorParameters: () => [], propDecorators: { initialName: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialName", required: true }] }], fileName: [{ type: i0.Input, args: [{ isSignal: true, alias: "fileName", required: false }] }, { type: i0.Output, args: ["fileNameChange"] }] } });
 
 export { AXConversationPickerRenameFileDialogComponent };
-//# sourceMappingURL=acorex-components-conversation-picker-rename-file-dialog.component-CucWbe-K.mjs.map
+//# sourceMappingURL=acorex-components-conversation-picker-rename-file-dialog.component-DISTTXfU.mjs.map

package/fesm2022/{acorex-components-conversation-picker-rename-file-dialog.component-CucWbe-K.mjs.map → acorex-components-conversation-picker-rename-file-dialog.component-DISTTXfU.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-conversation-picker-rename-file-dialog.component-CucWbe-K.mjs","sources":["../../../../packages/components/conversation/src/lib/plugins/composer/components/shared/picker-rename-file-dialog.component.ts","../../../../packages/components/conversation/src/lib/plugins/composer/components/shared/picker-rename-file-dialog.component.html"],"sourcesContent":["import { AXClosableComponent, AXComponentCloseEvent } from '@acorex/cdk/common';\nimport { AXButtonComponent } from '@acorex/components/button';\nimport { AXDecoratorGenericComponent } from '@acorex/components/decorators';\nimport { AXTextBoxModule } from '@acorex/components/text-box';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AsyncPipe } from '@angular/common';\nimport { Component, EventEmitter, ViewEncapsulation, effect, input, model } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { isValidPickerFileName } from './picker-file.utils';\n\n@Component({\n  selector: 'ax-conversation-picker-rename-file-dialog',\n  encapsulation: ViewEncapsulation.None,\n  imports: [\n    AsyncPipe,\n    FormsModule,\n    AXButtonComponent,\n    AXDecoratorGenericComponent,\n    AXTextBoxModule,\n    AXTranslationModule,\n  ],\n  providers: [{ provide: AXClosableComponent, useExisting: AXConversationPickerRenameFileDialogComponent }],\n  templateUrl: './picker-rename-file-dialog.component.html',\n  styleUrl: './picker-rename-file-dialog.component.css',\n})\nexport class AXConversationPickerRenameFileDialogComponent {\n  readonly initialName = input.required<string>();\n  readonly fileName = model('');\n\n  constructor() {\n    effect(() => {\n      this.fileName.set(this.initialName());\n    });\n  }\n\n  canSave(): boolean {\n    const next = this.fileName().trim();\n    return isValidPickerFileName(next) && next !== this.initialName().trim();\n  }\n\n  save(): void {\n    if (!this.canSave()) {\n      return;\n    }\n\n    const event = new AXComponentCloseEvent();\n    event.component = this;\n    event.data = this.fileName().trim();\n    this.onClosed.emit(event);\n  }\n\n  cancel(): void {\n    const event = new AXComponentCloseEvent();\n    event.component = this;\n    this.onClosed.emit(event);\n  }\n\n  onKeyDown(event: { nativeEvent?: KeyboardEvent } | undefined): void {\n    if (event?.nativeEvent?.key === 'Enter') {\n      event.nativeEvent.preventDefault();\n      this.save();\n    }\n  }\n\n  readonly onClosed = new EventEmitter<AXComponentCloseEvent>();\n}\n","<div class=\"ax-conversation-picker-rename-dialog\">\n  <div class=\"dialog-content\">\n    <ax-text-box\n      [(value)]=\"fileName\"\n      [look]=\"'outline'\"\n      [placeholder]=\"'@acorex:chat.pickers.files.rename-placeholder' | translate | async\"\n      (onKeyDown)=\"onKeyDown($event)\"\n    />\n  </div>\n\n  <ax-footer class=\"dialog-footer\">\n    <ax-suffix>\n      <ax-button\n        [text]=\"'@acorex:chat.actions.cancel' | translate | async\"\n        [look]=\"'solid'\"\n        (onClick)=\"cancel()\"\n      />\n      <ax-button\n        [text]=\"'@acorex:chat.actions.save' | translate | async\"\n        [look]=\"'solid'\"\n        [color]=\"'primary'\"\n        [disabled]=\"!canSave()\"\n        (onClick)=\"save()\"\n      />\n    </ax-suffix>\n  </ax-footer>\n</div>\n"],"names":["i1","i2"],"mappings":"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"}
+{"version":3,"file":"acorex-components-conversation-picker-rename-file-dialog.component-DISTTXfU.mjs","sources":["../../../../packages/components/conversation/src/lib/plugins/composer/components/shared/picker-rename-file-dialog.component.ts","../../../../packages/components/conversation/src/lib/plugins/composer/components/shared/picker-rename-file-dialog.component.html"],"sourcesContent":["import { AXClosableComponent, AXComponentCloseEvent } from '@acorex/cdk/common';\nimport { AXButtonComponent } from '@acorex/components/button';\nimport { AXDecoratorGenericComponent } from '@acorex/components/decorators';\nimport { AXTextBoxModule } from '@acorex/components/text-box';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AsyncPipe } from '@angular/common';\nimport { Component, EventEmitter, ViewEncapsulation, effect, input, model } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { isValidPickerFileName } from './picker-file.utils';\n\n@Component({\n  selector: 'ax-conversation-picker-rename-file-dialog',\n  encapsulation: ViewEncapsulation.None,\n  imports: [\n    AsyncPipe,\n    FormsModule,\n    AXButtonComponent,\n    AXDecoratorGenericComponent,\n    AXTextBoxModule,\n    AXTranslationModule,\n  ],\n  providers: [{ provide: AXClosableComponent, useExisting: AXConversationPickerRenameFileDialogComponent }],\n  templateUrl: './picker-rename-file-dialog.component.html',\n  styleUrl: './picker-rename-file-dialog.component.css',\n})\nexport class AXConversationPickerRenameFileDialogComponent {\n  readonly initialName = input.required<string>();\n  readonly fileName = model('');\n\n  constructor() {\n    effect(() => {\n      this.fileName.set(this.initialName());\n    });\n  }\n\n  canSave(): boolean {\n    const next = this.fileName().trim();\n    return isValidPickerFileName(next) && next !== this.initialName().trim();\n  }\n\n  save(): void {\n    if (!this.canSave()) {\n      return;\n    }\n\n    const event = new AXComponentCloseEvent();\n    event.component = this;\n    event.data = this.fileName().trim();\n    this.onClosed.emit(event);\n  }\n\n  cancel(): void {\n    const event = new AXComponentCloseEvent();\n    event.component = this;\n    this.onClosed.emit(event);\n  }\n\n  onKeyDown(event: { nativeEvent?: KeyboardEvent } | undefined): void {\n    if (event?.nativeEvent?.key === 'Enter') {\n      event.nativeEvent.preventDefault();\n      this.save();\n    }\n  }\n\n  readonly onClosed = new EventEmitter<AXComponentCloseEvent>();\n}\n","<div class=\"ax-conversation-picker-rename-dialog\">\n  <div class=\"dialog-content\">\n    <ax-text-box\n      [(value)]=\"fileName\"\n      [look]=\"'outline'\"\n      [placeholder]=\"'@acorex:chat.pickers.files.rename-placeholder' | translate | async\"\n      (onKeyDown)=\"onKeyDown($event)\"\n    />\n  </div>\n\n  <ax-footer class=\"dialog-footer\">\n    <ax-suffix>\n      <ax-button\n        [text]=\"'@acorex:chat.actions.cancel' | translate | async\"\n        [look]=\"'solid'\"\n        (onClick)=\"cancel()\"\n      />\n      <ax-button\n        [text]=\"'@acorex:chat.actions.save' | translate | async\"\n        [look]=\"'solid'\"\n        [color]=\"'primary'\"\n        [disabled]=\"!canSave()\"\n        (onClick)=\"save()\"\n      />\n    </ax-suffix>\n  </ax-footer>\n</div>\n"],"names":["i1","i2"],"mappings":"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"}

package/fesm2022/acorex-components-conversation.mjs

@@ -1,2 +1,2 @@
-export { A as AXConversationApi, a as AXConversationApiLoggerService, b as AXConversationAudioAttachmentComponent, c as AXConversationAudioFileTypeProvider, d as AXConversationAudioPickerComponent, e as AXConversationAudioRendererComponent, f as AXConversationAvatarComponent, g as AXConversationAvatarPickerComponent, h as AXConversationBaseRegistry, j as AXConversationComposerActionRegistry, k as AXConversationComposerComponent, l as AXConversationComposerFileTypesProvider, m as AXConversationComposerGenerationStateService, n as AXConversationComposerPopupComponent, o as AXConversationComposerService, p as AXConversationComposerTabRegistry, q as AXConversationContainerComponent, r as AXConversationContainerDirective, s as AXConversationDateUtilsService, t as AXConversationDeleteDialogComponent, u as AXConversationEmojiTabComponent, v as AXConversationErrorHandlerService, w as AXConversationFallbackRendererComponent, x as AXConversationFileAttachmentComponent, y as AXConversationFileFileTypeProvider, z as AXConversationFilePickerComponent, B as AXConversationFileRendererComponent, C as AXConversationForwardMessageDialogComponent, D as AXConversationImageAttachmentComponent, E as AXConversationImageFileTypeProvider, F as AXConversationImagePickerComponent, G as AXConversationImageRendererComponent, H as AXConversationInfiniteScrollDirective, I as AXConversationInfoBarActionRegistry, J as AXConversationInfoBarComponent, K as AXConversationInfoBarSearchComponent, L as AXConversationInfoBarService, M as AXConversationItemActionRegistry, N as AXConversationLocationPickerComponent, O as AXConversationLocationRendererComponent, P as AXConversationMediaPlaybackInfoBarBannerComponent, Q as AXConversationMessageActionRegistry, R as AXConversationMessageApi, S as AXConversationMessageListComponent, T as AXConversationMessageListNoActiveDefaultComponent, U as AXConversationMessageListService, V as AXConversationMessageRendererCopyHostComponent, W as AXConversationMessageRendererRegistry, X as AXConversationMessageRendererStateComponent, Y as AXConversationMessageUtilsService, Z as AXConversationModule, _ as AXConversationNewDialogComponent, $ as AXConversationPickerCaptionComponent, a0 as AXConversationPickerEmptyComponent, a1 as AXConversationPickerFooterComponent, a2 as AXConversationPickerHeaderComponent, a3 as AXConversationPickerOptionsComponent, a4 as AXConversationPickerShellComponent, a5 as AXConversationPickerToolbarComponent, a6 as AXConversationRealtimeApi, a7 as AXConversationRegistryComponentOutletComponent, a8 as AXConversationRegistryService, a9 as AXConversationService, aa as AXConversationSidebarComponent, ab as AXConversationSidebarService, ac as AXConversationStickerRendererComponent, ad as AXConversationStickerTabComponent, ae as AXConversationSystemRendererComponent, af as AXConversationTabRegistry, ag as AXConversationTextRendererComponent, ah as AXConversationUserApi, ai as AXConversationVideoAttachmentComponent, aj as AXConversationVideoFileTypeProvider, ak as AXConversationVideoPickerComponent, al as AXConversationVideoRendererComponent, am as AXConversationVoiceFileTypeProvider, an as AXConversationVoiceRecorderComponent, ao as AXConversationVoiceRendererComponent, ap as AX_CONVERSATION_AUDIO_CATALOG, aq as AX_CONVERSATION_AUDIO_PRESENTATION, ar as AX_CONVERSATION_AUDIO_RENDERER, as as AX_CONVERSATION_BUILTIN_COMPOSER_TABS, at as AX_CONVERSATION_COMPOSER_AUDIO_ACTION, au as AX_CONVERSATION_COMPOSER_EMOJI_ACTION, av as AX_CONVERSATION_COMPOSER_EMOJI_TAB, aw as AX_CONVERSATION_COMPOSER_FILE_ACTION, ax as AX_CONVERSATION_COMPOSER_IMAGE_ACTION, ay as AX_CONVERSATION_COMPOSER_LOCATION_ACTION, az as AX_CONVERSATION_COMPOSER_STICKER_TAB, aA as AX_CONVERSATION_COMPOSER_VIDEO_ACTION, aB as AX_CONVERSATION_COMPOSER_VOICE_RECORDING_ACTION, aC as AX_CONVERSATION_CONFIG, aD as AX_CONVERSATION_CONNECTION_ERRORS, aE as AX_CONVERSATION_CONVERSATION_AVATAR_COMPONENT, aF as AX_CONVERSATION_DEFAULT_COMPOSER_ACTIONS, aG as AX_CONVERSATION_DEFAULT_COMPOSER_TABS, aH as AX_CONVERSATION_DEFAULT_CONVERSATION_ITEM_ACTIONS, aI as AX_CONVERSATION_DEFAULT_CONVERSATION_TABS, aJ as AX_CONVERSATION_DEFAULT_GROUP_ICON, aK as AX_CONVERSATION_DEFAULT_INFO_BAR_ACTIONS, aL as AX_CONVERSATION_DEFAULT_MESSAGE_ACTIONS, aM as AX_CONVERSATION_DEFAULT_MESSAGE_LIST_BACKGROUND, aN as AX_CONVERSATION_DEFAULT_MESSAGE_LIST_BACKGROUND_PRESET_ID, aO as AX_CONVERSATION_DEFAULT_MESSAGE_LIST_THEME_BACKGROUND, aP as AX_CONVERSATION_DEFAULT_MESSAGE_RENDERERS, aQ as AX_CONVERSATION_DEFAULT_ROOM_PREFERENCES, aR as AX_CONVERSATION_DEFAULT_USER_ICON, aS as AX_CONVERSATION_ERRORS, aT as AX_CONVERSATION_ERROR_HANDLER_CONFIG, aU as AX_CONVERSATION_ERROR_MESSAGES, aV as AX_CONVERSATION_FALLBACK_RENDERER, aW as AX_CONVERSATION_FILE_CATALOG, aX as AX_CONVERSATION_FILE_ERRORS, aY as AX_CONVERSATION_FILE_PRESENTATION, aZ as AX_CONVERSATION_FILE_RENDERER, a_ as AX_CONVERSATION_FILE_TYPES_READY, a$ as AX_CONVERSATION_IMAGE_CATALOG, b0 as AX_CONVERSATION_IMAGE_PRESENTATION, b1 as AX_CONVERSATION_IMAGE_RENDERER, b2 as AX_CONVERSATION_INFO_BAR_ARCHIVE_ACTION, b3 as AX_CONVERSATION_INFO_BAR_BLOCK_ACTION, b4 as AX_CONVERSATION_INFO_BAR_DELETE_ACTION, b5 as AX_CONVERSATION_INFO_BAR_DIVIDER, b6 as AX_CONVERSATION_INFO_BAR_MUTE_ACTION, b7 as AX_CONVERSATION_INFO_BAR_SEARCH_ACTION, b8 as AX_CONVERSATION_ITEM_BLOCK_ACTION, b9 as AX_CONVERSATION_ITEM_DELETE_ACTION, ba as AX_CONVERSATION_ITEM_DIVIDER, bb as AX_CONVERSATION_ITEM_MARK_READ_ACTION, bc as AX_CONVERSATION_ITEM_MUTE_ACTION, bd as AX_CONVERSATION_ITEM_PIN_ACTION, be as AX_CONVERSATION_JUMBO_EMOJI_MAX, bf as AX_CONVERSATION_LOCATION_ERRORS, bg as AX_CONVERSATION_LOCATION_RENDERER, bh as AX_CONVERSATION_MESSAGE_DELETE_ACTION, bi as AX_CONVERSATION_MESSAGE_EDIT_ACTION, bj as AX_CONVERSATION_MESSAGE_ERRORS, bk as AX_CONVERSATION_MESSAGE_FORWARD_ACTION, bl as AX_CONVERSATION_MESSAGE_LIST_BACKGROUND_PRESETS, bm as AX_CONVERSATION_MESSAGE_REPLY_ACTION, bn as AX_CONVERSATION_MESSAGE_TYPE_FILE_TYPE, bo as AX_CONVERSATION_PEER_AVATAR_TYPES, bp as AX_CONVERSATION_REGISTRY_CONFIG, bq as AX_CONVERSATION_STICKER_API_KEY, br as AX_CONVERSATION_STICKER_RENDERER, bs as AX_CONVERSATION_SYSTEM_RENDERER, bt as AX_CONVERSATION_TAB_ALL, bu as AX_CONVERSATION_TAB_ARCHIVED, bv as AX_CONVERSATION_TAB_BOT, bw as AX_CONVERSATION_TAB_CHANNELS, bx as AX_CONVERSATION_TAB_GROUPS, by as AX_CONVERSATION_TAB_PRIVATE, bz as AX_CONVERSATION_TAB_UNREAD, bA as AX_CONVERSATION_TEXT_RENDERER, bB as AX_CONVERSATION_URL_ERRORS, bC as AX_CONVERSATION_USER_AVATAR_COMPONENT, bD as AX_CONVERSATION_USER_ERRORS, bE as AX_CONVERSATION_VIDEO_CATALOG, bF as AX_CONVERSATION_VIDEO_PRESENTATION, bG as AX_CONVERSATION_VIDEO_RENDERER, bH as AX_CONVERSATION_VOICE_CATALOG, bI as AX_CONVERSATION_VOICE_PRESENTATION, bJ as AX_CONVERSATION_VOICE_RENDERER, bK as AX_DEFAULT_CONVERSATION_CONFIG, bL as abortPickerUploads, bM as applyAudioLocalPreview, bN as applyFileLocalPreview, bO as applyLocalPreview, bP as applyVideoLocalPreview, bQ as applyVoiceLocalPreview, bR as audioItemFromUpload, bS as bindMediaRendererContentState, bT as buildMediaGalleryTiles, bU as canShowRendererContentError, bV as cleanupPickerUploads, bW as conversationAudioUtilities, bX as conversationFileUtilities, bY as conversationImageUtilities, bZ as conversationVideoUtilities, b_ as conversationVoiceUtilities, b$ as copyWithFileTypeFallback, c0 as countLoneEmojis, c1 as createConversationAudioFileType, c2 as createConversationFileFileType, c3 as createConversationImageFileType, c4 as createConversationVideoFileType, c5 as createConversationVoiceFileType, c6 as createLocalPreviewUrl, c7 as createObjectUrl, c8 as createPickerDragHandlers, c9 as createPickerUploadItemId, ca as createResolvedMediaUrlSignal, cb as deleteUploadedPickerMedia, cc as dismissComposerPickerHost, cd as ensureConversationFileCatalogRegistered, ce as fetchConversationMediaPage, cf as fileItemAsAudioMedia, cg as fileItemFromUpload, ch as filesFromClipboardEvent, ci as filterMessagesByMediaCategory, cj as filterSupplementalInfoPanelMessages, ck as findExistingPrivateConversation, cl as formatDuration, cm as formatErrorMessage, cn as formatFileByteSize, co as formatFileSize, cp as formatMediaDuration, cq as formatPickerValidationMessage, cr as getActiveComposerPickerPasteHandler, cs as getConversationMediaCategories, ct as getConversationProfileFields, cu as getErrorMessage, cv as getMessageAudioItems, cw as getMessageVideoItems, cx as getPickerCancelUploadLabel, cy as getPrivatePeerParticipant, cz as hasRegistryComponent, cA as inferFileExtensionHintFromMessage, cB as isAttachmentListCategory, cC as isComposerTabEnabled, cD as isConversationReactionsEnabled, cE as isConversationRoomCreator, cF as isGenericPrivateConversationTitle, cG as isGridMediaCategory, cH as isGroupLikeConversation, cI as isJumboEmojiText, cJ as isJumboEmojiTextMessage, cK as isMessageDeliveryPending, cL as isMessageListThemeBackground, cM as isMessageVisibleAfterHistoryCutoff, cN as isNonPersistableMediaUrl, cO as isPickerItemReadyToSend, cP as isPlainChromeMessage, cQ as isSameMessageListBackground, cR as isUploadAborted, cS as limitFilesToCapacity, cT as listTextGraphemes, cU as mediaCopyText, cV as mergeAudioUploadResult, cW as mergeFileUploadResult, cX as mergeInfoPanelMessages, cY as mergeUploadResult, cZ as mergeVideoUploadResult, c_ as mergeVoiceUploadResult, c$ as mergeWithDefaults, d0 as messageContainsLink, d1 as normalizeAudioPayload, d2 as normalizeFilePayload, d3 as normalizeImagePayload, d4 as normalizeMessageListBackgroundValue, d5 as normalizeVideoPayload, d6 as notifyMaxFilesCapacityExceeded, d7 as notifyPickerValidationErrors, d8 as openWithFileType, d9 as pickDisplayMediaUrl, da as pickEarliestJoinedParticipant, db as pickerItemToMediaReference, dc as pickerItemToUploadResult, dd as probeImageDimensions, de as probeVideoMedia, df as provideConversation, dg as provideConversationComposerFileTypes, dh as provideConversationFileCatalog, di as registerComposerPickerPasteHandler, dj as reportMediaLoadError, dk as resolveComposerMaxFiles, dl as resolveConversationAvatarDisplay, dm as resolveConversationComposerTabs, dn as resolveConversationForViewer, dp as resolveConversationMessageFileType, dq as resolveConversationPeerParticipant, dr as resolveConversationPeerUserId, ds as resolveConversationTitleForViewer, dt as resolveGalleryImageUrl, du as resolveImageDisplayUrl, dv as resolveMessageChrome, dw as resolveMessageListBackgroundRaw, dx as resolveMessageListBackgroundStyle, dy as resolveParticipantProfile, dz as resolvePersistableMediaUrl, dA as resolvePersistedThumbnailUrl, dB as resolvePrivatePeerParticipant, dC as resolvePrivatePeerUserId, dD as resolveUserAvatarDisplay, dE as resolveVideoThumbnailUrl, dF as revokeObjectUrl, dG as revokePickerBlobPreviews, dH as sanitizeInput, dI as shouldUseUserAvatarForConversation, dJ as sortUsersForForward, dK as syncPlaybackInfoBarBanner, dL as toMediaItemUploaderReference, dM as toUploaderReference, dN as uploadPickerFile, dO as usesDefaultMessageListWallpaper, dP as validateConversationId, dQ as validateEmail, dR as validateLatitude, dS as validateLongitude, dT as validateMessagePayload, dU as validateMessageText, dV as validateMessageType, dW as validateUrl, dX as validateUserId, dY as validateUserIds, dZ as videoItemFromUpload } from './acorex-components-conversation-acorex-components-conversation-ck1BG3Hi.mjs';
+export { A as AXConversationApi, a as AXConversationApiLoggerService, b as AXConversationAudioAttachmentComponent, c as AXConversationAudioFileTypeProvider, d as AXConversationAudioPickerComponent, e as AXConversationAudioRendererComponent, f as AXConversationAvatarComponent, g as AXConversationAvatarPickerComponent, h as AXConversationBaseRegistry, j as AXConversationComposerActionRegistry, k as AXConversationComposerComponent, l as AXConversationComposerFileTypesProvider, m as AXConversationComposerGenerationStateService, n as AXConversationComposerPopupComponent, o as AXConversationComposerService, p as AXConversationComposerTabRegistry, q as AXConversationContainerComponent, r as AXConversationContainerDirective, s as AXConversationDateUtilsService, t as AXConversationDeleteDialogComponent, u as AXConversationEmojiTabComponent, v as AXConversationErrorHandlerService, w as AXConversationFallbackRendererComponent, x as AXConversationFileAttachmentComponent, y as AXConversationFileFileTypeProvider, z as AXConversationFilePickerComponent, B as AXConversationFileRendererComponent, C as AXConversationForwardMessageDialogComponent, D as AXConversationImageAttachmentComponent, E as AXConversationImageFileTypeProvider, F as AXConversationImagePickerComponent, G as AXConversationImageRendererComponent, H as AXConversationInfiniteScrollDirective, I as AXConversationInfoBarActionRegistry, J as AXConversationInfoBarComponent, K as AXConversationInfoBarSearchComponent, L as AXConversationInfoBarService, M as AXConversationItemActionRegistry, N as AXConversationLocationPickerComponent, O as AXConversationLocationRendererComponent, P as AXConversationMediaPlaybackInfoBarBannerComponent, Q as AXConversationMessageActionRegistry, R as AXConversationMessageApi, S as AXConversationMessageListComponent, T as AXConversationMessageListNoActiveDefaultComponent, U as AXConversationMessageListService, V as AXConversationMessageRendererCopyHostComponent, W as AXConversationMessageRendererRegistry, X as AXConversationMessageRendererStateComponent, Y as AXConversationMessageUtilsService, Z as AXConversationModule, _ as AXConversationNewDialogComponent, $ as AXConversationPickerCaptionComponent, a0 as AXConversationPickerEmptyComponent, a1 as AXConversationPickerFooterComponent, a2 as AXConversationPickerHeaderComponent, a3 as AXConversationPickerOptionsComponent, a4 as AXConversationPickerShellComponent, a5 as AXConversationPickerToolbarComponent, a6 as AXConversationRealtimeApi, a7 as AXConversationRegistryComponentOutletComponent, a8 as AXConversationRegistryService, a9 as AXConversationService, aa as AXConversationSidebarComponent, ab as AXConversationSidebarService, ac as AXConversationStickerRendererComponent, ad as AXConversationStickerTabComponent, ae as AXConversationSystemRendererComponent, af as AXConversationTabRegistry, ag as AXConversationTextRendererComponent, ah as AXConversationUserApi, ai as AXConversationVideoAttachmentComponent, aj as AXConversationVideoFileTypeProvider, ak as AXConversationVideoPickerComponent, al as AXConversationVideoRendererComponent, am as AXConversationVoiceFileTypeProvider, an as AXConversationVoiceRecorderComponent, ao as AXConversationVoiceRendererComponent, ap as AX_CONVERSATION_AUDIO_CATALOG, aq as AX_CONVERSATION_AUDIO_PRESENTATION, ar as AX_CONVERSATION_AUDIO_RENDERER, as as AX_CONVERSATION_BUILTIN_COMPOSER_TABS, at as AX_CONVERSATION_COMPOSER_AUDIO_ACTION, au as AX_CONVERSATION_COMPOSER_EMOJI_ACTION, av as AX_CONVERSATION_COMPOSER_EMOJI_TAB, aw as AX_CONVERSATION_COMPOSER_FILE_ACTION, ax as AX_CONVERSATION_COMPOSER_IMAGE_ACTION, ay as AX_CONVERSATION_COMPOSER_LOCATION_ACTION, az as AX_CONVERSATION_COMPOSER_STICKER_TAB, aA as AX_CONVERSATION_COMPOSER_VIDEO_ACTION, aB as AX_CONVERSATION_COMPOSER_VOICE_RECORDING_ACTION, aC as AX_CONVERSATION_CONFIG, aD as AX_CONVERSATION_CONNECTION_ERRORS, aE as AX_CONVERSATION_CONVERSATION_AVATAR_COMPONENT, aF as AX_CONVERSATION_DEFAULT_COMPOSER_ACTIONS, aG as AX_CONVERSATION_DEFAULT_COMPOSER_TABS, aH as AX_CONVERSATION_DEFAULT_CONVERSATION_ITEM_ACTIONS, aI as AX_CONVERSATION_DEFAULT_CONVERSATION_TABS, aJ as AX_CONVERSATION_DEFAULT_GROUP_ICON, aK as AX_CONVERSATION_DEFAULT_INFO_BAR_ACTIONS, aL as AX_CONVERSATION_DEFAULT_MESSAGE_ACTIONS, aM as AX_CONVERSATION_DEFAULT_MESSAGE_LIST_BACKGROUND, aN as AX_CONVERSATION_DEFAULT_MESSAGE_LIST_BACKGROUND_PRESET_ID, aO as AX_CONVERSATION_DEFAULT_MESSAGE_LIST_THEME_BACKGROUND, aP as AX_CONVERSATION_DEFAULT_MESSAGE_RENDERERS, aQ as AX_CONVERSATION_DEFAULT_ROOM_PREFERENCES, aR as AX_CONVERSATION_DEFAULT_USER_ICON, aS as AX_CONVERSATION_ERRORS, aT as AX_CONVERSATION_ERROR_HANDLER_CONFIG, aU as AX_CONVERSATION_ERROR_MESSAGES, aV as AX_CONVERSATION_FALLBACK_RENDERER, aW as AX_CONVERSATION_FILE_CATALOG, aX as AX_CONVERSATION_FILE_ERRORS, aY as AX_CONVERSATION_FILE_PRESENTATION, aZ as AX_CONVERSATION_FILE_RENDERER, a_ as AX_CONVERSATION_FILE_TYPES_READY, a$ as AX_CONVERSATION_IMAGE_CATALOG, b0 as AX_CONVERSATION_IMAGE_PRESENTATION, b1 as AX_CONVERSATION_IMAGE_RENDERER, b2 as AX_CONVERSATION_INFO_BAR_ARCHIVE_ACTION, b3 as AX_CONVERSATION_INFO_BAR_BLOCK_ACTION, b4 as AX_CONVERSATION_INFO_BAR_DELETE_ACTION, b5 as AX_CONVERSATION_INFO_BAR_DIVIDER, b6 as AX_CONVERSATION_INFO_BAR_MUTE_ACTION, b7 as AX_CONVERSATION_INFO_BAR_SEARCH_ACTION, b8 as AX_CONVERSATION_ITEM_BLOCK_ACTION, b9 as AX_CONVERSATION_ITEM_DELETE_ACTION, ba as AX_CONVERSATION_ITEM_DIVIDER, bb as AX_CONVERSATION_ITEM_MARK_READ_ACTION, bc as AX_CONVERSATION_ITEM_MUTE_ACTION, bd as AX_CONVERSATION_ITEM_PIN_ACTION, be as AX_CONVERSATION_JUMBO_EMOJI_MAX, bf as AX_CONVERSATION_LOCATION_ERRORS, bg as AX_CONVERSATION_LOCATION_RENDERER, bh as AX_CONVERSATION_MESSAGE_DELETE_ACTION, bi as AX_CONVERSATION_MESSAGE_EDIT_ACTION, bj as AX_CONVERSATION_MESSAGE_ERRORS, bk as AX_CONVERSATION_MESSAGE_FORWARD_ACTION, bl as AX_CONVERSATION_MESSAGE_LIST_BACKGROUND_PRESETS, bm as AX_CONVERSATION_MESSAGE_REPLY_ACTION, bn as AX_CONVERSATION_MESSAGE_TYPE_FILE_TYPE, bo as AX_CONVERSATION_PEER_AVATAR_TYPES, bp as AX_CONVERSATION_REGISTRY_CONFIG, bq as AX_CONVERSATION_STICKER_API_KEY, br as AX_CONVERSATION_STICKER_RENDERER, bs as AX_CONVERSATION_SYSTEM_RENDERER, bt as AX_CONVERSATION_TAB_ALL, bu as AX_CONVERSATION_TAB_ARCHIVED, bv as AX_CONVERSATION_TAB_BOT, bw as AX_CONVERSATION_TAB_CHANNELS, bx as AX_CONVERSATION_TAB_GROUPS, by as AX_CONVERSATION_TAB_PRIVATE, bz as AX_CONVERSATION_TAB_UNREAD, bA as AX_CONVERSATION_TEXT_RENDERER, bB as AX_CONVERSATION_URL_ERRORS, bC as AX_CONVERSATION_USER_AVATAR_COMPONENT, bD as AX_CONVERSATION_USER_ERRORS, bE as AX_CONVERSATION_VIDEO_CATALOG, bF as AX_CONVERSATION_VIDEO_PRESENTATION, bG as AX_CONVERSATION_VIDEO_RENDERER, bH as AX_CONVERSATION_VOICE_CATALOG, bI as AX_CONVERSATION_VOICE_PRESENTATION, bJ as AX_CONVERSATION_VOICE_RENDERER, bK as AX_DEFAULT_CONVERSATION_CONFIG, bL as abortPickerUploads, bM as applyAudioLocalPreview, bN as applyFileLocalPreview, bO as applyLocalPreview, bP as applyVideoLocalPreview, bQ as applyVoiceLocalPreview, bR as audioItemFromUpload, bS as bindMediaRendererContentState, bT as buildMediaGalleryTiles, bU as canShowRendererContentError, bV as cleanupPickerUploads, bW as conversationAudioUtilities, bX as conversationFileUtilities, bY as conversationImageUtilities, bZ as conversationVideoUtilities, b_ as conversationVoiceUtilities, b$ as copyWithFileTypeFallback, c0 as countLoneEmojis, c1 as createConversationAudioFileType, c2 as createConversationFileFileType, c3 as createConversationImageFileType, c4 as createConversationVideoFileType, c5 as createConversationVoiceFileType, c6 as createLocalPreviewUrl, c7 as createObjectUrl, c8 as createPickerDragHandlers, c9 as createPickerUploadItemId, ca as createResolvedMediaUrlSignal, cb as deleteUploadedPickerMedia, cc as dismissComposerPickerHost, cd as ensureConversationFileCatalogRegistered, ce as fetchConversationMediaPage, cf as fileItemAsAudioMedia, cg as fileItemFromUpload, ch as filesFromClipboardEvent, ci as filterMessagesByMediaCategory, cj as filterSupplementalInfoPanelMessages, ck as findExistingPrivateConversation, cl as formatDuration, cm as formatErrorMessage, cn as formatFileByteSize, co as formatFileSize, cp as formatMediaDuration, cq as formatPickerValidationMessage, cr as getActiveComposerPickerPasteHandler, cs as getConversationMediaCategories, ct as getConversationProfileFields, cu as getErrorMessage, cv as getMessageAudioItems, cw as getMessageVideoItems, cx as getPickerCancelUploadLabel, cy as getPrivatePeerParticipant, cz as hasRegistryComponent, cA as inferFileExtensionHintFromMessage, cB as isAttachmentListCategory, cC as isComposerTabEnabled, cD as isConversationReactionsEnabled, cE as isConversationRoomCreator, cF as isGenericPrivateConversationTitle, cG as isGridMediaCategory, cH as isGroupLikeConversation, cI as isJumboEmojiText, cJ as isJumboEmojiTextMessage, cK as isMessageDeliveryPending, cL as isMessageListThemeBackground, cM as isMessageVisibleAfterHistoryCutoff, cN as isNonPersistableMediaUrl, cO as isPickerItemReadyToSend, cP as isPlainChromeMessage, cQ as isSameMessageListBackground, cR as isUploadAborted, cS as limitFilesToCapacity, cT as listTextGraphemes, cU as mediaCopyText, cV as mergeAudioUploadResult, cW as mergeFileUploadResult, cX as mergeInfoPanelMessages, cY as mergeUploadResult, cZ as mergeVideoUploadResult, c_ as mergeVoiceUploadResult, c$ as mergeWithDefaults, d0 as messageContainsLink, d1 as normalizeAudioPayload, d2 as normalizeFilePayload, d3 as normalizeImagePayload, d4 as normalizeMessageListBackgroundValue, d5 as normalizeVideoPayload, d6 as notifyMaxFilesCapacityExceeded, d7 as notifyPickerValidationErrors, d8 as openWithFileType, d9 as pickDisplayMediaUrl, da as pickEarliestJoinedParticipant, db as pickerItemToMediaReference, dc as pickerItemToUploadResult, dd as probeImageDimensions, de as probeVideoMedia, df as provideConversation, dg as provideConversationComposerFileTypes, dh as provideConversationFileCatalog, di as registerComposerPickerPasteHandler, dj as reportMediaLoadError, dk as resolveComposerMaxFiles, dl as resolveConversationAvatarDisplay, dm as resolveConversationComposerTabs, dn as resolveConversationForViewer, dp as resolveConversationMessageFileType, dq as resolveConversationPeerParticipant, dr as resolveConversationPeerUserId, ds as resolveConversationTitleForViewer, dt as resolveGalleryImageUrl, du as resolveImageDisplayUrl, dv as resolveMessageChrome, dw as resolveMessageListBackgroundRaw, dx as resolveMessageListBackgroundStyle, dy as resolveParticipantProfile, dz as resolvePersistableMediaUrl, dA as resolvePersistedThumbnailUrl, dB as resolvePrivatePeerParticipant, dC as resolvePrivatePeerUserId, dD as resolveUserAvatarDisplay, dE as resolveVideoThumbnailUrl, dF as revokeObjectUrl, dG as revokePickerBlobPreviews, dH as sanitizeInput, dI as shouldUseUserAvatarForConversation, dJ as sortUsersForForward, dK as syncPlaybackInfoBarBanner, dL as toMediaItemUploaderReference, dM as toUploaderReference, dN as uploadPickerFile, dO as usesDefaultMessageListWallpaper, dP as validateConversationId, dQ as validateEmail, dR as validateLatitude, dS as validateLongitude, dT as validateMessagePayload, dU as validateMessageText, dV as validateMessageType, dW as validateUrl, dX as validateUserId, dY as validateUserIds, dZ as videoItemFromUpload } from './acorex-components-conversation-acorex-components-conversation-C0FCDzeX.mjs';
 //# sourceMappingURL=acorex-components-conversation.mjs.map

package/fesm2022/acorex-components-popup.mjs

@@ -8,9 +8,10 @@ import { AXFocusTrapDirective } from '@acorex/cdk/focus-trap';
 import { AXButtonComponent } from '@acorex/components/button';
 import { AXDecoratorCloseButtonComponent, AXDecoratorIconComponent, AXDecoratorModule } from '@acorex/components/decorators';
 import { AXLoadingService } from '@acorex/components/loading';
+import { AXSkeletonComponent } from '@acorex/components/skeleton';
 import { AXComponentService } from '@acorex/core/components';
 import { AXTranslatorPipe, AXTranslationModule } from '@acorex/core/translation';
-import { AsyncPipe, CommonModule } from '@angular/common';
+import { NgTemplateOutlet, AsyncPipe, CommonModule } from '@angular/common';
 
 class AXPopupFooterComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXPopupFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
@@ -101,7 +102,12 @@ class AXPopupComponent extends MXBaseComponent {
          */
         this.isLoading = true;
         /** @ignore */
+        this._delayTimer = null;
+        /** @ignore */
         this._componentRef = null;
+        this.showSkeleton = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showSkeleton" }] : /* istanbul ignore next */ []));
+        this.skeletonTemplate = () => this.__config__()?.skeletonTemplate ?? null;
         /** Current title */
         this.title = signal('', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
@@ -143,18 +149,35 @@ class AXPopupComponent extends MXBaseComponent {
             }
         }
         this.title.set(config?.title ?? '');
-        this._loadingId = this.loadingService.show({
-            location: this.getHostElement(),
-        });
         document.addEventListener('fullscreenchange', this.fullscreenChangeHandler);
-        this.renderContent();
+        const delay = config?.delay ?? 0;
+        if (delay > 0) {
+            this.showSkeleton.set(true);
+            this.cdr.markForCheck();
+            this._delayTimer = setTimeout(() => {
+                this._zone.run(() => {
+                    this._delayTimer = null;
+                    this.showSkeleton.set(false);
+                    void this.renderContent();
+                    this.cdr.markForCheck();
+                });
+            }, delay);
+        }
+        else {
+            this._loadingId = this.loadingService.show({
+                location: this.getHostElement(),
+            });
+            this.renderContent();
+        }
     }
     /** @ignore */
     async renderContent() {
         const content = this.__content__();
         const config = this.__config__();
         if (!content) {
-            this.loadingService.hide(this._loadingId);
+            if (this._loadingId !== undefined) {
+                this.loadingService.hide(this._loadingId);
+            }
             return;
         }
         if (content instanceof TemplateRef) {
@@ -230,7 +253,9 @@ class AXPopupComponent extends MXBaseComponent {
                 this.focus();
             });
         });
-        this.loadingService.hide(this._loadingId);
+        if (this._loadingId !== undefined) {
+            this.loadingService.hide(this._loadingId);
+        }
         this.cdr.markForCheck();
     }
     /** @ignore */
@@ -251,11 +276,17 @@ class AXPopupComponent extends MXBaseComponent {
     }
     /** @ignore */
     ngOnDestroy() {
+        if (this._delayTimer !== null) {
+            clearTimeout(this._delayTimer);
+            this._delayTimer = null;
+        }
         document.removeEventListener('fullscreenchange', this.fullscreenChangeHandler);
         if (this.fullScreenState() && document.fullscreenElement) {
             document.exitFullscreen().catch(() => undefined);
         }
-        this.loadingService.hide(this._loadingId);
+        if (this._loadingId !== undefined) {
+            this.loadingService.hide(this._loadingId);
+        }
         if (this._componentRef) {
             this._componentRef.destroy();
             this._componentRef = null;
@@ -411,7 +442,7 @@ class AXPopupComponent extends MXBaseComponent {
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXPopupComponent, isStandalone: true, selector: "ax-popup", inputs: { __content__: { classPropertyName: "__content__", publicName: "__content__", isSignal: true, isRequired: false, transformFunction: null }, __config__: { classPropertyName: "__config__", publicName: "__config__", isSignal: true, isRequired: false, transformFunction: null }, __popupRef__: { classPropertyName: "__popupRef__", publicName: "__popupRef__", isSignal: true, isRequired: false, transformFunction: null }, __id__: { classPropertyName: "__id__", publicName: "__id__", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown.escape": "onKeydownHandler()", "document:mousemove": "onDragMove($event)", "document:mouseup": "onDragEnd()" }, styleAttribute: "display: block; max-width: 100%;", classAttribute: "ax-popup-host" }, providers: [
             { provide: AXClosableComponent, useExisting: AXPopupComponent },
             { provide: AXComponent, useExisting: AXPopupComponent },
-        ], viewQueries: [{ propertyName: "popupEl", first: true, predicate: ["popupEl"], descendants: true, isSignal: true }, { propertyName: "contentContainerRef", first: true, predicate: ["contentContainer"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "contentContainerEl", first: true, predicate: ["contentContainer"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"ax-popup-wrapper\"\n  aria-modal=\"true\"\n  axFocusTrap\n  [class.ax-popup-minimized-host]=\"popupSizeState() === 'minimize'\"\n>\n  <div\n    #popupEl\n    class=\"ax-popup ax-popup-{{ __config__()?.size || 'md' }}\"\n    tabindex=\"0\"\n    [class.ax-popup-dragging]=\"isDragging()\"\n    [class.ax-popup-minimized]=\"popupSizeState() === 'minimize'\"\n    [class.ax-popup-fullscreen]=\"fullScreenState()\"\n    [style.position]=\"dragOffset().x || dragOffset().y || popupSizeState() === 'minimize' ? 'fixed' : null\"\n    [style.left]=\"popupSizeState() === 'minimize' ? minimizeLeft() : dragOffset().x ? dragOffset().x + 'px' : null\"\n    [style.right]=\"popupSizeState() === 'minimize' ? minimizeRight() : null\"\n    [style.top]=\"popupSizeState() === 'minimize' ? 'auto' : dragOffset().y ? dragOffset().y + 'px' : null\"\n    [style.bottom]=\"popupSizeState() === 'minimize' ? '0' : null\"\n    [style.transform]=\"dragOffset().x || dragOffset().y || popupSizeState() === 'minimize' ? 'none' : null\"\n  >\n    <div\n      class=\"ax-popup-header-container\"\n      [class.ax-popup-draggable]=\"__config__()?.draggable && popupSizeState() !== 'minimize' && !fullScreenState()\"\n      (mousedown)=\"onDragStart($event)\"\n    >\n      @if (__config__()?.header) {\n        <div class=\"ax-popup-header\">\n          <span class=\"ax-popup-title\">{{ title() | translate | async }}</span>\n          <div class=\"ax-popup-header-actions\">\n            @if (minimizeEnabled()) {\n              <ax-button class=\"ax-sm\" look=\"blank\" color=\"default\" (onClick)=\"minimize()\">\n                <ax-icon class=\"ax-icon ax-icon-minimize\"></ax-icon>\n              </ax-button>\n            }\n\n            @if (popupSizeState() !== 'normal' || fullScreenState()) {\n              <ax-button class=\"ax-sm\" look=\"blank\" color=\"default\" (onClick)=\"restore()\">\n                <ax-icon class=\"ax-icon ax-icon-maximize\"></ax-icon>\n              </ax-button>\n            }\n\n            @if (maximizeEnabled()) {\n              <ax-button class=\"ax-sm\" look=\"blank\" color=\"default\" (onClick)=\"maximize()\">\n                <ax-icon class=\"ax-icon ax-icon-full-screen\"></ax-icon>\n              </ax-button>\n            }\n\n            @if (closeEnabled()) {\n              <ax-close-button tabindex=\"1\" (click)=\"_handleCloseClick()\"></ax-close-button>\n            }\n          </div>\n        </div>\n      }\n    </div>\n    <div class=\"ax-popup-main-container ax-loading-container\">\n      <div class=\"ax-popup-body-container\" #contentContainer></div>\n      <div class=\"ax-popup-footer-container\" [class.ax-popup-footer-visible]=\"__config__()?.footer\"></div>\n    </div>\n  </div>\n</div>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-overlay-centered{pointer-events:none}.ax-popup-overlay.ax-overlay-centered .ax-overlay-content{display:flex;max-height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:auto;max-width:100%;flex-direction:column;align-items:center;overflow:hidden;pointer-events:none}.ax-popup-overlay.ax-overlay-centered ax-popup.ax-popup-host{width:fit-content;flex-shrink:0;align-self:center;pointer-events:auto}.ax-popup-overlay.ax-overlay-centered ax-popup.ax-popup-host:has(.ax-popup-full){width:100%;max-width:100vw}.ax-popup-overlay.ax-overlay-centered ax-popup.ax-popup-host:has(.ax-popup-minimized){width:fit-content!important}.ax-popup-wrapper{display:block;width:fit-content;max-width:100%}.ax-popup-wrapper.ax-popup-minimized-host{width:fit-content!important}.ax-popup-header-container.ax-popup-draggable{cursor:move}.ax-popup.ax-popup-dragging{-webkit-user-select:none;user-select:none}.ax-popup.ax-popup-fullscreen{max-height:100vh!important;width:100vw!important;border-radius:0!important}.ax-popup-header-actions{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * 1)}.ax-popup{--ax-comp-popup-shadow-rest: var(--ax-sys-effect-modal);--ax-comp-popup-highlight-rest: var(--ax-sys-highlight-surface);--ax-comp-popup-inner-border-rest: var(--ax-sys-inner-border-surface);--ax-comp-popup-contrast-inner-border-rest: var(--ax-sys-contrast-inner-border-surface);--ax-comp-popup-contrast-surface-overlay-rest: var(--ax-sys-contrast-surface-overlay-surface);--ax-comp-popup-backdrop-filter-rest: var(--ax-sys-backdrop-filter-surface);--ax-comp-popup-background-image-rest: var(--ax-sys-gradient-surface);--ax-comp-popup-surface-overlay-rest: var(--ax-sys-surface-overlay-modal);box-sizing:border-box;display:flex;min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden;border-style:var(--tw-border-style);border-width:1px;padding:calc(var(--spacing, .25rem) * 0);outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:transparent;max-height:calc(var(--ax-overlay-full-width) * var(--ax-vh));border-radius:var(--ax-comp-popup-border-radius);border-color:rgba(var(--ax-comp-popup-border-color));background-color:rgba(var(--ax-comp-popup-body-bg-color));box-shadow:var(--ax-comp-popup-contrast-inner-border-rest),var(--ax-comp-popup-inner-border-rest),var(--ax-comp-popup-highlight-rest),var(--ax-comp-popup-shadow-rest);background-image:linear-gradient(var(--ax-comp-popup-contrast-surface-overlay-rest),var(--ax-comp-popup-contrast-surface-overlay-rest)),linear-gradient(var(--ax-comp-popup-surface-overlay-rest),var(--ax-comp-popup-surface-overlay-rest)),var(--ax-comp-popup-background-image-rest);backdrop-filter:var(--ax-comp-popup-backdrop-filter-rest);-webkit-backdrop-filter:var(--ax-comp-popup-backdrop-filter-rest);color:rgba(var(--ax-comp-popup-body-text-color))}.ax-popup .ax-popup-header-container{flex-shrink:0;background-color:rgba(var(--ax-comp-popup-header-bg-color))}.ax-popup .ax-popup-header-container .ax-popup-header{display:flex;align-items:center;justify-content:space-between;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;padding:calc(var(--spacing, .25rem) * 3);border-color:rgba(var(--ax-comp-popup-header-border-color))}.ax-popup .ax-popup-header-container .ax-popup-header .ax-popup-title{font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}@media(min-width:48rem){.ax-popup .ax-popup-header-container .ax-popup-header .ax-popup-title{font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)))}}@media(min-width:48rem){.ax-popup .ax-popup-header-container .ax-popup-header .ax-popup-title{--tw-leading: calc(var(--spacing, .25rem) * 7);line-height:calc(var(--spacing, .25rem) * 7)}}.ax-popup ax-footer{display:flex;align-items:center;justify-content:space-between;border-top-style:var(--tw-border-style);border-top-width:1px;padding:calc(var(--spacing, .25rem) * 3);border-color:rgba(var(--ax-comp-popup-footer-border-color));background-color:rgba(var(--ax-comp-popup-footer-bg-color))}.ax-popup:focus{outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:transparent}.ax-popup:focus-visible{border-color:rgba(var(--ax-sys-color-primary-surface))}.ax-popup .ax-popup-main-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;overflow:hidden}.ax-popup .ax-popup-main-container .ax-popup-body-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:auto;background-color:rgba(var(--ax-comp-popup-body-bg-color))}.ax-popup .ax-popup-main-container .ax-popup-footer-container{flex-shrink:0;background-color:rgba(var(--ax-comp-popup-footer-bg-color))}.ax-popup.ax-popup-full{height:calc(100 * var(--ax-vh));max-height:calc(100 * var(--ax-vh));width:100vw;border-radius:0!important}.ax-popup.ax-popup-fit{width:fit-content!important}.ax-popup.ax-popup-fit .ax-popup-body-container{max-height:calc(100 * var(--ax-vh))}.ax-popup.ax-popup-fit .ax-popup-body-container>ng-component>div{width:fit-content!important}.ax-popup.ax-popup-xs{width:18vw!important;max-width:100vw}.ax-popup.ax-popup-sm{width:25vw!important;max-width:100vw}.ax-popup.ax-popup-md{width:40vw!important;max-width:100vw}.ax-popup.ax-popup-lg{width:65vw!important;max-width:100vw}.ax-popup.ax-popup-xl{width:75vw!important;max-width:100vw}.ax-popup.ax-popup-2xl{width:85vw!important;max-width:100vw}.ax-popup.ax-popup-minimized{z-index:55;width:fit-content!important;max-width:min(90vw,24rem)!important;min-width:0;max-height:none}.ax-popup.ax-popup-minimized .ax-popup-main-container{display:none}.ax-popup.ax-popup-minimized .ax-popup-header{width:max-content;max-width:100%;gap:calc(var(--spacing, .25rem) * 2)}.ax-popup.ax-popup-minimized .ax-popup-title{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:768px){.ax-popup:not(.ax-popup-fit):not(.ax-popup-minimized){width:93vw!important;max-height:calc(var(--ax-overlay-full-width) * var(--ax-vh))!important;border-radius:var(--ax-comp-popup-border-radius)}.ax-popup:not(.ax-popup-fit):not(.ax-popup-minimized):not(.ax-popup-full) .ax-popup-body-container>ng-component>div{width:100%}.ax-popup:not(.ax-popup-fit):not(.ax-popup-minimized).ax-popup-full{height:calc(var(--ax-overlay-full-width) * var(--ax-vh));border-radius:var(--ax-comp-popup-border-radius)!important}}.ax-dark .ax-popup{--ax-comp-popup-border-color: var(--ax-sys-color-border-darkest-surface);--ax-comp-popup-body-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-popup-body-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-popup-header-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-popup-header-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-popup-footer-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-popup-footer-border-color: var(--ax-sys-color-border-dark-surface)}}:root{--ax-comp-popup-border-radius: var(--ax-sys-border-radius);--ax-comp-popup-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-popup-body-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-popup-body-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-popup-header-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-popup-header-border-color: var(--ax-sys-color-border-lighter-surface);--ax-comp-popup-footer-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-popup-footer-border-color: var(--ax-sys-color-border-lighter-surface)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-outline-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-leading{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-outline-style: solid;--tw-font-weight: initial;--tw-leading: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["closeAll", "icon"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "directive", type: AXFocusTrapDirective, selector: "[axFocusTrap]", inputs: ["axFocusTrapArrowNavigation"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+        ], viewQueries: [{ propertyName: "popupEl", first: true, predicate: ["popupEl"], descendants: true, isSignal: true }, { propertyName: "contentContainerRef", first: true, predicate: ["contentOutlet"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "contentContainerEl", first: true, predicate: ["contentContainer"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"ax-popup-wrapper\"\n  aria-modal=\"true\"\n  axFocusTrap\n  [class.ax-popup-minimized-host]=\"popupSizeState() === 'minimize'\"\n>\n  <div\n    #popupEl\n    class=\"ax-popup ax-popup-{{ __config__()?.size || 'md' }}\"\n    tabindex=\"0\"\n    [class.ax-popup-dragging]=\"isDragging()\"\n    [class.ax-popup-minimized]=\"popupSizeState() === 'minimize'\"\n    [class.ax-popup-fullscreen]=\"fullScreenState()\"\n    [style.position]=\"dragOffset().x || dragOffset().y || popupSizeState() === 'minimize' ? 'fixed' : null\"\n    [style.left]=\"popupSizeState() === 'minimize' ? minimizeLeft() : dragOffset().x ? dragOffset().x + 'px' : null\"\n    [style.right]=\"popupSizeState() === 'minimize' ? minimizeRight() : null\"\n    [style.top]=\"popupSizeState() === 'minimize' ? 'auto' : dragOffset().y ? dragOffset().y + 'px' : null\"\n    [style.bottom]=\"popupSizeState() === 'minimize' ? '0' : null\"\n    [style.transform]=\"dragOffset().x || dragOffset().y || popupSizeState() === 'minimize' ? 'none' : null\"\n  >\n    <div\n      class=\"ax-popup-header-container\"\n      [class.ax-popup-draggable]=\"__config__()?.draggable && popupSizeState() !== 'minimize' && !fullScreenState()\"\n      (mousedown)=\"onDragStart($event)\"\n    >\n      @if (__config__()?.header) {\n        <div class=\"ax-popup-header\">\n          <span class=\"ax-popup-title\">{{ title() | translate | async }}</span>\n          <div class=\"ax-popup-header-actions\">\n            @if (minimizeEnabled()) {\n              <ax-button class=\"ax-sm\" look=\"blank\" color=\"default\" (onClick)=\"minimize()\">\n                <ax-icon class=\"ax-icon ax-icon-minimize\"></ax-icon>\n              </ax-button>\n            }\n\n            @if (popupSizeState() !== 'normal' || fullScreenState()) {\n              <ax-button class=\"ax-sm\" look=\"blank\" color=\"default\" (onClick)=\"restore()\">\n                <ax-icon class=\"ax-icon ax-icon-maximize\"></ax-icon>\n              </ax-button>\n            }\n\n            @if (maximizeEnabled()) {\n              <ax-button class=\"ax-sm\" look=\"blank\" color=\"default\" (onClick)=\"maximize()\">\n                <ax-icon class=\"ax-icon ax-icon-full-screen\"></ax-icon>\n              </ax-button>\n            }\n\n            @if (closeEnabled()) {\n              <ax-close-button tabindex=\"1\" (click)=\"_handleCloseClick()\"></ax-close-button>\n            }\n          </div>\n        </div>\n      }\n    </div>\n    <div class=\"ax-popup-main-container ax-loading-container\">\n      <div class=\"ax-popup-body-container\" #contentContainer>\n        @if (showSkeleton()) {\n          <div class=\"ax-popup-skeleton-container\" #skeletonEl>\n            @if (skeletonTemplate()) {\n              <ng-container [ngTemplateOutlet]=\"skeletonTemplate()\"></ng-container>\n            } @else {\n              <div class=\"ax-popup-skeleton-default\">\n                <ax-skeleton class=\"ax-popup-skeleton-bar ax-popup-skeleton-bar-title\" [animated]=\"__config__()?.skeletonAnimated ?? true\"></ax-skeleton>\n                <ax-skeleton class=\"ax-popup-skeleton-bar ax-popup-skeleton-bar-line\" [animated]=\"__config__()?.skeletonAnimated ?? true\"></ax-skeleton>\n                <ax-skeleton class=\"ax-popup-skeleton-bar ax-popup-skeleton-bar-line ax-popup-skeleton-bar-line-short\" [animated]=\"__config__()?.skeletonAnimated ?? true\"></ax-skeleton>\n                <ax-skeleton class=\"ax-popup-skeleton-bar ax-popup-skeleton-bar-line\" [animated]=\"__config__()?.skeletonAnimated ?? true\"></ax-skeleton>\n              </div>\n            }\n          </div>\n        }\n        <ng-container #contentOutlet />\n      </div>\n      <div class=\"ax-popup-footer-container\" [class.ax-popup-footer-visible]=\"__config__()?.footer\"></div>\n    </div>\n  </div>\n</div>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-overlay-centered{pointer-events:none}.ax-popup-overlay.ax-overlay-centered .ax-overlay-content{display:flex;max-height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:auto;max-width:100%;flex-direction:column;align-items:center;overflow:hidden;pointer-events:none}.ax-popup-overlay.ax-overlay-centered ax-popup.ax-popup-host{width:fit-content;flex-shrink:0;align-self:center;pointer-events:auto}.ax-popup-overlay.ax-overlay-centered ax-popup.ax-popup-host:has(.ax-popup-full){width:100%;max-width:100vw}.ax-popup-overlay.ax-overlay-centered ax-popup.ax-popup-host:has(.ax-popup-minimized){width:fit-content!important}.ax-popup-wrapper{display:block;width:fit-content;max-width:100%}.ax-popup-wrapper.ax-popup-minimized-host{width:fit-content!important}.ax-popup-header-container.ax-popup-draggable{cursor:move}.ax-popup.ax-popup-dragging{-webkit-user-select:none;user-select:none}.ax-popup.ax-popup-fullscreen{max-height:100vh!important;width:100vw!important;border-radius:0!important}.ax-popup-header-actions{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * 1)}.ax-popup{--ax-comp-popup-shadow-rest: var(--ax-sys-effect-modal);--ax-comp-popup-highlight-rest: var(--ax-sys-highlight-surface);--ax-comp-popup-inner-border-rest: var(--ax-sys-inner-border-surface);--ax-comp-popup-contrast-inner-border-rest: var(--ax-sys-contrast-inner-border-surface);--ax-comp-popup-contrast-surface-overlay-rest: var(--ax-sys-contrast-surface-overlay-surface);--ax-comp-popup-backdrop-filter-rest: var(--ax-sys-backdrop-filter-surface);--ax-comp-popup-background-image-rest: var(--ax-sys-gradient-surface);--ax-comp-popup-surface-overlay-rest: var(--ax-sys-surface-overlay-modal);box-sizing:border-box;display:flex;min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden;border-style:var(--tw-border-style);border-width:1px;padding:calc(var(--spacing, .25rem) * 0);outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:transparent;max-height:calc(var(--ax-overlay-full-width) * var(--ax-vh));border-radius:var(--ax-comp-popup-border-radius);border-color:rgba(var(--ax-comp-popup-border-color));background-color:rgba(var(--ax-comp-popup-body-bg-color));box-shadow:var(--ax-comp-popup-contrast-inner-border-rest),var(--ax-comp-popup-inner-border-rest),var(--ax-comp-popup-highlight-rest),var(--ax-comp-popup-shadow-rest);background-image:linear-gradient(var(--ax-comp-popup-contrast-surface-overlay-rest),var(--ax-comp-popup-contrast-surface-overlay-rest)),linear-gradient(var(--ax-comp-popup-surface-overlay-rest),var(--ax-comp-popup-surface-overlay-rest)),var(--ax-comp-popup-background-image-rest);backdrop-filter:var(--ax-comp-popup-backdrop-filter-rest);-webkit-backdrop-filter:var(--ax-comp-popup-backdrop-filter-rest);color:rgba(var(--ax-comp-popup-body-text-color))}.ax-popup .ax-popup-header-container{flex-shrink:0;background-color:rgba(var(--ax-comp-popup-header-bg-color))}.ax-popup .ax-popup-header-container .ax-popup-header{display:flex;align-items:center;justify-content:space-between;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;padding:calc(var(--spacing, .25rem) * 3);border-color:rgba(var(--ax-comp-popup-header-border-color))}.ax-popup .ax-popup-header-container .ax-popup-header .ax-popup-title{font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}@media(min-width:48rem){.ax-popup .ax-popup-header-container .ax-popup-header .ax-popup-title{font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)))}}@media(min-width:48rem){.ax-popup .ax-popup-header-container .ax-popup-header .ax-popup-title{--tw-leading: calc(var(--spacing, .25rem) * 7);line-height:calc(var(--spacing, .25rem) * 7)}}.ax-popup ax-footer{display:flex;align-items:center;justify-content:space-between;border-top-style:var(--tw-border-style);border-top-width:1px;padding:calc(var(--spacing, .25rem) * 3);border-color:rgba(var(--ax-comp-popup-footer-border-color));background-color:rgba(var(--ax-comp-popup-footer-bg-color))}.ax-popup:focus{outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:transparent}.ax-popup:focus-visible{border-color:rgba(var(--ax-sys-color-primary-surface))}.ax-popup .ax-popup-main-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;overflow:hidden}.ax-popup .ax-popup-main-container .ax-popup-body-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:auto;background-color:rgba(var(--ax-comp-popup-body-bg-color))}.ax-popup .ax-popup-main-container .ax-popup-skeleton-container{overflow:hidden;padding:calc(var(--spacing, .25rem) * 4)}.ax-popup .ax-popup-main-container .ax-popup-skeleton-default{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 3)}.ax-popup .ax-popup-main-container .ax-popup-skeleton-default .ax-popup-skeleton-bar{display:block;border-radius:var(--radius-md, .375rem)}.ax-popup .ax-popup-main-container .ax-popup-skeleton-default .ax-popup-skeleton-bar-title{height:calc(var(--spacing, .25rem) * 5);width:40%}.ax-popup .ax-popup-main-container .ax-popup-skeleton-default .ax-popup-skeleton-bar-line{height:calc(var(--spacing, .25rem) * 3.5);width:100%}.ax-popup .ax-popup-main-container .ax-popup-skeleton-default .ax-popup-skeleton-bar-line-short{width:80%}.ax-popup .ax-popup-main-container .ax-popup-footer-container{flex-shrink:0;background-color:rgba(var(--ax-comp-popup-footer-bg-color))}.ax-popup.ax-popup-full{height:calc(100 * var(--ax-vh));max-height:calc(100 * var(--ax-vh));width:100vw;border-radius:0!important}.ax-popup.ax-popup-fit{width:fit-content!important}.ax-popup.ax-popup-fit .ax-popup-body-container{max-height:calc(100 * var(--ax-vh))}.ax-popup.ax-popup-fit .ax-popup-body-container>ng-component>div{width:fit-content!important}.ax-popup.ax-popup-xs{width:18vw!important;max-width:100vw}.ax-popup.ax-popup-sm{width:25vw!important;max-width:100vw}.ax-popup.ax-popup-md{width:40vw!important;max-width:100vw}.ax-popup.ax-popup-lg{width:65vw!important;max-width:100vw}.ax-popup.ax-popup-xl{width:75vw!important;max-width:100vw}.ax-popup.ax-popup-2xl{width:85vw!important;max-width:100vw}.ax-popup.ax-popup-minimized{z-index:55;width:fit-content!important;max-width:min(90vw,24rem)!important;min-width:0;max-height:none}.ax-popup.ax-popup-minimized .ax-popup-main-container{display:none}.ax-popup.ax-popup-minimized .ax-popup-header{width:max-content;max-width:100%;gap:calc(var(--spacing, .25rem) * 2)}.ax-popup.ax-popup-minimized .ax-popup-title{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:768px){.ax-popup:not(.ax-popup-fit):not(.ax-popup-minimized){width:93vw!important;max-height:calc(var(--ax-overlay-full-width) * var(--ax-vh))!important;border-radius:var(--ax-comp-popup-border-radius)}.ax-popup:not(.ax-popup-fit):not(.ax-popup-minimized):not(.ax-popup-full) .ax-popup-body-container>ng-component>div{width:100%}.ax-popup:not(.ax-popup-fit):not(.ax-popup-minimized).ax-popup-full{height:calc(var(--ax-overlay-full-width) * var(--ax-vh));border-radius:var(--ax-comp-popup-border-radius)!important}}.ax-dark .ax-popup{--ax-comp-popup-border-color: var(--ax-sys-color-border-darkest-surface);--ax-comp-popup-body-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-popup-body-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-popup-header-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-popup-header-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-popup-footer-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-popup-footer-border-color: var(--ax-sys-color-border-dark-surface)}}:root{--ax-comp-popup-border-radius: var(--ax-sys-border-radius);--ax-comp-popup-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-popup-body-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-popup-body-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-popup-header-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-popup-header-border-color: var(--ax-sys-color-border-lighter-surface);--ax-comp-popup-footer-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-popup-footer-border-color: var(--ax-sys-color-border-lighter-surface)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-outline-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-leading{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-outline-style: solid;--tw-font-weight: initial;--tw-leading: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["closeAll", "icon"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: AXFocusTrapDirective, selector: "[axFocusTrap]", inputs: ["axFocusTrapArrowNavigation"] }, { kind: "component", type: AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXPopupComponent, decorators: [{
             type: Component,
@@ -426,12 +457,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
                         AXDecoratorIconComponent,
                         AXButtonComponent,
                         AsyncPipe,
+                        NgTemplateOutlet,
                         AXTranslatorPipe,
                         AXFocusTrapDirective,
-                    ], template: "<div\n  class=\"ax-popup-wrapper\"\n  aria-modal=\"true\"\n  axFocusTrap\n  [class.ax-popup-minimized-host]=\"popupSizeState() === 'minimize'\"\n>\n  <div\n    #popupEl\n    class=\"ax-popup ax-popup-{{ __config__()?.size || 'md' }}\"\n    tabindex=\"0\"\n    [class.ax-popup-dragging]=\"isDragging()\"\n    [class.ax-popup-minimized]=\"popupSizeState() === 'minimize'\"\n    [class.ax-popup-fullscreen]=\"fullScreenState()\"\n    [style.position]=\"dragOffset().x || dragOffset().y || popupSizeState() === 'minimize' ? 'fixed' : null\"\n    [style.left]=\"popupSizeState() === 'minimize' ? minimizeLeft() : dragOffset().x ? dragOffset().x + 'px' : null\"\n    [style.right]=\"popupSizeState() === 'minimize' ? minimizeRight() : null\"\n    [style.top]=\"popupSizeState() === 'minimize' ? 'auto' : dragOffset().y ? dragOffset().y + 'px' : null\"\n    [style.bottom]=\"popupSizeState() === 'minimize' ? '0' : null\"\n    [style.transform]=\"dragOffset().x || dragOffset().y || popupSizeState() === 'minimize' ? 'none' : null\"\n  >\n    <div\n      class=\"ax-popup-header-container\"\n      [class.ax-popup-draggable]=\"__config__()?.draggable && popupSizeState() !== 'minimize' && !fullScreenState()\"\n      (mousedown)=\"onDragStart($event)\"\n    >\n      @if (__config__()?.header) {\n        <div class=\"ax-popup-header\">\n          <span class=\"ax-popup-title\">{{ title() | translate | async }}</span>\n          <div class=\"ax-popup-header-actions\">\n            @if (minimizeEnabled()) {\n              <ax-button class=\"ax-sm\" look=\"blank\" color=\"default\" (onClick)=\"minimize()\">\n                <ax-icon class=\"ax-icon ax-icon-minimize\"></ax-icon>\n              </ax-button>\n            }\n\n            @if (popupSizeState() !== 'normal' || fullScreenState()) {\n              <ax-button class=\"ax-sm\" look=\"blank\" color=\"default\" (onClick)=\"restore()\">\n                <ax-icon class=\"ax-icon ax-icon-maximize\"></ax-icon>\n              </ax-button>\n            }\n\n            @if (maximizeEnabled()) {\n              <ax-button class=\"ax-sm\" look=\"blank\" color=\"default\" (onClick)=\"maximize()\">\n                <ax-icon class=\"ax-icon ax-icon-full-screen\"></ax-icon>\n              </ax-button>\n            }\n\n            @if (closeEnabled()) {\n              <ax-close-button tabindex=\"1\" (click)=\"_handleCloseClick()\"></ax-close-button>\n            }\n          </div>\n        </div>\n      }\n    </div>\n    <div class=\"ax-popup-main-container ax-loading-container\">\n      <div class=\"ax-popup-body-container\" #contentContainer></div>\n      <div class=\"ax-popup-footer-container\" [class.ax-popup-footer-visible]=\"__config__()?.footer\"></div>\n    </div>\n  </div>\n</div>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-overlay-centered{pointer-events:none}.ax-popup-overlay.ax-overlay-centered .ax-overlay-content{display:flex;max-height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:auto;max-width:100%;flex-direction:column;align-items:center;overflow:hidden;pointer-events:none}.ax-popup-overlay.ax-overlay-centered ax-popup.ax-popup-host{width:fit-content;flex-shrink:0;align-self:center;pointer-events:auto}.ax-popup-overlay.ax-overlay-centered ax-popup.ax-popup-host:has(.ax-popup-full){width:100%;max-width:100vw}.ax-popup-overlay.ax-overlay-centered ax-popup.ax-popup-host:has(.ax-popup-minimized){width:fit-content!important}.ax-popup-wrapper{display:block;width:fit-content;max-width:100%}.ax-popup-wrapper.ax-popup-minimized-host{width:fit-content!important}.ax-popup-header-container.ax-popup-draggable{cursor:move}.ax-popup.ax-popup-dragging{-webkit-user-select:none;user-select:none}.ax-popup.ax-popup-fullscreen{max-height:100vh!important;width:100vw!important;border-radius:0!important}.ax-popup-header-actions{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * 1)}.ax-popup{--ax-comp-popup-shadow-rest: var(--ax-sys-effect-modal);--ax-comp-popup-highlight-rest: var(--ax-sys-highlight-surface);--ax-comp-popup-inner-border-rest: var(--ax-sys-inner-border-surface);--ax-comp-popup-contrast-inner-border-rest: var(--ax-sys-contrast-inner-border-surface);--ax-comp-popup-contrast-surface-overlay-rest: var(--ax-sys-contrast-surface-overlay-surface);--ax-comp-popup-backdrop-filter-rest: var(--ax-sys-backdrop-filter-surface);--ax-comp-popup-background-image-rest: var(--ax-sys-gradient-surface);--ax-comp-popup-surface-overlay-rest: var(--ax-sys-surface-overlay-modal);box-sizing:border-box;display:flex;min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden;border-style:var(--tw-border-style);border-width:1px;padding:calc(var(--spacing, .25rem) * 0);outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:transparent;max-height:calc(var(--ax-overlay-full-width) * var(--ax-vh));border-radius:var(--ax-comp-popup-border-radius);border-color:rgba(var(--ax-comp-popup-border-color));background-color:rgba(var(--ax-comp-popup-body-bg-color));box-shadow:var(--ax-comp-popup-contrast-inner-border-rest),var(--ax-comp-popup-inner-border-rest),var(--ax-comp-popup-highlight-rest),var(--ax-comp-popup-shadow-rest);background-image:linear-gradient(var(--ax-comp-popup-contrast-surface-overlay-rest),var(--ax-comp-popup-contrast-surface-overlay-rest)),linear-gradient(var(--ax-comp-popup-surface-overlay-rest),var(--ax-comp-popup-surface-overlay-rest)),var(--ax-comp-popup-background-image-rest);backdrop-filter:var(--ax-comp-popup-backdrop-filter-rest);-webkit-backdrop-filter:var(--ax-comp-popup-backdrop-filter-rest);color:rgba(var(--ax-comp-popup-body-text-color))}.ax-popup .ax-popup-header-container{flex-shrink:0;background-color:rgba(var(--ax-comp-popup-header-bg-color))}.ax-popup .ax-popup-header-container .ax-popup-header{display:flex;align-items:center;justify-content:space-between;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;padding:calc(var(--spacing, .25rem) * 3);border-color:rgba(var(--ax-comp-popup-header-border-color))}.ax-popup .ax-popup-header-container .ax-popup-header .ax-popup-title{font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}@media(min-width:48rem){.ax-popup .ax-popup-header-container .ax-popup-header .ax-popup-title{font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)))}}@media(min-width:48rem){.ax-popup .ax-popup-header-container .ax-popup-header .ax-popup-title{--tw-leading: calc(var(--spacing, .25rem) * 7);line-height:calc(var(--spacing, .25rem) * 7)}}.ax-popup ax-footer{display:flex;align-items:center;justify-content:space-between;border-top-style:var(--tw-border-style);border-top-width:1px;padding:calc(var(--spacing, .25rem) * 3);border-color:rgba(var(--ax-comp-popup-footer-border-color));background-color:rgba(var(--ax-comp-popup-footer-bg-color))}.ax-popup:focus{outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:transparent}.ax-popup:focus-visible{border-color:rgba(var(--ax-sys-color-primary-surface))}.ax-popup .ax-popup-main-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;overflow:hidden}.ax-popup .ax-popup-main-container .ax-popup-body-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:auto;background-color:rgba(var(--ax-comp-popup-body-bg-color))}.ax-popup .ax-popup-main-container .ax-popup-footer-container{flex-shrink:0;background-color:rgba(var(--ax-comp-popup-footer-bg-color))}.ax-popup.ax-popup-full{height:calc(100 * var(--ax-vh));max-height:calc(100 * var(--ax-vh));width:100vw;border-radius:0!important}.ax-popup.ax-popup-fit{width:fit-content!important}.ax-popup.ax-popup-fit .ax-popup-body-container{max-height:calc(100 * var(--ax-vh))}.ax-popup.ax-popup-fit .ax-popup-body-container>ng-component>div{width:fit-content!important}.ax-popup.ax-popup-xs{width:18vw!important;max-width:100vw}.ax-popup.ax-popup-sm{width:25vw!important;max-width:100vw}.ax-popup.ax-popup-md{width:40vw!important;max-width:100vw}.ax-popup.ax-popup-lg{width:65vw!important;max-width:100vw}.ax-popup.ax-popup-xl{width:75vw!important;max-width:100vw}.ax-popup.ax-popup-2xl{width:85vw!important;max-width:100vw}.ax-popup.ax-popup-minimized{z-index:55;width:fit-content!important;max-width:min(90vw,24rem)!important;min-width:0;max-height:none}.ax-popup.ax-popup-minimized .ax-popup-main-container{display:none}.ax-popup.ax-popup-minimized .ax-popup-header{width:max-content;max-width:100%;gap:calc(var(--spacing, .25rem) * 2)}.ax-popup.ax-popup-minimized .ax-popup-title{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:768px){.ax-popup:not(.ax-popup-fit):not(.ax-popup-minimized){width:93vw!important;max-height:calc(var(--ax-overlay-full-width) * var(--ax-vh))!important;border-radius:var(--ax-comp-popup-border-radius)}.ax-popup:not(.ax-popup-fit):not(.ax-popup-minimized):not(.ax-popup-full) .ax-popup-body-container>ng-component>div{width:100%}.ax-popup:not(.ax-popup-fit):not(.ax-popup-minimized).ax-popup-full{height:calc(var(--ax-overlay-full-width) * var(--ax-vh));border-radius:var(--ax-comp-popup-border-radius)!important}}.ax-dark .ax-popup{--ax-comp-popup-border-color: var(--ax-sys-color-border-darkest-surface);--ax-comp-popup-body-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-popup-body-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-popup-header-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-popup-header-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-popup-footer-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-popup-footer-border-color: var(--ax-sys-color-border-dark-surface)}}:root{--ax-comp-popup-border-radius: var(--ax-sys-border-radius);--ax-comp-popup-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-popup-body-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-popup-body-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-popup-header-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-popup-header-border-color: var(--ax-sys-color-border-lighter-surface);--ax-comp-popup-footer-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-popup-footer-border-color: var(--ax-sys-color-border-lighter-surface)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-outline-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-leading{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-outline-style: solid;--tw-font-weight: initial;--tw-leading: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
+                        AXSkeletonComponent,
+                    ], template: "<div\n  class=\"ax-popup-wrapper\"\n  aria-modal=\"true\"\n  axFocusTrap\n  [class.ax-popup-minimized-host]=\"popupSizeState() === 'minimize'\"\n>\n  <div\n    #popupEl\n    class=\"ax-popup ax-popup-{{ __config__()?.size || 'md' }}\"\n    tabindex=\"0\"\n    [class.ax-popup-dragging]=\"isDragging()\"\n    [class.ax-popup-minimized]=\"popupSizeState() === 'minimize'\"\n    [class.ax-popup-fullscreen]=\"fullScreenState()\"\n    [style.position]=\"dragOffset().x || dragOffset().y || popupSizeState() === 'minimize' ? 'fixed' : null\"\n    [style.left]=\"popupSizeState() === 'minimize' ? minimizeLeft() : dragOffset().x ? dragOffset().x + 'px' : null\"\n    [style.right]=\"popupSizeState() === 'minimize' ? minimizeRight() : null\"\n    [style.top]=\"popupSizeState() === 'minimize' ? 'auto' : dragOffset().y ? dragOffset().y + 'px' : null\"\n    [style.bottom]=\"popupSizeState() === 'minimize' ? '0' : null\"\n    [style.transform]=\"dragOffset().x || dragOffset().y || popupSizeState() === 'minimize' ? 'none' : null\"\n  >\n    <div\n      class=\"ax-popup-header-container\"\n      [class.ax-popup-draggable]=\"__config__()?.draggable && popupSizeState() !== 'minimize' && !fullScreenState()\"\n      (mousedown)=\"onDragStart($event)\"\n    >\n      @if (__config__()?.header) {\n        <div class=\"ax-popup-header\">\n          <span class=\"ax-popup-title\">{{ title() | translate | async }}</span>\n          <div class=\"ax-popup-header-actions\">\n            @if (minimizeEnabled()) {\n              <ax-button class=\"ax-sm\" look=\"blank\" color=\"default\" (onClick)=\"minimize()\">\n                <ax-icon class=\"ax-icon ax-icon-minimize\"></ax-icon>\n              </ax-button>\n            }\n\n            @if (popupSizeState() !== 'normal' || fullScreenState()) {\n              <ax-button class=\"ax-sm\" look=\"blank\" color=\"default\" (onClick)=\"restore()\">\n                <ax-icon class=\"ax-icon ax-icon-maximize\"></ax-icon>\n              </ax-button>\n            }\n\n            @if (maximizeEnabled()) {\n              <ax-button class=\"ax-sm\" look=\"blank\" color=\"default\" (onClick)=\"maximize()\">\n                <ax-icon class=\"ax-icon ax-icon-full-screen\"></ax-icon>\n              </ax-button>\n            }\n\n            @if (closeEnabled()) {\n              <ax-close-button tabindex=\"1\" (click)=\"_handleCloseClick()\"></ax-close-button>\n            }\n          </div>\n        </div>\n      }\n    </div>\n    <div class=\"ax-popup-main-container ax-loading-container\">\n      <div class=\"ax-popup-body-container\" #contentContainer>\n        @if (showSkeleton()) {\n          <div class=\"ax-popup-skeleton-container\" #skeletonEl>\n            @if (skeletonTemplate()) {\n              <ng-container [ngTemplateOutlet]=\"skeletonTemplate()\"></ng-container>\n            } @else {\n              <div class=\"ax-popup-skeleton-default\">\n                <ax-skeleton class=\"ax-popup-skeleton-bar ax-popup-skeleton-bar-title\" [animated]=\"__config__()?.skeletonAnimated ?? true\"></ax-skeleton>\n                <ax-skeleton class=\"ax-popup-skeleton-bar ax-popup-skeleton-bar-line\" [animated]=\"__config__()?.skeletonAnimated ?? true\"></ax-skeleton>\n                <ax-skeleton class=\"ax-popup-skeleton-bar ax-popup-skeleton-bar-line ax-popup-skeleton-bar-line-short\" [animated]=\"__config__()?.skeletonAnimated ?? true\"></ax-skeleton>\n                <ax-skeleton class=\"ax-popup-skeleton-bar ax-popup-skeleton-bar-line\" [animated]=\"__config__()?.skeletonAnimated ?? true\"></ax-skeleton>\n              </div>\n            }\n          </div>\n        }\n        <ng-container #contentOutlet />\n      </div>\n      <div class=\"ax-popup-footer-container\" [class.ax-popup-footer-visible]=\"__config__()?.footer\"></div>\n    </div>\n  </div>\n</div>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-overlay-centered{pointer-events:none}.ax-popup-overlay.ax-overlay-centered .ax-overlay-content{display:flex;max-height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:auto;max-width:100%;flex-direction:column;align-items:center;overflow:hidden;pointer-events:none}.ax-popup-overlay.ax-overlay-centered ax-popup.ax-popup-host{width:fit-content;flex-shrink:0;align-self:center;pointer-events:auto}.ax-popup-overlay.ax-overlay-centered ax-popup.ax-popup-host:has(.ax-popup-full){width:100%;max-width:100vw}.ax-popup-overlay.ax-overlay-centered ax-popup.ax-popup-host:has(.ax-popup-minimized){width:fit-content!important}.ax-popup-wrapper{display:block;width:fit-content;max-width:100%}.ax-popup-wrapper.ax-popup-minimized-host{width:fit-content!important}.ax-popup-header-container.ax-popup-draggable{cursor:move}.ax-popup.ax-popup-dragging{-webkit-user-select:none;user-select:none}.ax-popup.ax-popup-fullscreen{max-height:100vh!important;width:100vw!important;border-radius:0!important}.ax-popup-header-actions{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * 1)}.ax-popup{--ax-comp-popup-shadow-rest: var(--ax-sys-effect-modal);--ax-comp-popup-highlight-rest: var(--ax-sys-highlight-surface);--ax-comp-popup-inner-border-rest: var(--ax-sys-inner-border-surface);--ax-comp-popup-contrast-inner-border-rest: var(--ax-sys-contrast-inner-border-surface);--ax-comp-popup-contrast-surface-overlay-rest: var(--ax-sys-contrast-surface-overlay-surface);--ax-comp-popup-backdrop-filter-rest: var(--ax-sys-backdrop-filter-surface);--ax-comp-popup-background-image-rest: var(--ax-sys-gradient-surface);--ax-comp-popup-surface-overlay-rest: var(--ax-sys-surface-overlay-modal);box-sizing:border-box;display:flex;min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden;border-style:var(--tw-border-style);border-width:1px;padding:calc(var(--spacing, .25rem) * 0);outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:transparent;max-height:calc(var(--ax-overlay-full-width) * var(--ax-vh));border-radius:var(--ax-comp-popup-border-radius);border-color:rgba(var(--ax-comp-popup-border-color));background-color:rgba(var(--ax-comp-popup-body-bg-color));box-shadow:var(--ax-comp-popup-contrast-inner-border-rest),var(--ax-comp-popup-inner-border-rest),var(--ax-comp-popup-highlight-rest),var(--ax-comp-popup-shadow-rest);background-image:linear-gradient(var(--ax-comp-popup-contrast-surface-overlay-rest),var(--ax-comp-popup-contrast-surface-overlay-rest)),linear-gradient(var(--ax-comp-popup-surface-overlay-rest),var(--ax-comp-popup-surface-overlay-rest)),var(--ax-comp-popup-background-image-rest);backdrop-filter:var(--ax-comp-popup-backdrop-filter-rest);-webkit-backdrop-filter:var(--ax-comp-popup-backdrop-filter-rest);color:rgba(var(--ax-comp-popup-body-text-color))}.ax-popup .ax-popup-header-container{flex-shrink:0;background-color:rgba(var(--ax-comp-popup-header-bg-color))}.ax-popup .ax-popup-header-container .ax-popup-header{display:flex;align-items:center;justify-content:space-between;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;padding:calc(var(--spacing, .25rem) * 3);border-color:rgba(var(--ax-comp-popup-header-border-color))}.ax-popup .ax-popup-header-container .ax-popup-header .ax-popup-title{font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}@media(min-width:48rem){.ax-popup .ax-popup-header-container .ax-popup-header .ax-popup-title{font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)))}}@media(min-width:48rem){.ax-popup .ax-popup-header-container .ax-popup-header .ax-popup-title{--tw-leading: calc(var(--spacing, .25rem) * 7);line-height:calc(var(--spacing, .25rem) * 7)}}.ax-popup ax-footer{display:flex;align-items:center;justify-content:space-between;border-top-style:var(--tw-border-style);border-top-width:1px;padding:calc(var(--spacing, .25rem) * 3);border-color:rgba(var(--ax-comp-popup-footer-border-color));background-color:rgba(var(--ax-comp-popup-footer-bg-color))}.ax-popup:focus{outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:transparent}.ax-popup:focus-visible{border-color:rgba(var(--ax-sys-color-primary-surface))}.ax-popup .ax-popup-main-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;overflow:hidden}.ax-popup .ax-popup-main-container .ax-popup-body-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:auto;background-color:rgba(var(--ax-comp-popup-body-bg-color))}.ax-popup .ax-popup-main-container .ax-popup-skeleton-container{overflow:hidden;padding:calc(var(--spacing, .25rem) * 4)}.ax-popup .ax-popup-main-container .ax-popup-skeleton-default{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 3)}.ax-popup .ax-popup-main-container .ax-popup-skeleton-default .ax-popup-skeleton-bar{display:block;border-radius:var(--radius-md, .375rem)}.ax-popup .ax-popup-main-container .ax-popup-skeleton-default .ax-popup-skeleton-bar-title{height:calc(var(--spacing, .25rem) * 5);width:40%}.ax-popup .ax-popup-main-container .ax-popup-skeleton-default .ax-popup-skeleton-bar-line{height:calc(var(--spacing, .25rem) * 3.5);width:100%}.ax-popup .ax-popup-main-container .ax-popup-skeleton-default .ax-popup-skeleton-bar-line-short{width:80%}.ax-popup .ax-popup-main-container .ax-popup-footer-container{flex-shrink:0;background-color:rgba(var(--ax-comp-popup-footer-bg-color))}.ax-popup.ax-popup-full{height:calc(100 * var(--ax-vh));max-height:calc(100 * var(--ax-vh));width:100vw;border-radius:0!important}.ax-popup.ax-popup-fit{width:fit-content!important}.ax-popup.ax-popup-fit .ax-popup-body-container{max-height:calc(100 * var(--ax-vh))}.ax-popup.ax-popup-fit .ax-popup-body-container>ng-component>div{width:fit-content!important}.ax-popup.ax-popup-xs{width:18vw!important;max-width:100vw}.ax-popup.ax-popup-sm{width:25vw!important;max-width:100vw}.ax-popup.ax-popup-md{width:40vw!important;max-width:100vw}.ax-popup.ax-popup-lg{width:65vw!important;max-width:100vw}.ax-popup.ax-popup-xl{width:75vw!important;max-width:100vw}.ax-popup.ax-popup-2xl{width:85vw!important;max-width:100vw}.ax-popup.ax-popup-minimized{z-index:55;width:fit-content!important;max-width:min(90vw,24rem)!important;min-width:0;max-height:none}.ax-popup.ax-popup-minimized .ax-popup-main-container{display:none}.ax-popup.ax-popup-minimized .ax-popup-header{width:max-content;max-width:100%;gap:calc(var(--spacing, .25rem) * 2)}.ax-popup.ax-popup-minimized .ax-popup-title{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:768px){.ax-popup:not(.ax-popup-fit):not(.ax-popup-minimized){width:93vw!important;max-height:calc(var(--ax-overlay-full-width) * var(--ax-vh))!important;border-radius:var(--ax-comp-popup-border-radius)}.ax-popup:not(.ax-popup-fit):not(.ax-popup-minimized):not(.ax-popup-full) .ax-popup-body-container>ng-component>div{width:100%}.ax-popup:not(.ax-popup-fit):not(.ax-popup-minimized).ax-popup-full{height:calc(var(--ax-overlay-full-width) * var(--ax-vh));border-radius:var(--ax-comp-popup-border-radius)!important}}.ax-dark .ax-popup{--ax-comp-popup-border-color: var(--ax-sys-color-border-darkest-surface);--ax-comp-popup-body-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-popup-body-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-popup-header-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-popup-header-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-popup-footer-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-popup-footer-border-color: var(--ax-sys-color-border-dark-surface)}}:root{--ax-comp-popup-border-radius: var(--ax-sys-border-radius);--ax-comp-popup-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-popup-body-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-popup-body-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-popup-header-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-popup-header-border-color: var(--ax-sys-color-border-lighter-surface);--ax-comp-popup-footer-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-popup-footer-border-color: var(--ax-sys-color-border-lighter-surface)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-outline-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-leading{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-outline-style: solid;--tw-font-weight: initial;--tw-leading: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { contentContainerRef: [{
                 type: ViewChild,
-                args: ['contentContainer', { read: ViewContainerRef, static: true }]
+                args: ['contentOutlet', { read: ViewContainerRef, static: true }]
             }], contentContainerEl: [{
                 type: ViewChild,
                 args: ['contentContainer', { static: true }]