@cntrl-site/sdk-nextjs 1.8.39 → 1.8.40-0

package/src/utils/ScaleAnchorMap.ts

@@ -1,13 +1,13 @@
-import { AreaAnchor as ScaleAnchor } from '@cntrl-site/sdk';
-
-export const ScaleAnchorMap = {
-  [ScaleAnchor.TopLeft]: 'top left',
-  [ScaleAnchor.TopCenter]: 'top center',
-  [ScaleAnchor.TopRight]: 'top right',
-  [ScaleAnchor.MiddleLeft]: 'center left',
-  [ScaleAnchor.MiddleCenter]: 'center',
-  [ScaleAnchor.MiddleRight]: 'center right',
-  [ScaleAnchor.BottomLeft]: 'bottom left',
-  [ScaleAnchor.BottomCenter]: 'bottom center',
-  [ScaleAnchor.BottomRight]: 'bottom right'
-};
+import { AreaAnchor as ScaleAnchor } from '@cntrl-site/sdk';
+
+export const ScaleAnchorMap = {
+  [ScaleAnchor.TopLeft]: 'top left',
+  [ScaleAnchor.TopCenter]: 'top center',
+  [ScaleAnchor.TopRight]: 'top right',
+  [ScaleAnchor.MiddleLeft]: 'center left',
+  [ScaleAnchor.MiddleCenter]: 'center',
+  [ScaleAnchor.MiddleRight]: 'center right',
+  [ScaleAnchor.BottomLeft]: 'bottom left',
+  [ScaleAnchor.BottomCenter]: 'bottom center',
+  [ScaleAnchor.BottomRight]: 'bottom right'
+};

package/src/utils/StickyManager/StickyManager.ts

@@ -1,23 +1,23 @@
-export type TSticky = { from: number; to?: number; } | null;
-
-export class StickyManager {
-  constructor(
-    private sticky: TSticky
-  ) {}
-
-  getIsSticky(scroll: number): boolean {
-    if (!this.sticky) return false;
-    return (this.sticky.from <= scroll) && (!this.sticky.to || this.sticky.to >= scroll);
-  }
-
-  getPosition(scroll: number, top: number): number {
-    if (!this.sticky) return top;
-    if (this.getIsSticky(scroll)) {
-      return top - this.sticky.from;
-    }
-    if (this.sticky.to !== undefined && this.sticky.to <= scroll) {
-      return top + this.sticky.to - this.sticky.from;
-    }
-    return top;
-  }
-}
+export type TSticky = { from: number; to?: number; } | null;
+
+export class StickyManager {
+  constructor(
+    private sticky: TSticky
+  ) {}
+
+  getIsSticky(scroll: number): boolean {
+    if (!this.sticky) return false;
+    return (this.sticky.from <= scroll) && (!this.sticky.to || this.sticky.to >= scroll);
+  }
+
+  getPosition(scroll: number, top: number): number {
+    if (!this.sticky) return top;
+    if (this.getIsSticky(scroll)) {
+      return top - this.sticky.from;
+    }
+    if (this.sticky.to !== undefined && this.sticky.to <= scroll) {
+      return top + this.sticky.to - this.sticky.from;
+    }
+    return top;
+  }
+}

package/src/utils/Youtube/YouTubeIframeApiLoader.ts

@@ -1,58 +1,58 @@
-import { YT } from './YoutubeIframeApi';
-
-const YT_IFRAME_API_URL = 'https://www.youtube.com/iframe_api';
-
-export class YouTubeIframeApiLoader {
-  private static instance: YouTubeIframeApiLoader | undefined;
-
-  public static create(): YouTubeIframeApiLoader {
-    if (!YouTubeIframeApiLoader.instance) {
-      YouTubeIframeApiLoader.instance = new YouTubeIframeApiLoader();
-    }
-    return YouTubeIframeApiLoader.instance;
-  }
-
-  private loadingPromise: Promise<void>;
-
-  private constructor() {
-    this.loadingPromise = this.loadApi();
-  }
-
-  async getApi(): Promise<YT> {
-    await this.loadingPromise;
-    if (!window.YT) {
-      throw new Error('YouTube IFrame API is not loaded');
-    }
-    return window.YT;
-  }
-
-  private loadApi(): Promise<void> {
-    return new Promise<void>((resolve, reject) => {
-      const script = document.createElement('script');
-      script.src = YT_IFRAME_API_URL;
-      const loadError = new Error('YouTube IFrame API loading failed');
-      captureStackTrace(loadError);
-      script.addEventListener('abort', () => {
-        reject(loadError);
-      });
-      script.addEventListener('error', () => {
-        reject(loadError);
-      });
-      window.onYouTubeIframeAPIReady = () => {
-        window.onYouTubeIframeAPIReady = undefined;
-        resolve();
-      };
-      document.head.appendChild(script);
-    });
-  }
-}
-
-export function captureStackTrace(error: Error): void {
-  if (typeof Error.captureStackTrace === 'function') {
-    Error.captureStackTrace(error);
-    return;
-  }
-  try {
-    throw error;
-  } catch (errWithStack) {}
-}
+import { YT } from './YoutubeIframeApi';
+
+const YT_IFRAME_API_URL = 'https://www.youtube.com/iframe_api';
+
+export class YouTubeIframeApiLoader {
+  private static instance: YouTubeIframeApiLoader | undefined;
+
+  public static create(): YouTubeIframeApiLoader {
+    if (!YouTubeIframeApiLoader.instance) {
+      YouTubeIframeApiLoader.instance = new YouTubeIframeApiLoader();
+    }
+    return YouTubeIframeApiLoader.instance;
+  }
+
+  private loadingPromise: Promise<void>;
+
+  private constructor() {
+    this.loadingPromise = this.loadApi();
+  }
+
+  async getApi(): Promise<YT> {
+    await this.loadingPromise;
+    if (!window.YT) {
+      throw new Error('YouTube IFrame API is not loaded');
+    }
+    return window.YT;
+  }
+
+  private loadApi(): Promise<void> {
+    return new Promise<void>((resolve, reject) => {
+      const script = document.createElement('script');
+      script.src = YT_IFRAME_API_URL;
+      const loadError = new Error('YouTube IFrame API loading failed');
+      captureStackTrace(loadError);
+      script.addEventListener('abort', () => {
+        reject(loadError);
+      });
+      script.addEventListener('error', () => {
+        reject(loadError);
+      });
+      window.onYouTubeIframeAPIReady = () => {
+        window.onYouTubeIframeAPIReady = undefined;
+        resolve();
+      };
+      document.head.appendChild(script);
+    });
+  }
+}
+
+export function captureStackTrace(error: Error): void {
+  if (typeof Error.captureStackTrace === 'function') {
+    Error.captureStackTrace(error);
+    return;
+  }
+  try {
+    throw error;
+  } catch (errWithStack) {}
+}

package/src/utils/Youtube/YoutubeIframeApi.ts

@@ -1,101 +1,101 @@
-export interface YT {
-  Player: YTPlayerConstructor;
-}
-
-export interface YTPlayerConstructor {
-  new(container: string | Element, params: YTPlayerParams): YTPlayer;
-}
-
-export interface YTEvent<Data> {
-  target: YTPlayer;
-  data: Data;
-}
-
-type YTBool = 0 | 1 | '0' | '1';
-
-export interface YTPlayerParams {
-  width?: string | number;
-  height?: string | number;
-  videoId?: string;
-  playerVars?: Partial<{
-    autoplay: YTBool;
-    cc_lang_pref: string;
-    cc_load_policy: YTBool;
-    color: string;
-    controls: YTBool;
-    disablekb: YTBool;
-    enablejsapi: YTBool;
-    end: number | string;
-    fs: YTBool;
-    hl: string;
-    iv_load_policy: 1 | 3 | '1' | '3';
-    list: string;
-    listType: 'playlist' | 'user_uploads';
-    loop: YTBool;
-    origin: string;
-    playlist: string;
-    playsinline: YTBool;
-    rel: YTBool;
-    start: number | string;
-    widget_referrer: string;
-  }>;
-  events?: Partial<{
-    onReady: (event: YTEvent<void>) => void;
-    onStateChange: (event: YTEvent<YTPlayerState>) => void;
-  }>
-}
-
-export enum YTPlayerState {
-  Unstarted = -1,
-  Ended = 0,
-  Playing = 1,
-  Paused = 2,
-  Buffering = 3,
-  VideoCued = 5
-}
-
-export interface YTPlayer {
-  loadVideoById(videoId: string, startSeconds?: number): void;
-  loadVideoById(params: {
-    videoId: string;
-    startSeconds?: number;
-    endSeconds?: number;
-  }): void;
-
-  loadVideoByUrl(mediaContentUrl: string, startSeconds?: number): void;
-  loadVideoByUrl(params: {
-    mediaContentUrl: string;
-    startSeconds?: number;
-    endSeconds?: number;
-  }): void;
-
-  playVideo(): void;
-  pauseVideo(): void;
-  stopVideo(): void;
-  seekTo(seconds: number, allowSeekAhead: boolean): void;
-
-  mute(): void;
-  unMute(): void;
-  isMuted(): void;
-  setVolume(volume: number): void;
-  getVolume(): void;
-  setSize(width: number, height: number): void;
-  setLoop(loopPlaylists: boolean): void;
-
-  getVideoLoadedFraction(): number;
-  getPlayerState(): YTPlayerState;
-
-  getDuration(): number; // in seconds
-  getVideoUrl(): string;
-  getVideoEmbedCode(): string;
-
-  getIframe(): HTMLIFrameElement | undefined;
-  destroy(): void;
-}
-
-declare global {
-  interface Window {
-    YT?: YT;
-    onYouTubeIframeAPIReady?: () => void;
-  }
-}
+export interface YT {
+  Player: YTPlayerConstructor;
+}
+
+export interface YTPlayerConstructor {
+  new(container: string | Element, params: YTPlayerParams): YTPlayer;
+}
+
+export interface YTEvent<Data> {
+  target: YTPlayer;
+  data: Data;
+}
+
+type YTBool = 0 | 1 | '0' | '1';
+
+export interface YTPlayerParams {
+  width?: string | number;
+  height?: string | number;
+  videoId?: string;
+  playerVars?: Partial<{
+    autoplay: YTBool;
+    cc_lang_pref: string;
+    cc_load_policy: YTBool;
+    color: string;
+    controls: YTBool;
+    disablekb: YTBool;
+    enablejsapi: YTBool;
+    end: number | string;
+    fs: YTBool;
+    hl: string;
+    iv_load_policy: 1 | 3 | '1' | '3';
+    list: string;
+    listType: 'playlist' | 'user_uploads';
+    loop: YTBool;
+    origin: string;
+    playlist: string;
+    playsinline: YTBool;
+    rel: YTBool;
+    start: number | string;
+    widget_referrer: string;
+  }>;
+  events?: Partial<{
+    onReady: (event: YTEvent<void>) => void;
+    onStateChange: (event: YTEvent<YTPlayerState>) => void;
+  }>
+}
+
+export enum YTPlayerState {
+  Unstarted = -1,
+  Ended = 0,
+  Playing = 1,
+  Paused = 2,
+  Buffering = 3,
+  VideoCued = 5
+}
+
+export interface YTPlayer {
+  loadVideoById(videoId: string, startSeconds?: number): void;
+  loadVideoById(params: {
+    videoId: string;
+    startSeconds?: number;
+    endSeconds?: number;
+  }): void;
+
+  loadVideoByUrl(mediaContentUrl: string, startSeconds?: number): void;
+  loadVideoByUrl(params: {
+    mediaContentUrl: string;
+    startSeconds?: number;
+    endSeconds?: number;
+  }): void;
+
+  playVideo(): void;
+  pauseVideo(): void;
+  stopVideo(): void;
+  seekTo(seconds: number, allowSeekAhead: boolean): void;
+
+  mute(): void;
+  unMute(): void;
+  isMuted(): void;
+  setVolume(volume: number): void;
+  getVolume(): void;
+  setSize(width: number, height: number): void;
+  setLoop(loopPlaylists: boolean): void;
+
+  getVideoLoadedFraction(): number;
+  getPlayerState(): YTPlayerState;
+
+  getDuration(): number; // in seconds
+  getVideoUrl(): string;
+  getVideoEmbedCode(): string;
+
+  getIframe(): HTMLIFrameElement | undefined;
+  destroy(): void;
+}
+
+declare global {
+  interface Window {
+    YT?: YT;
+    onYouTubeIframeAPIReady?: () => void;
+  }
+}

package/src/utils/Youtube/useYouTubeIframeApi.ts

@@ -1,12 +1,12 @@
-import { useEffect, useState } from 'react';
-import { YT } from './YoutubeIframeApi';
-import { YouTubeIframeApiLoader } from './YouTubeIframeApiLoader';
-
-export function useYouTubeIframeApi(): YT | undefined {
-  const [YT, setYT] = useState<YT | undefined>(undefined);
-  useEffect(() => {
-    const loader = YouTubeIframeApiLoader.create();
-    loader.getApi().then((YT) => setYT(YT));
-  }, []);
-  return YT;
-}
+import { useEffect, useState } from 'react';
+import { YT } from './YoutubeIframeApi';
+import { YouTubeIframeApiLoader } from './YouTubeIframeApiLoader';
+
+export function useYouTubeIframeApi(): YT | undefined {
+  const [YT, setYT] = useState<YT | undefined>(undefined);
+  useEffect(() => {
+    const loader = YouTubeIframeApiLoader.create();
+    loader.getApi().then((YT) => setYT(YT));
+  }, []);
+  return YT;
+}

package/src/utils/binSearchInsertAt.ts

@@ -1,33 +1,33 @@
-type CompareFn<L, R> = (lhs: L, rhs: R) => number;
-type InsertStrategy<T> = (list: T[], item: T, compare: CompareFn<T, T>) => number;
-
-export function binSearchInsertAt<T, K>(list: T[], item: K, compare: CompareFn<K, T>): number {
-  switch (list.length) {
-    case 0: return 0;
-    case 1: return compare(item, list[0]) < 0 ? 0 : 1;
-  }
-  let start = 0;
-  let end = list.length;
-  let pivot: number;
-  let cmpResult: number;
-  while (start < end) {
-    pivot = start + Math.floor((end - start) / 2);
-    cmpResult = compare(item, list[pivot]);
-    if (cmpResult === 0) return pivot + 1;
-    if (cmpResult < 0) {
-      end = pivot;
-    }
-    if (cmpResult > 0) {
-      start = pivot + 1;
-    }
-  }
-  if (start >= list.length) return list.length;
-  return compare(item, list[start]) < 0 ? start : start + 1;
-}
-
-export function createInsert<T>(start: InsertStrategy<T>, compare: CompareFn<T, T>): (list: T[], item: T) => void {
-  return (list: T[], item: T): void => {
-    const pos = start(list, item, compare);
-    list.splice(pos, 0, item);
-  };
-}
+type CompareFn<L, R> = (lhs: L, rhs: R) => number;
+type InsertStrategy<T> = (list: T[], item: T, compare: CompareFn<T, T>) => number;
+
+export function binSearchInsertAt<T, K>(list: T[], item: K, compare: CompareFn<K, T>): number {
+  switch (list.length) {
+    case 0: return 0;
+    case 1: return compare(item, list[0]) < 0 ? 0 : 1;
+  }
+  let start = 0;
+  let end = list.length;
+  let pivot: number;
+  let cmpResult: number;
+  while (start < end) {
+    pivot = start + Math.floor((end - start) / 2);
+    cmpResult = compare(item, list[pivot]);
+    if (cmpResult === 0) return pivot + 1;
+    if (cmpResult < 0) {
+      end = pivot;
+    }
+    if (cmpResult > 0) {
+      start = pivot + 1;
+    }
+  }
+  if (start >= list.length) return list.length;
+  return compare(item, list[start]) < 0 ? start : start + 1;
+}
+
+export function createInsert<T>(start: InsertStrategy<T>, compare: CompareFn<T, T>): (list: T[], item: T) => void {
+  return (list: T[], item: T): void => {
+    const pos = start(list, item, compare);
+    list.splice(pos, 0, item);
+  };
+}

package/src/utils/castObject.ts

@@ -1,10 +1,10 @@
-type Ctor = {
-  new(...args: any): any;
-};
-
-export function castObject<O extends Ctor>(value: unknown, ctor: O): InstanceType<O> {
-  if (value instanceof ctor) {
-    return value;
-  }
-  throw new TypeError(`passed value "${String(value)}" is not instance of ${ctor.name}`);
-}
+type Ctor = {
+  new(...args: any): any;
+};
+
+export function castObject<O extends Ctor>(value: unknown, ctor: O): InstanceType<O> {
+  if (value instanceof ctor) {
+    return value;
+  }
+  throw new TypeError(`passed value "${String(value)}" is not instance of ${ctor.name}`);
+}

package/src/utils/checkOverflowClipSupport.ts

@@ -1,13 +1,13 @@
-export function isOverflowClipSupported(): boolean {
-  if (typeof window === 'undefined') return false;
-  if (typeof CSS !== 'undefined' && CSS.supports) {
-    return CSS.supports('overflow', 'clip');
-  }
-  try {
-    const testElement = document.createElement('div');
-    testElement.style.overflow = 'clip';
-    return testElement.style.overflow === 'clip';
-  } catch {
-    return false;
-  }
-}
+export function isOverflowClipSupported(): boolean {
+  if (typeof window === 'undefined') return false;
+  if (typeof CSS !== 'undefined' && CSS.supports) {
+    return CSS.supports('overflow', 'clip');
+  }
+  try {
+    const testElement = document.createElement('div');
+    testElement.style.overflow = 'clip';
+    return testElement.style.overflow === 'clip';
+  } catch {
+    return false;
+  }
+}