@xplortech/apollo-core 2.10.0 → 2.12.0

package/dist/types/components/xpl-toolbar/toolbar.stories.d.ts

@@ -0,0 +1,35 @@
+interface ToolbarStoryArgs {
+    selectedItemCount: number;
+}
+declare const _default: {
+    title: string;
+    component: string;
+    tags: string[];
+    beforeEach(): void;
+    play({ canvasElement }: import("storybook/internal/csf").PlayFunctionContext<import("@storybook/web-components").WebComponentsRenderer, ToolbarStoryArgs>): Promise<void>;
+    argTypes: {
+        selectedItemCount: {
+            control: {
+                type: "number";
+            };
+        };
+    };
+};
+export default _default;
+export declare const Toolbar: {
+    ({ selectedItemCount }: ToolbarStoryArgs): string;
+    args: {
+        selectedItemCount: number;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+        'web-component': {
+            render: string;
+        };
+    };
+};

package/dist/types/components/xpl-tooltip/tooltip.stories.d.ts

@@ -1,4 +1,13 @@
+import type { StoryFunction } from "../../../../.storybook/utils/story-function";
+interface TooltipArgs {
+    text: string;
+    position: 'top-middle' | 'right' | 'bottom-middle' | 'left' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+    hideArrow: boolean;
+}
 declare const meta: {
+    tags: string[];
+    beforeEach(): void;
+    play({ canvasElement }: import("storybook/internal/csf").PlayFunctionContext<import("@storybook/web-components").WebComponentsRenderer, TooltipArgs>): Promise<void>;
     title: string;
     component: string;
     argTypes: {
@@ -17,27 +26,4 @@ declare const meta: {
     };
 };
 export default meta;
-export declare const Tooltip: {
-    ({ text, position, hideArrow }: {
-        text: any;
-        position: any;
-        hideArrow: any;
-    }): string;
-    args: {
-        text: string;
-        position: string;
-        hideArrow: boolean;
-    };
-    parameters: {
-        'web-component': {
-            render: string;
-        };
-        html: {
-            render: string;
-        };
-        design: {
-            type: string;
-            url: string;
-        };
-    };
-};
+export declare const Tooltip: StoryFunction<TooltipArgs>;

package/dist/types/components/xpl-top-nav/top-nav-constants.d.ts

@@ -0,0 +1 @@
+export declare const TOP_NAV_MOBILE_MQ = "(max-width: 767px)";

package/dist/types/components/xpl-top-nav/top-nav.stories.d.ts

@@ -7,7 +7,9 @@ declare function topNavDarkStoryDecorator(story: () => unknown): HTMLDivElement;
 declare const meta: {
     title: string;
     component: string;
+    tags: string[];
     decorators: (typeof topNavDarkStoryDecorator)[];
+    beforeEach(): void;
     parameters: {
         design: {
             type: "figma";
@@ -369,18 +371,24 @@ export declare const TopNavigation: {
 };
 interface TopNavItemArgs {
     active?: boolean;
+    description?: string;
     href?: string;
     icon?: string;
     itemAriaLabel?: string;
     label?: string;
+    openMode?: 'click' | 'hover';
     selected?: boolean;
+    showDropdown?: boolean;
+    trailingIcon?: string;
 }
 export declare const TopNavItem: {
     (args: TopNavItemArgs): string;
     args: {
         href: string;
         label: string;
-        selected: boolean;
+        selected: false;
+        openMode: "click";
+        showDropdown: false;
     };
     argTypes: {
         active: {
@@ -399,14 +407,37 @@ export declare const TopNavItem: {
             control: string;
             description: string;
         };
+        description: {
+            control: string;
+            description: string;
+        };
+        trailingIcon: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+            };
+        };
         itemAriaLabel: {
             control: string;
             description: string;
         };
+        openMode: {
+            control: string;
+            options: ("click" | "hover")[];
+            description: string;
+        };
         selected: {
             control: string;
             description: string;
         };
+        showDropdown: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+            };
+        };
         navItemClick: {
             control: boolean;
             description: string;
@@ -414,6 +445,13 @@ export declare const TopNavItem: {
                 category: string;
             };
         };
+        openChange: {
+            control: boolean;
+            description: string;
+            table: {
+                category: string;
+            };
+        };
     };
     parameters: {
         layout: string;
@@ -429,6 +467,40 @@ export declare const TopNavItem: {
         };
     };
 };
+interface TopNavMenuGroupArgs {
+    label?: string;
+}
+export declare const TopNavMenuGroup: {
+    (args: TopNavMenuGroupArgs): string;
+    storyName: string;
+    args: {
+        label: string;
+    };
+    argTypes: {
+        label: {
+            control: string;
+            description: string;
+        };
+    };
+    parameters: {
+        layout: string;
+        design: {
+            type: "figma";
+            url: string;
+        };
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+        'web-component': {
+            render: string;
+        };
+        html: {
+            render: string;
+        };
+    };
+};
 interface TopNavMenuArgs {
     username?: string;
     email?: string;
@@ -436,6 +508,7 @@ interface TopNavMenuArgs {
 }
 export declare const TopNavMenu: {
     (args: TopNavMenuArgs): string;
+    storyName: string;
     args: {
         username: string;
         email: string;
@@ -461,6 +534,11 @@ export declare const TopNavMenu: {
             type: "figma";
             url: string;
         };
+        docs: {
+            description: {
+                story: string;
+            };
+        };
         'web-component': {
             render: string;
         };

package/dist/types/components/xpl-top-nav/xpl-top-nav-item/top-nav-item-constants.d.ts

@@ -0,0 +1,2 @@
+export declare const TOP_NAV_ITEM_HOVER_OPEN_MQ = "(hover: hover) and (pointer: fine) and (min-width: 768px)";
+export declare const TOP_NAV_ITEM_HOVER_CLOSE_DELAY_MS = 150;

package/dist/types/components/xpl-top-nav/xpl-top-nav-item/xpl-top-nav-item.d.ts

@@ -1,28 +1,42 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class TopNavItem {
-    private deferredHasDropdownObserverSyncTimeoutId?;
-    private deferredPostRenderTopNavItemTimeoutId?;
     private dropdownSlotObserver?;
+    private dropdownPanelId;
+    private hoverOpened;
+    private hoverOpenMq?;
+    private mobileMq?;
     private parentListitemContextObserver?;
     private selfListitemContextObserver?;
+    private timers;
     el: HTMLElement;
+    hasActiveDescendant: boolean;
     hasDropdown: boolean;
     onHasDropdownChanged(): void;
+    isLeadingIconSlotPresent: boolean;
+    isMobileViewport: boolean;
     private hostListitemRole;
-    open: boolean;
+    isTrailingIconSlotPresent: boolean;
     active: boolean;
+    description?: string;
     href?: string;
     icon: string;
     itemAriaLabel?: string;
     label?: string;
+    open: boolean;
+    onOpenChanged(next: boolean): void;
+    openMode: 'click' | 'hover';
     selected: boolean;
     navItemClick: EventEmitter<MouseEvent>;
+    openChange: EventEmitter<boolean>;
     connectedCallback(): void;
     disconnectedCallback(): void;
     componentWillLoad(): void;
     componentWillRender(): void;
     componentDidRender(): void;
     handleCloseNavDropdownRequest(): void;
+    closeMenu(): Promise<void>;
+    openMenu(): Promise<void>;
+    toggleMenu(): Promise<void>;
     private scheduleHasDropdownSyncFromObserver;
     private connectDropdownSlotObserver;
     private disconnectDropdownSlotObserver;
@@ -30,19 +44,27 @@ export declare class TopNavItem {
     private connectListitemContextObservers;
     private schedulePostRenderTopNavItemWork;
     private syncDropdownDocListeners;
+    private hasSlottedChildOwnedByThisHost;
     private syncHasDropdownFromDom;
     private onDocClickCapture;
     private onDocKeyDownCapture;
     private getNavDropdownBroadcastRoot;
     private broadcastCloseOtherDropdownHosts;
-    private syntheticActivationClickFromKeyboard;
     private handleClick;
     private handleKeyDown;
+    private onMobileViewportChange;
+    private hoverModeActive;
+    private handleMouseEnter;
+    private handleMouseLeave;
+    private focusTriggerAfterEscape;
     private static isInternalRenderedHostChild;
     private hasNonDropdownLightDomChild;
     private getInnerAriaLabel;
     private computeHostListitemRole;
     private syncHostListitemRole;
+    private renderLabelContent;
+    private renderLeading;
+    private renderTrailing;
     private renderInner;
     render(): any;
 }

package/dist/types/components/xpl-top-nav/xpl-top-nav-menu/xpl-top-nav-menu.d.ts

@@ -0,0 +1,18 @@
+export declare class TopNavMenu {
+    private parentOpenObserver?;
+    private mobileMq?;
+    private timers;
+    el: HTMLElement;
+    private isMobileCascade;
+    label?: string;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private connectParentOpenObserver;
+    private disconnectParentOpenObserver;
+    private scheduleParentOpenCheck;
+    private focusBackRowIfJustOpenedOnMobile;
+    private onViewportChange;
+    private handleBackClick;
+    private renderBackRow;
+    render(): any;
+}

package/dist/types/components/xpl-top-nav/xpl-top-nav.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class TopNav {
     private deferredSlotContentObserverSyncTimeoutId?;
+    private slotProjectionDirty;
     private navControlFocusTimeoutId?;
     private slotContentObserver?;
     private userPopoverDrawerOpenObserver?;
@@ -8,6 +9,7 @@ export declare class TopNav {
     el: HTMLElement;
     brandLogoSlotPresent: boolean;
     open: boolean;
+    slotProjectionNonce: number;
     userMenuSlotPresent: boolean;
     userMenuTriggerSlotPresent: boolean;
     brandHref?: string;
@@ -35,14 +37,18 @@ export declare class TopNav {
     private connectUserPopoverDrawerSync;
     private disconnectSlotContentObserver;
     private disconnectUserPopoverDrawerSync;
-    private removeDocEscapeListener;
+    private removeDocDismissListeners;
+    private resetMobileCascade;
     private scheduleSlotContentSyncFromObserver;
-    private syncDocEscapeListener;
+    private flushPendingSlotProjection;
+    private mutationsAffectHostSlotting;
+    private syncDocDismissListeners;
     private syncOpenFromNavControl;
     private focusNavControlAfterClose;
     private handleUserPopoverIsOpenChange;
     private onBrandNavItemClick;
     private onDocKeyDownEscape;
+    private onDocClickOutsideDismiss;
     private onNavToggle;
     private onUserPopoverInnerOpenClassChange;
     private syncBrandLogoSlot;

package/dist/types/components/xpl-utility-bar/utility-bar.stories.d.ts

@@ -1,5 +1,12 @@
+import type { StoryFunction } from "../../../../.storybook/utils/story-function";
+interface UtilityBarSlots {
+    mainSlot: string;
+    asideSlot: string;
+}
 declare const _default: {
     title: string;
+    tags: string[];
+    beforeEach(): void;
     argTypes: {
         mainSlot: {
             type: {
@@ -16,5 +23,5 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const UtilityBarMobile: any;
-export declare const UtilityBarDesktop: any;
+export declare const UtilityBarMobile: StoryFunction<UtilityBarSlots>;
+export declare const UtilityBarDesktop: StoryFunction<UtilityBarSlots>;