feat(design): create injection tokens with factory (#3246)

libs/design/media-gallery/src/helpers/media-gallery-token.ts

@@ -1,5 +1,8 @@
-import { InjectionToken } from '@angular/core';
+import { createSingleInjectionToken } from '@daffodil/core';
 
 import { DaffMediaGalleryRegistration } from './media-gallery-registration.interface';
 
-export const DAFF_MEDIA_GALLERY_TOKEN = new InjectionToken<DaffMediaGalleryRegistration>('DAFF_MEDIA_GALLERY_TOKEN');
+export const {
+  token: DAFF_MEDIA_GALLERY_TOKEN,
+  provider: daffProvideMediaGalleryToken,
+} = createSingleInjectionToken<DaffMediaGalleryRegistration>('DAFF_MEDIA_GALLERY_TOKEN');

libs/design/media-gallery/src/thumbnail/thumbnail-compat.token.ts

@@ -1,6 +1,9 @@
-import { InjectionToken } from '@angular/core';
+import { createSingleInjectionToken } from '@daffodil/core';
 
-/**
- * A multi provider injection token that marks a component as renderable for the `DaffMediaRendererComponent`.
- */
-export const daffThumbnailCompatToken = new InjectionToken<unknown>('thumbnailCompatToken');
+export const {
+  /**
+   * A multi provider injection token that marks a component as renderable for the `DaffMediaRendererComponent`.
+   */
+  token: daffThumbnailCompatToken,
+  provider: daffProvidedaffThumbnailCompatToken,
+} = createSingleInjectionToken<unknown>('thumbnailCompatToken');

libs/design/sidebar/src/sidebar-viewport/scroll-token/scroll.token.ts

@@ -1,10 +1,11 @@
 import { DOCUMENT } from '@angular/common';
 import {
   ElementRef,
-  InjectionToken,
   inject,
 } from '@angular/core';
 
+import { createSingleInjectionToken } from '@daffodil/core';
+
 /**
  * An interface that enables a user to enable or disable scrolling on sidebars.
  *
@@ -15,25 +16,31 @@ export interface DaffSidebarScroll {
   disable(): void;
 }
 
-/**
- * An injection token that can be used within a sidebar to determine
- * what to do enabling and disabling scrolling. By default, the body
- * is the element where scrolling is controlled.
- */
-export const DAFF_SIDEBAR_SCROLL_TOKEN = new InjectionToken<DaffSidebarScroll>('DAFF_SIDEBAR_SCROLL_TOKEN', {
-  providedIn: 'root',
-  factory: () => {
-    const document = inject(DOCUMENT);
-    return {
-      enable: () => {
-        document.body.style.overflow = null;
-      },
-      disable: () => {
-        document.body.style.overflow = 'hidden';
-      },
-    };
+export const {
+  /**
+   * An injection token that can be used within a sidebar to determine
+   * what to do enabling and disabling scrolling. By default, the body
+   * is the element where scrolling is controlled.
+   */
+  token: DAFF_SIDEBAR_SCROLL_TOKEN,
+  provider: daffProvideSidebarScrollToken,
+} = createSingleInjectionToken<DaffSidebarScroll>(
+  'DAFF_SIDEBAR_SCROLL_TOKEN',
+  {
+    providedIn: 'root',
+    factory: () => {
+      const document = inject(DOCUMENT);
+      return {
+        enable: () => {
+          document.body.style.overflow = null;
+        },
+        disable: () => {
+          document.body.style.overflow = 'hidden';
+        },
+      };
+    },
   },
-});
+);
 
 
 /**