@mohamedatia/fly-design-system 2.15.2 → 2.16.0

package/fesm2022/mohamedatia-fly-design-system.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, signal, computed, Injectable, inject, ErrorHandler, PLATFORM_ID, DestroyRef, ChangeDetectionStrategy, Component, Pipe, ElementRef, input, output, afterNextRender, HostListener, ViewChild, ChangeDetectorRef, forwardRef, DOCUMENT, EventEmitter, Output, Input, Injector, viewChild, effect, ViewEncapsulation, model, Directive, Renderer2 } from '@angular/core';
+import { InjectionToken, signal, computed, Injectable, inject, ErrorHandler, PLATFORM_ID, DestroyRef, ChangeDetectionStrategy, Component, Pipe, ElementRef, input, output, afterNextRender, HostListener, ViewChild, ChangeDetectorRef, forwardRef, DOCUMENT, EventEmitter, Output, Input, effect, Injector, viewChild, ViewEncapsulation, model, Directive, Renderer2 } from '@angular/core';
 import * as i1$1 from '@angular/common';
 import { isPlatformBrowser, NgComponentOutlet, CommonModule, DOCUMENT as DOCUMENT$1 } from '@angular/common';
 import { Router, NavigationEnd } from '@angular/router';
@@ -17,6 +17,8 @@ import { TiptapEditorDirective } from 'ngx-tiptap';
 import { Link } from '@tiptap/extension-link';
 import { registerCustomProtocol } from 'linkifyjs';
 import { switchMap, debounceTime, distinctUntilChanged, filter } from 'rxjs/operators';
+import * as i1$2 from '@angular/cdk/a11y';
+import { A11yModule } from '@angular/cdk/a11y';
 import Cropper from 'cropperjs';
 
 /**
@@ -4176,6 +4178,159 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
             args: [{ selector: 'fly-block-ui', standalone: true, imports: [TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (active()) {\n  <div\n    class=\"fly-block-ui\"\n    role=\"status\"\n    aria-live=\"polite\"\n    aria-busy=\"true\"\n    [attr.aria-label]=\"resolvedMessageKey() | translate\">\n    <div class=\"fly-block-ui__card\">\n      <i class=\"pi pi-spin pi-spinner fly-block-ui__spinner\" aria-hidden=\"true\"></i>\n      <span class=\"fly-block-ui__text\">{{ resolvedMessageKey() | translate }}</span>\n    </div>\n  </div>\n}\n", styles: [":host{display:contents}.fly-block-ui{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--surface-ground, #0c0c12) 58%,transparent);-webkit-backdrop-filter:blur(6px) saturate(120%);backdrop-filter:blur(6px) saturate(120%)}.fly-block-ui__card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 36px;border-radius:12px;background:var(--glass-bg, rgba(255, 255, 255, .14));border:1px solid var(--glass-border, rgba(255, 255, 255, .22));box-shadow:0 8px 32px #0000002e}.fly-block-ui__spinner{font-size:2rem;color:var(--primary-color)}.fly-block-ui__text{font-size:.875rem;color:var(--text-color-secondary)}\n"] }]
         }], propDecorators: { active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: true }] }], messageKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageKey", required: false }] }] } });
 
+/**
+ * `fly-drawer` — the ONE overlay-drawer primitive for FlyOS apps.
+ *
+ * Replaces every hand-rolled centered modal / `*-backdrop` + `modal-panel`
+ * scaffold. A slide-in panel pinned to the window's inline-end edge over a
+ * scrim, dismissing away — drops onto ANY app layout (sidebar+main, editor,
+ * list) with no restructuring.
+ *
+ * ## Windowed rendering (important)
+ * Desktop apps are windowed, so the drawer renders **in-place** — the scrim is
+ * `position: absolute; inset: 0` and overlays the nearest positioned ancestor,
+ * NOT a body/CDK portal (a body-level overlay would escape the app window and
+ * break the shell's window stacking). **The consuming app's root container must
+ * be `position: relative`** (add it where missing) so the scrim is clipped to
+ * the window.
+ *
+ * ## Controlled
+ * `open` is a controlled input — bind it to a signal and flip it in the
+ * `(closed)` / `(openChange)` handlers. The drawer never closes itself; it only
+ * requests closure (scrim / Escape / ✕) by emitting.
+ *
+ * ## Owns (so apps stop reimplementing it)
+ * slide in/out (honours `prefers-reduced-motion`), focus trap + focus restore,
+ * Escape + scrim dismiss (both gated), scroll-lock of the host content, ARIA
+ * (`role=dialog` + `aria-modal` + labelledby/label), logical CSS (RTL-safe),
+ * dark theme.
+ *
+ * ## Slots
+ * - `[flyDrawerHeader]` — optional custom header (else `heading` + close ✕).
+ * - default — body (scrolls).
+ * - `[flyDrawerFooter]` — optional sticky footer (action bar).
+ */
+class FlyDrawerComponent {
+    host = inject((ElementRef));
+    destroyRef = inject(DestroyRef);
+    /** Drives mount + slide. Controlled by the parent. */
+    open = input(false, ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
+    /** Width tier → inline-size (sm 360 / md 480 / lg 640 / xl min(960px, 94%)). */
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    /** Convenience title shown in the default header (ignored if `[flyDrawerHeader]` is projected). Treated as an i18n key. */
+    heading = input(null, ...(ngDevMode ? [{ debugName: "heading" }] : /* istanbul ignore next */ []));
+    /** Edge to pin to. `end` (default) slides from inline-end; RTL flips it. */
+    side = input('end', ...(ngDevMode ? [{ debugName: "side" }] : /* istanbul ignore next */ []));
+    /** Close when the scrim is clicked. */
+    dismissOnScrim = input(true, ...(ngDevMode ? [{ debugName: "dismissOnScrim" }] : /* istanbul ignore next */ []));
+    /** Close on Escape. */
+    dismissOnEscape = input(true, ...(ngDevMode ? [{ debugName: "dismissOnEscape" }] : /* istanbul ignore next */ []));
+    /** Accessible label when no `heading` / projected header title is available. Treated as an i18n key. */
+    ariaLabel = input(null, ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    /** Hide the built-in close ✕ in the default header (e.g. a mandatory step). */
+    hideCloseButton = input(false, ...(ngDevMode ? [{ debugName: "hideCloseButton" }] : /* istanbul ignore next */ []));
+    /** Emitted when the user requests dismissal (scrim / Escape / ✕). */
+    closed = output();
+    /** Two-way friendly: emits `false` on a dismissal request. */
+    openChange = output();
+    /** Whether the panel is mounted (true while open AND during the slide-out). */
+    rendered = signal(false, ...(ngDevMode ? [{ debugName: "rendered" }] : /* istanbul ignore next */ []));
+    /** Whether the panel is in its entered (slid-in) state. */
+    entered = signal(false, ...(ngDevMode ? [{ debugName: "entered" }] : /* istanbul ignore next */ []));
+    headingId = 'fly-drawer-heading';
+    labelledBy = computed(() => (this.heading() ? this.headingId : null), ...(ngDevMode ? [{ debugName: "labelledBy" }] : /* istanbul ignore next */ []));
+    /** Element focused before the drawer opened, restored on close. */
+    previouslyFocused = null;
+    /** Parent element whose overflow we lock while open. */
+    scrollLockTarget = null;
+    prevOverflow = '';
+    constructor() {
+        effect(() => {
+            if (this.open())
+                this.onOpen();
+            else
+                this.onClose();
+        });
+        this.destroyRef.onDestroy(() => this.releaseScrollLock());
+    }
+    onOpen() {
+        if (this.rendered())
+            return;
+        this.previouslyFocused =
+            document.activeElement instanceof HTMLElement ? document.activeElement : null;
+        this.lockScroll();
+        this.rendered.set(true);
+        // Next frame → flip to entered so the CSS transition runs.
+        requestAnimationFrame(() => requestAnimationFrame(() => this.entered.set(true)));
+    }
+    onClose() {
+        if (!this.rendered())
+            return;
+        this.entered.set(false);
+        this.releaseScrollLock();
+        this.restoreFocus();
+        // Unmount on transitionend; fallback timer covers reduced-motion / a missed
+        // event so the (still pointer-grabbing) scrim can never linger.
+        setTimeout(() => {
+            if (!this.open())
+                this.rendered.set(false);
+        }, 320);
+    }
+    /** Remove the panel from the DOM once the slide-out transition completes. */
+    onPanelTransitionEnd() {
+        if (!this.entered() && !this.open())
+            this.rendered.set(false);
+    }
+    onEscape() {
+        if (this.open() && this.dismissOnEscape())
+            this.requestClose();
+    }
+    onScrimClick() {
+        if (this.dismissOnScrim())
+            this.requestClose();
+    }
+    requestClose() {
+        this.openChange.emit(false);
+        this.closed.emit();
+    }
+    lockScroll() {
+        // Lock the nearest positioned ancestor (the app window root) — the same box
+        // the absolutely-positioned scrim clips to — not the immediate DOM parent
+        // (which may be a `display:contents` dialog wrapper).
+        const target = this.host.nativeElement.offsetParent ??
+            this.host.nativeElement.parentElement;
+        if (!target)
+            return;
+        this.scrollLockTarget = target;
+        this.prevOverflow = target.style.overflow;
+        target.style.overflow = 'hidden';
+    }
+    releaseScrollLock() {
+        if (!this.scrollLockTarget)
+            return;
+        this.scrollLockTarget.style.overflow = this.prevOverflow;
+        this.scrollLockTarget = null;
+        this.prevOverflow = '';
+    }
+    restoreFocus() {
+        const el = this.previouslyFocused;
+        this.previouslyFocused = null;
+        if (el && document.contains(el)) {
+            // Defer so focus lands after the panel is removed from the a11y tree.
+            requestAnimationFrame(() => el.focus());
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: FlyDrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: FlyDrawerComponent, isStandalone: true, selector: "fly-drawer", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null }, dismissOnScrim: { classPropertyName: "dismissOnScrim", publicName: "dismissOnScrim", isSignal: true, isRequired: false, transformFunction: null }, dismissOnEscape: { classPropertyName: "dismissOnEscape", publicName: "dismissOnEscape", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, hideCloseButton: { classPropertyName: "hideCloseButton", publicName: "hideCloseButton", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed", openChange: "openChange" }, host: { listeners: { "document:keydown.escape": "onEscape()" } }, ngImport: i0, template: "<!--\n  Windowed overlay drawer. Renders only while mounted (open or sliding out).\n  Scrim + panel are absolutely positioned within the nearest positioned\n  ancestor (the consuming app root must be position:relative).\n-->\n@if (rendered()) {\n  <div\n    class=\"fly-drawer__scrim\"\n    [class.fly-drawer__scrim--in]=\"entered()\"\n    (click)=\"onScrimClick()\"\n    aria-hidden=\"true\"\n  ></div>\n\n  <div\n    class=\"fly-drawer__panel\"\n    [class.fly-drawer__panel--in]=\"entered()\"\n    [class]=\"'fly-drawer__panel--' + size() + ' fly-drawer__panel--side-' + side()\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    [attr.aria-labelledby]=\"labelledBy()\"\n    [attr.aria-label]=\"!labelledBy() && ariaLabel() ? (ariaLabel()! | translate) : null\"\n    cdkTrapFocus\n    [cdkTrapFocusAutoCapture]=\"true\"\n    (transitionend)=\"onPanelTransitionEnd()\"\n  >\n    <!-- Header: custom slot, else heading + close \u2715. -->\n    <ng-content select=\"[flyDrawerHeader]\">\n      @if (heading()) {\n        <header class=\"fly-drawer__header\">\n          <h2 class=\"fly-drawer__title\" [id]=\"headingId\">{{ heading()! | translate }}</h2>\n          @if (!hideCloseButton()) {\n            <button\n              type=\"button\"\n              class=\"fly-drawer__close\"\n              (click)=\"requestClose()\"\n              [attr.aria-label]=\"'common.action.close' | translate\"\n            >\n              <i class=\"pi pi-times\" aria-hidden=\"true\"></i>\n            </button>\n          }\n        </header>\n      }\n    </ng-content>\n\n    <div class=\"fly-drawer__body\">\n      <ng-content></ng-content>\n    </div>\n\n    <ng-content select=\"[flyDrawerFooter]\"></ng-content>\n  </div>\n}\n", styles: [":host{position:absolute;inset:0;z-index:60;pointer-events:none}.fly-drawer__scrim{position:absolute;inset:0;pointer-events:auto;background:#00000061;opacity:0;transition:opacity .24s ease}.fly-drawer__scrim--in{opacity:1}.fly-drawer__panel{position:absolute;inset-block:0;inset-inline-end:0;pointer-events:auto;display:flex;flex-direction:column;min-block-size:0;inline-size:min(480px,100%);max-inline-size:100%;background:var(--surface-card, #fff);border-inline-start:1px solid var(--surface-border, rgba(0, 0, 0, .08));box-shadow:-16px 0 48px #00000038;transform:translate(100%);transition:transform .28s cubic-bezier(.32,.72,0,1)}.fly-drawer__panel--sm{inline-size:min(360px,100%)}.fly-drawer__panel--md{inline-size:min(480px,100%)}.fly-drawer__panel--lg{inline-size:min(640px,100%)}.fly-drawer__panel--xl{inline-size:min(960px,94%)}.fly-drawer__panel--side-start{inset-inline-end:auto;inset-inline-start:0;border-inline-start:none;border-inline-end:1px solid var(--surface-border, rgba(0, 0, 0, .08));box-shadow:16px 0 48px #00000038;transform:translate(-100%)}.fly-drawer__panel--in{transform:translate(0)}:host-context([dir=rtl]) .fly-drawer__panel{transform:translate(-100%)}:host-context([dir=rtl]) .fly-drawer__panel--side-start{transform:translate(100%)}:host-context([dir=rtl]) .fly-drawer__panel--in{transform:translate(0)}:host-context([dir=rtl]) .fly-drawer__panel{box-shadow:16px 0 48px #00000038;border-inline-start:1px solid var(--surface-border, rgba(0, 0, 0, .08))}.fly-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-block-end:1px solid var(--surface-border, rgba(0, 0, 0, .08));flex:0 0 auto}.fly-drawer__title{margin:0;font-size:16px;font-weight:600;color:var(--label-primary, #1d1d1f)}.fly-drawer__close{display:inline-flex;align-items:center;justify-content:center;inline-size:30px;block-size:30px;border:none;border-radius:8px;background:transparent;color:var(--label-secondary, #6e6e73);cursor:pointer}.fly-drawer__close:hover{background:#0000000f}.fly-drawer__body{flex:1 1 auto;min-block-size:0;overflow-y:auto}:host ::ng-deep [flyDrawerFooter]{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 18px;border-block-start:1px solid var(--surface-border, rgba(0, 0, 0, .08))}:host-context(html.dark-theme) .fly-drawer__panel{background:#1c1c1e}:host-context(html.dark-theme) .fly-drawer__title{color:#f5f5f7}:host-context(html.dark-theme) .fly-drawer__close:hover{background:#ffffff14}@media(prefers-reduced-motion:reduce){.fly-drawer__scrim,.fly-drawer__panel{transition:none}}@media(forced-colors:active){.fly-drawer__panel{border:1px solid CanvasText}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1$2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: FlyDrawerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fly-drawer', standalone: true, imports: [CommonModule, A11yModule, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  Windowed overlay drawer. Renders only while mounted (open or sliding out).\n  Scrim + panel are absolutely positioned within the nearest positioned\n  ancestor (the consuming app root must be position:relative).\n-->\n@if (rendered()) {\n  <div\n    class=\"fly-drawer__scrim\"\n    [class.fly-drawer__scrim--in]=\"entered()\"\n    (click)=\"onScrimClick()\"\n    aria-hidden=\"true\"\n  ></div>\n\n  <div\n    class=\"fly-drawer__panel\"\n    [class.fly-drawer__panel--in]=\"entered()\"\n    [class]=\"'fly-drawer__panel--' + size() + ' fly-drawer__panel--side-' + side()\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    [attr.aria-labelledby]=\"labelledBy()\"\n    [attr.aria-label]=\"!labelledBy() && ariaLabel() ? (ariaLabel()! | translate) : null\"\n    cdkTrapFocus\n    [cdkTrapFocusAutoCapture]=\"true\"\n    (transitionend)=\"onPanelTransitionEnd()\"\n  >\n    <!-- Header: custom slot, else heading + close \u2715. -->\n    <ng-content select=\"[flyDrawerHeader]\">\n      @if (heading()) {\n        <header class=\"fly-drawer__header\">\n          <h2 class=\"fly-drawer__title\" [id]=\"headingId\">{{ heading()! | translate }}</h2>\n          @if (!hideCloseButton()) {\n            <button\n              type=\"button\"\n              class=\"fly-drawer__close\"\n              (click)=\"requestClose()\"\n              [attr.aria-label]=\"'common.action.close' | translate\"\n            >\n              <i class=\"pi pi-times\" aria-hidden=\"true\"></i>\n            </button>\n          }\n        </header>\n      }\n    </ng-content>\n\n    <div class=\"fly-drawer__body\">\n      <ng-content></ng-content>\n    </div>\n\n    <ng-content select=\"[flyDrawerFooter]\"></ng-content>\n  </div>\n}\n", styles: [":host{position:absolute;inset:0;z-index:60;pointer-events:none}.fly-drawer__scrim{position:absolute;inset:0;pointer-events:auto;background:#00000061;opacity:0;transition:opacity .24s ease}.fly-drawer__scrim--in{opacity:1}.fly-drawer__panel{position:absolute;inset-block:0;inset-inline-end:0;pointer-events:auto;display:flex;flex-direction:column;min-block-size:0;inline-size:min(480px,100%);max-inline-size:100%;background:var(--surface-card, #fff);border-inline-start:1px solid var(--surface-border, rgba(0, 0, 0, .08));box-shadow:-16px 0 48px #00000038;transform:translate(100%);transition:transform .28s cubic-bezier(.32,.72,0,1)}.fly-drawer__panel--sm{inline-size:min(360px,100%)}.fly-drawer__panel--md{inline-size:min(480px,100%)}.fly-drawer__panel--lg{inline-size:min(640px,100%)}.fly-drawer__panel--xl{inline-size:min(960px,94%)}.fly-drawer__panel--side-start{inset-inline-end:auto;inset-inline-start:0;border-inline-start:none;border-inline-end:1px solid var(--surface-border, rgba(0, 0, 0, .08));box-shadow:16px 0 48px #00000038;transform:translate(-100%)}.fly-drawer__panel--in{transform:translate(0)}:host-context([dir=rtl]) .fly-drawer__panel{transform:translate(-100%)}:host-context([dir=rtl]) .fly-drawer__panel--side-start{transform:translate(100%)}:host-context([dir=rtl]) .fly-drawer__panel--in{transform:translate(0)}:host-context([dir=rtl]) .fly-drawer__panel{box-shadow:16px 0 48px #00000038;border-inline-start:1px solid var(--surface-border, rgba(0, 0, 0, .08))}.fly-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-block-end:1px solid var(--surface-border, rgba(0, 0, 0, .08));flex:0 0 auto}.fly-drawer__title{margin:0;font-size:16px;font-weight:600;color:var(--label-primary, #1d1d1f)}.fly-drawer__close{display:inline-flex;align-items:center;justify-content:center;inline-size:30px;block-size:30px;border:none;border-radius:8px;background:transparent;color:var(--label-secondary, #6e6e73);cursor:pointer}.fly-drawer__close:hover{background:#0000000f}.fly-drawer__body{flex:1 1 auto;min-block-size:0;overflow-y:auto}:host ::ng-deep [flyDrawerFooter]{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 18px;border-block-start:1px solid var(--surface-border, rgba(0, 0, 0, .08))}:host-context(html.dark-theme) .fly-drawer__panel{background:#1c1c1e}:host-context(html.dark-theme) .fly-drawer__title{color:#f5f5f7}:host-context(html.dark-theme) .fly-drawer__close:hover{background:#ffffff14}@media(prefers-reduced-motion:reduce){.fly-drawer__scrim,.fly-drawer__panel{transition:none}}@media(forced-colors:active){.fly-drawer__panel{border:1px solid CanvasText}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: false }] }], side: [{ type: i0.Input, args: [{ isSignal: true, alias: "side", required: false }] }], dismissOnScrim: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissOnScrim", required: false }] }], dismissOnEscape: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissOnEscape", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], hideCloseButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideCloseButton", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }], openChange: [{ type: i0.Output, args: ["openChange"] }], onEscape: [{
+                type: HostListener,
+                args: ['document:keydown.escape']
+            }] } });
+
 /**
  * Image upload component with built-in cropperjs cropping modal.
  *
@@ -6632,5 +6787,5 @@ const AUDIENCE_ERROR_CODES = {
  * Generated bundle index. Do not edit.
  */
 
-export { AGENT_DRAG_MIME, AGENT_PAYLOAD_VERSION, APP_LOOKUP, AUDIENCE_ERROR_CODES, AUDIENCE_LIMITS, AUDIENCE_PRESETS, AUDIENCE_TERM_KINDS, AgentActionBus, AgentActionUnsupportedDispatchError, AgentCommandRegistry, AgentDropRegistry, AgentFlightAnimator, AgentLookupRegistry, AgentPayloadOversizeError, AudienceBuilderComponent, AuthService, ContextMenuComponent, DEFAULT_AGENT_PAYLOAD_LIMITS, DEFAULT_FLY_THEME_MODE, DS_BASELINE_LOCALES, DialogResult, ENTITY_LINK_LAUNCHER, EntityLookupComponent, FLYOS_LAUNCH_EVENT, FLYOS_PROTOCOL, FLYOS_REMOTE_ROUTE_EVENT, FLY_LOCALE_CATALOG, FLY_REMOTE_BASE_PATH, FLY_REMOTE_CONTEXT_EVENT, FLY_REMOTE_CONTEXT_STORE_KEY, FLY_REMOTE_ROUTES, FLY_THEME_MODE_IDS, FLY_WINDOW_HELP_HINT_EVENT, FlyAgentDraggableDirective, FlyBlockUiComponent, FlyFileUploadComponent, FlyImageUploadComponent, FlyMarkdownEditorComponent, FlyRemoteContextService, FlyRemoteRouter, FlyRemoteRouterOutletComponent, FlySecureSrcDirective, FlyThemeService, FlyWindowHelpService, FlyosLink, FlyosPendingLaunchesGlobalKey, FlyosShellOwnsHistoryGlobalKey, I18nService, LAUNCH_CONTEXT, MARKDOWN_TOOLBAR_PRESETS, MessageBoxButtons, MessageBoxComponent, MessageBoxIcon, MessageBoxService, MockAuthService, RTL_LOCALE_SET, SHARE_ORG_CHART_SYSTEM_KEY_APPS, SHARE_ORG_CHART_SYSTEM_KEY_DEFAULT, SHARE_PANEL_DEFAULT_FILE_LEVELS, SUPPORTED_AGENT_PAYLOAD_VERSIONS, SharePanelComponent, SourceAppResolver, StandaloneWindowManagerService, TranslatePipe, WINDOW_DATA, WINDOW_HELP_HINT, WindowManagerService, findLocaleByDialect, findLocaleByPrefix, isRtlLocale, isRtlLocaleEntry, loadRemoteStyles, matchFlyRoutePattern, normalizeFlyTheme, registerFlyosProtocol, trimAgentPayload, trimAgentString, unloadRemoteStyles, utf8ByteLength, validateAgentPayload };
+export { AGENT_DRAG_MIME, AGENT_PAYLOAD_VERSION, APP_LOOKUP, AUDIENCE_ERROR_CODES, AUDIENCE_LIMITS, AUDIENCE_PRESETS, AUDIENCE_TERM_KINDS, AgentActionBus, AgentActionUnsupportedDispatchError, AgentCommandRegistry, AgentDropRegistry, AgentFlightAnimator, AgentLookupRegistry, AgentPayloadOversizeError, AudienceBuilderComponent, AuthService, ContextMenuComponent, DEFAULT_AGENT_PAYLOAD_LIMITS, DEFAULT_FLY_THEME_MODE, DS_BASELINE_LOCALES, DialogResult, ENTITY_LINK_LAUNCHER, EntityLookupComponent, FLYOS_LAUNCH_EVENT, FLYOS_PROTOCOL, FLYOS_REMOTE_ROUTE_EVENT, FLY_LOCALE_CATALOG, FLY_REMOTE_BASE_PATH, FLY_REMOTE_CONTEXT_EVENT, FLY_REMOTE_CONTEXT_STORE_KEY, FLY_REMOTE_ROUTES, FLY_THEME_MODE_IDS, FLY_WINDOW_HELP_HINT_EVENT, FlyAgentDraggableDirective, FlyBlockUiComponent, FlyDrawerComponent, FlyFileUploadComponent, FlyImageUploadComponent, FlyMarkdownEditorComponent, FlyRemoteContextService, FlyRemoteRouter, FlyRemoteRouterOutletComponent, FlySecureSrcDirective, FlyThemeService, FlyWindowHelpService, FlyosLink, FlyosPendingLaunchesGlobalKey, FlyosShellOwnsHistoryGlobalKey, I18nService, LAUNCH_CONTEXT, MARKDOWN_TOOLBAR_PRESETS, MessageBoxButtons, MessageBoxComponent, MessageBoxIcon, MessageBoxService, MockAuthService, RTL_LOCALE_SET, SHARE_ORG_CHART_SYSTEM_KEY_APPS, SHARE_ORG_CHART_SYSTEM_KEY_DEFAULT, SHARE_PANEL_DEFAULT_FILE_LEVELS, SUPPORTED_AGENT_PAYLOAD_VERSIONS, SharePanelComponent, SourceAppResolver, StandaloneWindowManagerService, TranslatePipe, WINDOW_DATA, WINDOW_HELP_HINT, WindowManagerService, findLocaleByDialect, findLocaleByPrefix, isRtlLocale, isRtlLocaleEntry, loadRemoteStyles, matchFlyRoutePattern, normalizeFlyTheme, registerFlyosProtocol, trimAgentPayload, trimAgentString, unloadRemoteStyles, utf8ByteLength, validateAgentPayload };
 //# sourceMappingURL=mohamedatia-fly-design-system.mjs.map