@uxland/primary-shell 7.39.0 → 7.40.1

package/dist/primary/shell/src/UI/components/navigation-tooltip/index.d.ts

@@ -1,2 +0,0 @@
-export { showNavItemTooltip } from './tooltip-manager';
-export { NavigationTooltip } from './navigation-tooltip';

package/dist/primary/shell/src/UI/components/navigation-tooltip/navigation-tooltip.d.ts

@@ -1,8 +0,0 @@
-import { LitElement } from 'lit';
-export declare class NavigationTooltip extends LitElement {
-    text: string;
-    itemAbsoluteY: number;
-    static styles: import('lit').CSSResult;
-    render(): import('lit').TemplateResult<1>;
-}
-export declare const renderNavigationTooltip: (text: string, itemAbsoluteY: number) => void;

package/dist/primary/shell/src/UI/components/navigation-tooltip/tooltip-manager.d.ts

@@ -1 +0,0 @@
-export declare const showNavItemTooltip: (navItemMenuKey: string, text: string) => Promise<void>;

package/src/UI/components/navigation-tooltip/index.ts

@@ -1,2 +0,0 @@
-export { showNavItemTooltip } from "./tooltip-manager";
-export { NavigationTooltip } from "./navigation-tooltip";

package/src/UI/components/navigation-tooltip/navigation-tooltip.ts

@@ -1,50 +0,0 @@
-import { LitElement, css, html, unsafeCSS } from "lit";
-import { property } from "lit/decorators.js";
-import styles from "./styles.css?inline";
-
-export class NavigationTooltip extends LitElement {
-  @property({ type: String }) text = "";
-  @property({ type: Number }) itemAbsoluteY = 0;
-
-  static styles = css`
-    ${unsafeCSS(styles)}
-  `;
-
-  render() {
-    const itemHeight = 51;
-    const centerY = this.itemAbsoluteY + itemHeight / 2 - 5;
-
-    return html`
-      <div class="tooltip-overlay">
-        <div class="navigation-tooltip" style="left: 88px; top: ${centerY}px">
-          <dss-icon icon="info" size="md"></dss-icon>
-          ${this.text}
-          <div class="arrow"></div>
-        </div>
-      </div>
-    `;
-  }
-}
-
-customElements.define("navigation-tooltip", NavigationTooltip);
-
-export const renderNavigationTooltip = (text: string, itemAbsoluteY: number) => {
-  // Remove existing tooltip if any
-  const existing = document.querySelector("navigation-tooltip");
-  if (existing) {
-    existing.remove();
-  }
-
-  // Create new tooltip
-  const tooltip = document.createElement("navigation-tooltip") as NavigationTooltip;
-  tooltip.text = text;
-  tooltip.itemAbsoluteY = itemAbsoluteY;
-  document.body.appendChild(tooltip);
-
-  // Auto-remove after 3 seconds
-  setTimeout(() => {
-    if (tooltip && document.body.contains(tooltip)) {
-      tooltip.remove();
-    }
-  }, 2500);
-};

package/src/UI/components/navigation-tooltip/styles.css

@@ -1,67 +0,0 @@
-:host {
-  display: block;
-}
-
-.tooltip-overlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-  z-index: 9999;
-  pointer-events: none;
-}
-
-.navigation-tooltip {
-  position: absolute;
-  min-width: 250px;
-  transform: translateY(-50%);
-  background: #EAF7FD;
-  color: #0F4877;
-  border: 2px solid #0F4877;
-  padding: 12px 16px;
-  border-radius: 10px;
-  white-space: nowrap;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
-  font-size: 13px;
-  font-family: var(--etc-font-family, inherit);
-  font-weight: 500;
-  animation: fadeInOut 5s ease-in-out forwards;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.tooltip-icon {
-  font-size: 16px;
-}
-
-.arrow {
-  position: absolute;
-  right: 100%;
-  top: 50%;
-  transform: translateY(-50%);
-  width: 0;
-  height: 0;
-  border: 12px solid transparent;
-  border-right-color: #0F4877;
-}
-
-@keyframes fadeInOut {
-  0% {
-    opacity: 0;
-    transform: translateY(-50%) translateX(-10px);
-  }
-  10% {
-    opacity: 1;
-    transform: translateY(-50%) translateX(0px);
-  }
-  90% {
-    opacity: 1;
-    transform: translateY(-50%) translateX(0px);
-  }
-  100% {
-    opacity: 0;
-    transform: translateY(-50%) translateX(-10px);
-  }
-}

package/src/UI/components/navigation-tooltip/tooltip-manager.ts

@@ -1,31 +0,0 @@
-import { shellApi } from "../../../api/api";
-import { BROKER_EVENTS } from "../../../api/broker/broker-events";
-import { renderNavigationTooltip } from "./navigation-tooltip";
-
-const scrollToNavItem = (
-  navItemMenuKey: string,
-): Promise<{ scrollTop: number; containerTop: number; itemIndex: number; itemAbsoluteY: number }> => {
-  return new Promise((resolve) => {
-    const subscription = shellApi.broker.subscribe(
-      BROKER_EVENTS.shell.scrollToNavItemCompleted,
-      (data: { scrollTop: number; containerTop: number; itemIndex: number; itemAbsoluteY: number }) => {
-        subscription.dispose();
-        resolve(data);
-      },
-    );
-
-    shellApi.broker.publish(BROKER_EVENTS.shell.scrollToNavItemRequested, navItemMenuKey);
-
-    // Fallback timeout in case the event doesn't arrive
-    setTimeout(() => {
-      subscription.dispose();
-      resolve({ scrollTop: 0, containerTop: 0, itemIndex: -1, itemAbsoluteY: window.innerHeight / 2 });
-    }, 1000);
-  });
-};
-
-export const showNavItemTooltip = async (navItemMenuKey: string, text: string) => {
-  const scrollData = await scrollToNavItem(navItemMenuKey);
-
-  renderNavigationTooltip(text, scrollData.itemAbsoluteY);
-};