@quikturn/logos-angular 1.0.0

package/dist/index.mjs

@@ -0,0 +1,528 @@
+import { InjectionToken as L, makeEnvironmentProviders as M, assertInInjectionContext as V, inject as u, computed as n, Pipe as $, input as i, output as C, Component as k, contentChild as R, signal as p, ViewChild as E } from "@angular/core";
+import { logoUrl as v, BASE_URL as S } from "@quikturn/logos";
+import { CommonModule as T } from "@angular/common";
+const g = new L(
+  "QUIKTURN_CONFIG"
+);
+function K(e) {
+  return M([
+    { provide: g, useValue: e }
+  ]);
+}
+function P(e) {
+  V(P);
+  const t = u(g, { optional: !0 });
+  return n(() => {
+    var s, r, l, c, d, h;
+    const o = ((s = e.token) == null ? void 0 : s.call(e)) ?? (t == null ? void 0 : t.token), a = ((r = e.baseUrl) == null ? void 0 : r.call(e)) ?? (t == null ? void 0 : t.baseUrl);
+    return v(e.domain(), {
+      token: o,
+      baseUrl: a,
+      size: (l = e.size) == null ? void 0 : l.call(e),
+      format: (c = e.format) == null ? void 0 : c.call(e),
+      greyscale: (d = e.greyscale) == null ? void 0 : d.call(e),
+      theme: (h = e.theme) == null ? void 0 : h.call(e)
+    });
+  });
+}
+var A = Object.getOwnPropertyDescriptor, F = (e, t, o, a) => {
+  for (var s = a > 1 ? void 0 : a ? A(t, o) : t, r = e.length - 1, l; r >= 0; r--)
+    (l = e[r]) && (s = l(s) || s);
+  return s;
+};
+let z = class {
+  constructor() {
+    this.config = u(g, { optional: !0 });
+  }
+  transform(e, t) {
+    var s, r;
+    const o = (t == null ? void 0 : t.token) ?? ((s = this.config) == null ? void 0 : s.token), a = (t == null ? void 0 : t.baseUrl) ?? ((r = this.config) == null ? void 0 : r.baseUrl);
+    return v(e, {
+      token: o,
+      baseUrl: a,
+      size: t == null ? void 0 : t.size,
+      format: t == null ? void 0 : t.format,
+      greyscale: t == null ? void 0 : t.greyscale,
+      theme: t == null ? void 0 : t.theme
+    });
+  }
+};
+z = F([
+  $({ name: "logoUrl", standalone: !0 })
+], z);
+const U = /* @__PURE__ */ new Set();
+function w(e) {
+  if (typeof window > "u" || !e || e.startsWith("sk_") || U.has(e)) return;
+  U.add(e);
+  const t = new Image();
+  t.src = `${S}/_beacon?token=${e}&page=${encodeURIComponent(location.href)}`;
+}
+function H(e) {
+  try {
+    const t = new URL(e, "https://placeholder.invalid");
+    return t.protocol === "https:" || t.protocol === "http:";
+  } catch {
+    return !1;
+  }
+}
+var D = Object.getOwnPropertyDescriptor, q = (e, t, o, a) => {
+  for (var s = a > 1 ? void 0 : a ? D(t, o) : t, r = e.length - 1, l; r >= 0; r--)
+    (l = e[r]) && (s = l(s) || s);
+  return s;
+};
+let _ = class {
+  constructor() {
+    this.config = u(g, { optional: !0 }), this.domain = i.required(), this.token = i(void 0), this.baseUrl = i(void 0), this.size = i(void 0), this.format = i(void 0), this.greyscale = i(void 0), this.theme = i(void 0), this.alt = i(void 0), this.href = i(void 0), this.cssClass = i(void 0, { alias: "class" }), this.loading = i("lazy"), this.imgError = C(), this.imgLoad = C(), this.effectiveToken = n(
+      () => {
+        var e;
+        return this.token() ?? ((e = this.config) == null ? void 0 : e.token) ?? "";
+      }
+    ), this.effectiveBaseUrl = n(
+      () => {
+        var e;
+        return this.baseUrl() ?? ((e = this.config) == null ? void 0 : e.baseUrl);
+      }
+    ), this.safeHref = n(() => {
+      const e = this.href();
+      return e && H(e) ? e : void 0;
+    }), this.src = n(
+      () => v(this.domain(), {
+        token: this.effectiveToken() || void 0,
+        size: this.size(),
+        format: this.format(),
+        greyscale: this.greyscale(),
+        theme: this.theme(),
+        baseUrl: this.effectiveBaseUrl()
+      })
+    ), this.altText = n(
+      () => this.alt() ?? `${this.domain()} logo`
+    );
+  }
+  ngOnInit() {
+    const e = this.effectiveToken();
+    e && w(e);
+  }
+};
+_ = q([
+  k({
+    selector: "quikturn-logo",
+    standalone: !0,
+    template: `
+    @if (safeHref()) {
+      <a [href]="safeHref()" target="_blank" rel="noopener noreferrer" [class]="cssClass()">
+        <img [src]="src()" [alt]="altText()" [attr.loading]="loading()" (error)="imgError.emit($event)" (load)="imgLoad.emit($event)" />
+      </a>
+    } @else if (cssClass()) {
+      <span [class]="cssClass()">
+        <img [src]="src()" [alt]="altText()" [attr.loading]="loading()" (error)="imgError.emit($event)" (load)="imgLoad.emit($event)" />
+      </span>
+    } @else {
+      <img [src]="src()" [alt]="altText()" [attr.loading]="loading()" (error)="imgError.emit($event)" (load)="imgLoad.emit($event)" />
+    }
+  `
+  })
+], _);
+var j = Object.getOwnPropertyDescriptor, N = (e, t, o, a) => {
+  for (var s = a > 1 ? void 0 : a ? j(t, o) : t, r = e.length - 1, l; r >= 0; r--)
+    (l = e[r]) && (s = l(s) || s);
+  return s;
+};
+let I = class {
+  constructor() {
+    this.config = u(g, { optional: !0 }), this.domains = i(void 0), this.logos = i(void 0), this.token = i(void 0), this.baseUrl = i(void 0), this.columns = i(4), this.gap = i(24), this.logoSize = i(void 0), this.logoFormat = i(void 0), this.logoGreyscale = i(void 0), this.logoTheme = i(void 0), this.cssClass = i(void 0, { alias: "class" }), this.ariaLabel = i("Company logos"), this.customTemplate = R("renderItem"), this.effectiveToken = n(
+      () => {
+        var e;
+        return this.token() ?? ((e = this.config) == null ? void 0 : e.token) ?? "";
+      }
+    ), this.effectiveBaseUrl = n(
+      () => {
+        var e;
+        return this.baseUrl() ?? ((e = this.config) == null ? void 0 : e.baseUrl);
+      }
+    ), this.resolvedLogos = n(() => (this.logos() ?? (this.domains() ?? []).map((t) => ({ domain: t }))).map((t) => ({
+      domain: t.domain,
+      alt: t.alt ?? `${t.domain} logo`,
+      href: t.href && H(t.href) ? t.href : void 0,
+      url: v(t.domain, {
+        token: this.effectiveToken() || void 0,
+        size: t.size ?? this.logoSize(),
+        format: t.format ?? this.logoFormat(),
+        greyscale: t.greyscale ?? this.logoGreyscale(),
+        theme: t.theme ?? this.logoTheme(),
+        baseUrl: this.effectiveBaseUrl()
+      })
+    })));
+  }
+  ngOnInit() {
+    const e = this.effectiveToken();
+    e && w(e);
+  }
+};
+I = N([
+  k({
+    selector: "quikturn-logo-grid",
+    standalone: !0,
+    imports: [T],
+    template: `
+    <div
+      role="region"
+      [attr.aria-label]="ariaLabel()"
+      [class]="cssClass()"
+      [style.display]="'grid'"
+      [style.grid-template-columns]="'repeat(' + columns() + ', 1fr)'"
+      [style.gap.px]="gap()"
+      [style.align-items]="'center'"
+      [style.justify-items]="'center'"
+    >
+      @for (logo of resolvedLogos(); track logo.domain; let i = $index) {
+        @if (customTemplate()) {
+          <ng-container
+            [ngTemplateOutlet]="customTemplate()!"
+            [ngTemplateOutletContext]="{ $implicit: logo, index: i }"
+          ></ng-container>
+        } @else {
+          <div style="display: flex; align-items: center; justify-content: center;">
+            @if (logo.href) {
+              <a
+                [href]="logo.href"
+                target="_blank"
+                rel="noopener noreferrer"
+                [attr.aria-label]="logo.alt"
+              >
+                <img
+                  [src]="logo.url"
+                  [alt]="logo.alt"
+                  loading="lazy"
+                  style="max-width: 100%; height: auto; display: block;"
+                />
+              </a>
+            } @else {
+              <img
+                [src]="logo.url"
+                [alt]="logo.alt"
+                loading="lazy"
+                style="max-width: 100%; height: auto; display: block;"
+              />
+            }
+          </div>
+        }
+      }
+    </div>
+  `
+  })
+], I);
+var B = Object.defineProperty, G = Object.getOwnPropertyDescriptor, x = (e, t, o, a) => {
+  for (var s = a > 1 ? void 0 : a ? G(t, o) : t, r = e.length - 1, l; r >= 0; r--)
+    (l = e[r]) && (s = (a ? l(t, o, s) : l(s)) || s);
+  return a && s && B(t, o, s), s;
+};
+const f = {
+  SMOOTH_TAU: 0.25,
+  MIN_COPIES: 2,
+  COPY_HEADROOM: 2
+};
+let b = class {
+  constructor() {
+    this.config = u(g, { optional: !0 }), this.domains = i(void 0), this.logos = i(void 0), this.token = i(void 0), this.baseUrl = i(void 0), this.speed = i(120), this.direction = i("left"), this.pauseOnHover = i(void 0), this.hoverSpeed = i(void 0), this.logoHeight = i(28), this.gap = i(32), this.width = i("100%"), this.fadeOut = i(!1), this.fadeOutColor = i("#ffffff"), this.scaleOnHover = i(!1), this.logoSize = i(void 0), this.logoFormat = i(void 0), this.logoGreyscale = i(void 0), this.logoTheme = i(void 0), this.cssClass = i(void 0, { alias: "class" }), this.ariaLabel = i("Company logos"), this.seqWidth = p(0), this.seqHeight = p(0), this.copyCount = p(f.MIN_COPIES), this.isHovered = p(!1), this.animationFrameId = null, this.currentVelocity = 0, this.offset = 0, this.resizeObserver = null, this.handleResize = () => this.updateDimensions(), this.effectiveToken = n(
+      () => {
+        var e;
+        return this.token() ?? ((e = this.config) == null ? void 0 : e.token) ?? "";
+      }
+    ), this.effectiveBaseUrl = n(
+      () => {
+        var e;
+        return this.baseUrl() ?? ((e = this.config) == null ? void 0 : e.baseUrl);
+      }
+    ), this.isVertical = n(
+      () => this.direction() === "up" || this.direction() === "down"
+    ), this.resolvedLogos = n(() => (this.logos() ?? (this.domains() ?? []).map((t) => ({ domain: t }))).map((t) => ({
+      domain: t.domain,
+      alt: t.alt ?? `${t.domain} logo`,
+      href: t.href,
+      url: v(t.domain, {
+        token: this.effectiveToken() || void 0,
+        size: t.size ?? this.logoSize(),
+        format: t.format ?? this.logoFormat(),
+        greyscale: t.greyscale ?? this.logoGreyscale(),
+        theme: t.theme ?? this.logoTheme(),
+        baseUrl: this.effectiveBaseUrl()
+      })
+    }))), this.cssWidth = n(() => {
+      const e = this.width();
+      return typeof e == "number" ? `${e}px` : e ?? "100%";
+    }), this.copyIndices = n(
+      () => Array.from({ length: this.copyCount() }, (e, t) => t)
+    ), this.targetVelocity = n(() => {
+      const e = Math.abs(this.speed()), t = this.isVertical() ? this.direction() === "up" ? 1 : -1 : this.direction() === "left" ? 1 : -1, o = this.speed() < 0 ? -1 : 1;
+      return e * t * o;
+    }), this.effectiveHoverSpeed = n(() => {
+      const e = this.hoverSpeed();
+      if (e !== void 0) return e;
+      if (this.pauseOnHover() === !0) return 0;
+    });
+  }
+  // ---------------------------------------------------------------------------
+  // Lifecycle
+  // ---------------------------------------------------------------------------
+  ngOnInit() {
+    const e = this.effectiveToken();
+    e && w(e);
+  }
+  ngAfterViewInit() {
+    var t;
+    this.updateDimensions(), this.trackImageLoads(), this.startAnimation();
+    const e = (t = this.containerRef) == null ? void 0 : t.nativeElement;
+    e && typeof window < "u" && (window.ResizeObserver ? (this.resizeObserver = new ResizeObserver(() => this.updateDimensions()), this.resizeObserver.observe(e)) : window.addEventListener("resize", this.handleResize));
+  }
+  ngOnDestroy() {
+    var e;
+    this.stopAnimation(), (e = this.resizeObserver) == null || e.disconnect(), this.resizeObserver = null, typeof window < "u" && window.removeEventListener("resize", this.handleResize);
+  }
+  // ---------------------------------------------------------------------------
+  // Hover handlers
+  // ---------------------------------------------------------------------------
+  handleMouseEnter() {
+    this.effectiveHoverSpeed() !== void 0 && this.isHovered.set(!0);
+  }
+  handleMouseLeave() {
+    this.effectiveHoverSpeed() !== void 0 && this.isHovered.set(!1);
+  }
+  // ---------------------------------------------------------------------------
+  // Animation
+  // ---------------------------------------------------------------------------
+  updateDimensions() {
+    var l, c, d;
+    const e = (l = this.containerRef) == null ? void 0 : l.nativeElement, t = (c = this.trackRef) == null ? void 0 : c.nativeElement;
+    if (!e || !t) return;
+    const o = t.querySelector("ul");
+    if (!o) return;
+    const a = o.getBoundingClientRect(), s = a.width, r = a.height;
+    if (this.isVertical()) {
+      const h = ((d = e.parentElement) == null ? void 0 : d.clientHeight) ?? 0;
+      if (h > 0 && (e.style.height = `${Math.ceil(h)}px`), r > 0) {
+        this.seqHeight.set(Math.ceil(r));
+        const m = e.clientHeight || h || r, O = Math.ceil(m / r) + f.COPY_HEADROOM;
+        this.copyCount.set(Math.max(f.MIN_COPIES, O));
+      }
+    } else if (s > 0) {
+      this.seqWidth.set(Math.ceil(s));
+      const h = e.clientWidth || 0, m = Math.ceil(h / s) + f.COPY_HEADROOM;
+      this.copyCount.set(Math.max(f.MIN_COPIES, m));
+    }
+  }
+  // INC-9: Track image load events before measuring
+  trackImageLoads() {
+    var s;
+    const e = (s = this.trackRef) == null ? void 0 : s.nativeElement;
+    if (!e) return;
+    const t = e.querySelectorAll("ul:first-child img");
+    if (t.length === 0) return;
+    let o = t.length;
+    const a = () => {
+      o--, o === 0 && this.updateDimensions();
+    };
+    t.forEach((r) => {
+      const l = r;
+      l.complete ? a() : (l.addEventListener("load", a, { once: !0 }), l.addEventListener("error", a, { once: !0 }));
+    });
+  }
+  startAnimation() {
+    var s, r;
+    const e = (s = this.trackRef) == null ? void 0 : s.nativeElement;
+    if (!e) return;
+    if (typeof window < "u" && ((r = window.matchMedia) == null ? void 0 : r.call(window, "(prefers-reduced-motion: reduce)").matches)) {
+      e.style.transform = "translate3d(0, 0, 0)";
+      return;
+    }
+    let o = null;
+    this.currentVelocity = this.targetVelocity();
+    const a = (l) => {
+      if (o === null) {
+        o = l, this.animationFrameId = requestAnimationFrame(a);
+        return;
+      }
+      const c = Math.min(Math.max(0, (l - o) / 1e3), 0.1);
+      o = l;
+      const d = this.effectiveHoverSpeed(), h = this.isHovered() && d !== void 0 ? d : this.targetVelocity(), m = f.SMOOTH_TAU, O = 1 - Math.exp(-c / m);
+      this.currentVelocity += (h - this.currentVelocity) * O, this.offset += this.currentVelocity * c;
+      const y = this.isVertical() ? this.seqHeight() : this.seqWidth();
+      y > 0 && (this.offset = (this.offset % y + y) % y), this.isVertical() ? e.style.transform = `translate3d(0, ${-this.offset}px, 0)` : e.style.transform = `translate3d(${-this.offset}px, 0, 0)`, this.animationFrameId = requestAnimationFrame(a);
+    };
+    this.animationFrameId = requestAnimationFrame(a);
+  }
+  stopAnimation() {
+    this.animationFrameId !== null && (cancelAnimationFrame(this.animationFrameId), this.animationFrameId = null);
+  }
+};
+x([
+  E("container")
+], b.prototype, "containerRef", 2);
+x([
+  E("track")
+], b.prototype, "trackRef", 2);
+b = x([
+  k({
+    selector: "quikturn-logo-carousel",
+    standalone: !0,
+    imports: [T],
+    template: `
+    <div
+      #container
+      role="region"
+      [attr.aria-label]="ariaLabel()"
+      [class]="cssClass()"
+      [style.position]="'relative'"
+      [style.overflow]="'hidden'"
+      [style.width]="isVertical() ? undefined : cssWidth()"
+      [style.height]="isVertical() ? '100%' : undefined"
+    >
+      @if (fadeOut()) {
+        @if (isVertical()) {
+          <div
+            aria-hidden="true"
+            data-testid="fade-overlay"
+            [style.position]="'absolute'"
+            [style.pointer-events]="'none'"
+            [style.z-index]="1"
+            [style.top]="'0'"
+            [style.left]="'0'"
+            [style.right]="'0'"
+            [style.height]="'clamp(24px, 8%, 120px)'"
+            [style.background]="
+              'linear-gradient(to bottom, ' +
+              fadeOutColor() +
+              ' 0%, transparent 100%)'
+            "
+          ></div>
+          <div
+            aria-hidden="true"
+            data-testid="fade-overlay"
+            [style.position]="'absolute'"
+            [style.pointer-events]="'none'"
+            [style.z-index]="1"
+            [style.bottom]="'0'"
+            [style.left]="'0'"
+            [style.right]="'0'"
+            [style.height]="'clamp(24px, 8%, 120px)'"
+            [style.background]="
+              'linear-gradient(to top, ' +
+              fadeOutColor() +
+              ' 0%, transparent 100%)'
+            "
+          ></div>
+        } @else {
+          <div
+            aria-hidden="true"
+            data-testid="fade-overlay"
+            [style.position]="'absolute'"
+            [style.pointer-events]="'none'"
+            [style.z-index]="1"
+            [style.top]="'0'"
+            [style.bottom]="'0'"
+            [style.left]="'0'"
+            [style.width]="'clamp(24px, 8%, 120px)'"
+            [style.background]="
+              'linear-gradient(to right, ' +
+              fadeOutColor() +
+              ' 0%, transparent 100%)'
+            "
+          ></div>
+          <div
+            aria-hidden="true"
+            data-testid="fade-overlay"
+            [style.position]="'absolute'"
+            [style.pointer-events]="'none'"
+            [style.z-index]="1"
+            [style.top]="'0'"
+            [style.bottom]="'0'"
+            [style.right]="'0'"
+            [style.width]="'clamp(24px, 8%, 120px)'"
+            [style.background]="
+              'linear-gradient(to left, ' +
+              fadeOutColor() +
+              ' 0%, transparent 100%)'
+            "
+          ></div>
+        }
+      }
+
+      <div
+        #track
+        [style.display]="'flex'"
+        [style.flex-direction]="isVertical() ? 'column' : 'row'"
+        [style.width]="isVertical() ? '100%' : 'max-content'"
+        [style.will-change]="'transform'"
+        [style.user-select]="'none'"
+        [style.position]="'relative'"
+        [style.z-index]="'0'"
+        (mouseenter)="handleMouseEnter()"
+        (mouseleave)="handleMouseLeave()"
+      >
+        @for (ci of copyIndices(); track ci) {
+          <ul
+            role="list"
+            [attr.aria-hidden]="ci > 0 ? 'true' : null"
+            [style.display]="'flex'"
+            [style.flex-direction]="isVertical() ? 'column' : 'row'"
+            [style.align-items]="'center'"
+            [style.list-style]="'none'"
+            [style.margin]="'0'"
+            [style.padding]="'0'"
+          >
+            @for (logo of resolvedLogos(); track logo.domain + '-' + ci + '-' + $index) {
+              <li
+                role="listitem"
+                [style.flex]="'none'"
+                [style.margin-right.px]="isVertical() ? 0 : gap()"
+                [style.margin-bottom.px]="isVertical() ? gap() : 0"
+              >
+                @if (logo.href) {
+                  <a
+                    [href]="logo.href"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    [attr.aria-label]="logo.alt"
+                    style="display: inline-flex; align-items: center; text-decoration: none"
+                  >
+                    <img
+                      [src]="logo.url"
+                      [alt]="logo.alt"
+                      loading="lazy"
+                      decoding="async"
+                      [attr.draggable]="false"
+                      [style.height.px]="logoHeight()"
+                      style="width: auto; display: block; object-fit: contain"
+                    />
+                  </a>
+                } @else {
+                  <span style="display: inline-flex; align-items: center">
+                    <img
+                      [src]="logo.url"
+                      [alt]="logo.alt"
+                      loading="lazy"
+                      decoding="async"
+                      [attr.draggable]="false"
+                      [style.height.px]="logoHeight()"
+                      style="width: auto; display: block; object-fit: contain"
+                    />
+                  </span>
+                }
+              </li>
+            }
+          </ul>
+        }
+      </div>
+    </div>
+  `
+  })
+], b);
+export {
+  z as LogoUrlPipe,
+  g as QUIKTURN_CONFIG,
+  b as QuikturnLogoCarouselComponent,
+  _ as QuikturnLogoComponent,
+  I as QuikturnLogoGridComponent,
+  P as injectLogoUrl,
+  H as isValidHref,
+  K as provideQuikturnLogos
+};

package/package.json

@@ -0,0 +1,79 @@
+{
+  "name": "@quikturn/logos-angular",
+  "version": "1.0.0",
+  "description": "Angular components for the Quikturn Logos API — standalone components with signal inputs",
+  "license": "MIT",
+  "author": "Quikturn",
+  "type": "module",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Quikturn-PowerPoint-Add-In/Logo-SDK.git",
+    "directory": "packages/angular"
+  },
+  "bugs": {
+    "url": "https://github.com/Quikturn-PowerPoint-Add-In/Logo-SDK/issues"
+  },
+  "homepage": "https://github.com/Quikturn-PowerPoint-Add-In/Logo-SDK/tree/main/packages/angular#readme",
+  "keywords": [
+    "quikturn",
+    "logos",
+    "angular",
+    "company-logos",
+    "brand-assets"
+  ],
+  "engines": {
+    "node": ">=20"
+  },
+  "files": [
+    "dist",
+    "LICENSE",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "vite build",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "typecheck": "tsc --noEmit -p tsconfig.lib.json",
+    "lint": "eslint src/ tests/"
+  },
+  "dependencies": {
+    "@quikturn/logos": "workspace:^"
+  },
+  "peerDependencies": {
+    "@angular/common": ">=17.0.0",
+    "@angular/core": ">=17.0.0"
+  },
+  "devDependencies": {
+    "@analogjs/vite-plugin-angular": "^1.15.0",
+    "@angular/build": "^19.2.19",
+    "@angular/common": "^19.0.0",
+    "@angular/compiler": "^19.0.0",
+    "@angular/compiler-cli": "^19.2.18",
+    "@angular/core": "^19.0.0",
+    "@angular/platform-browser": "^19.0.0",
+    "@angular/platform-browser-dynamic": "^19.0.0",
+    "@semantic-release/changelog": "^6.0.3",
+    "@semantic-release/git": "^10.0.1",
+    "jsdom": "^28.0.0",
+    "semantic-release": "^25.0.3",
+    "typescript": "^5.9.3",
+    "vite": "^6.0.0",
+    "vite-plugin-dts": "^4.5.0",
+    "vitest": "^4.0.18",
+    "zone.js": "^0.15.0"
+  }
+}