@cntrl-site/components 0.0.1 → 0.0.3

package/dist/sdk-nextjs/utils/ArticleRectManager/ArticleRectObserver.d.ts

@@ -1,25 +0,0 @@
-import { EventEmitter } from '../EventEmitter';
-interface EventMap {
-    'scroll': undefined;
-    'resize': DOMRect;
-}
-export declare class ArticleRectObserver extends EventEmitter<EventMap> {
-    private resizeObserver;
-    private articleWidth;
-    private registry;
-    private scrollPos;
-    private animationFrame;
-    private parent;
-    private sectionsScrollMap;
-    constructor();
-    get scroll(): number;
-    getSectionScroll(sectionId: string): number;
-    getSectionTop(sectionId: string): number;
-    get width(): number;
-    private setScroll;
-    init(parent: HTMLElement): () => void;
-    register(el: HTMLElement, sectionId: string): () => void;
-    private handleScroll;
-    private handleResize;
-}
-export {};

package/dist/sdk-nextjs/utils/ArticleRectManager/useArticleRectObserver.d.ts

@@ -1,2 +0,0 @@
-import { ArticleRectObserver } from './ArticleRectObserver';
-export declare const useArticleRectObserver: (el?: HTMLElement | null) => ArticleRectObserver | null;

package/dist/sdk-nextjs/utils/ArticleRectManager/useSectionRegistry.d.ts

@@ -1 +0,0 @@
-export declare const useSectionRegistry: (sectionId: string, el?: HTMLElement | null) => void;

package/dist/sdk-nextjs/utils/EventEmitter.d.ts

@@ -1,11 +0,0 @@
-export type Listener<P> = (payload: P) => void;
-type Listeners<EventMap> = {
-    [E in keyof (EventMap)]?: Listener<EventMap[E]>[];
-};
-export declare abstract class EventEmitter<EventMap> {
-    protected listeners: Listeners<EventMap>;
-    on<E extends (keyof EventMap)>(event: E, listener: Listener<EventMap[E]>): () => void;
-    off<E extends (keyof EventMap)>(event: E, listener: Listener<EventMap[E]>): void;
-    protected emit<E extends (keyof EventMap)>(event: E, payload: EventMap[E]): void;
-}
-export {};

package/dist/sdk-nextjs/utils/RichTextConverter/RichTextConverter.d.ts

@@ -1,11 +0,0 @@
-import { ReactNode } from 'react';
-import { Layout } from '../../../sdk/types/project/Layout';
-import { RichTextItem } from '../../../sdk/types/article/Item';
-export declare const FontStyles: Record<string, Record<string, string>>;
-export declare class RichTextConverter {
-    toHtml(richText: RichTextItem, layouts: Layout[]): [ReactNode[], string];
-    private serializeRanges;
-    private normalizeStyles;
-    private groupEntities;
-    private static fromRangeStylesToInline;
-}

package/dist/sdk-nextjs/utils/ScaleAnchorMap.d.ts

@@ -1,11 +0,0 @@
-export declare const ScaleAnchorMap: {
-    "top-left": string;
-    "top-center": string;
-    "top-right": string;
-    "middle-left": string;
-    "middle-center": string;
-    "middle-right": string;
-    "bottom-left": string;
-    "bottom-center": string;
-    "bottom-right": string;
-};

package/dist/sdk-nextjs/utils/StickyManager/StickyManager.d.ts

@@ -1,10 +0,0 @@
-export type TSticky = {
-    from: number;
-    to?: number;
-} | null;
-export declare class StickyManager {
-    private sticky;
-    constructor(sticky: TSticky);
-    getIsSticky(scroll: number): boolean;
-    getPosition(scroll: number, top: number): number;
-}

package/dist/sdk-nextjs/utils/Youtube/YouTubeIframeApiLoader.d.ts

@@ -1,10 +0,0 @@
-import { YT } from './YoutubeIframeApi';
-export declare class YouTubeIframeApiLoader {
-    private static instance;
-    static create(): YouTubeIframeApiLoader;
-    private loadingPromise;
-    private constructor();
-    getApi(): Promise<YT>;
-    private loadApi;
-}
-export declare function captureStackTrace(error: Error): void;

package/dist/sdk-nextjs/utils/Youtube/YoutubeIframeApi.d.ts

@@ -1,89 +0,0 @@
-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 declare 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;
-    getVideoUrl(): string;
-    getVideoEmbedCode(): string;
-    getIframe(): HTMLIFrameElement | undefined;
-    destroy(): void;
-}
-declare global {
-    interface Window {
-        YT?: YT;
-        onYouTubeIframeAPIReady?: () => void;
-    }
-}
-export {};

package/dist/sdk-nextjs/utils/Youtube/useYouTubeIframeApi.d.ts

@@ -1,2 +0,0 @@
-import { YT } from './YoutubeIframeApi';
-export declare function useYouTubeIframeApi(): YT | undefined;

package/dist/sdk-nextjs/utils/areFillsVisible/areFillsVisible.d.ts

@@ -1,23 +0,0 @@
-export declare function areFillsVisible(fills: FillLayer[]): boolean;
-export type FillLayer = {
-    type: 'solid';
-    value: string;
-} | {
-    type: 'linear-gradient';
-    colors: {
-        value: string;
-    }[];
-} | {
-    type: 'radial-gradient';
-    colors: {
-        value: string;
-    }[];
-} | {
-    type: 'conic-gradient';
-    colors: {
-        value: string;
-    }[];
-} | {
-    type: 'image';
-    opacity: number;
-};

package/dist/sdk-nextjs/utils/areFillsVisible/areFillsVisible.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/sdk-nextjs/utils/binSearchInsertAt.d.ts

@@ -1,5 +0,0 @@
-type CompareFn<L, R> = (lhs: L, rhs: R) => number;
-type InsertStrategy<T> = (list: T[], item: T, compare: CompareFn<T, T>) => number;
-export declare function binSearchInsertAt<T, K>(list: T[], item: K, compare: CompareFn<K, T>): number;
-export declare function createInsert<T>(start: InsertStrategy<T>, compare: CompareFn<T, T>): (list: T[], item: T) => void;
-export {};

package/dist/sdk-nextjs/utils/castObject.d.ts

@@ -1,5 +0,0 @@
-type Ctor = {
-    new (...args: any): any;
-};
-export declare function castObject<O extends Ctor>(value: unknown, ctor: O): InstanceType<O>;
-export {};

package/dist/sdk-nextjs/utils/checkOverflowClipSupport.d.ts

@@ -1 +0,0 @@
-export declare function isOverflowClipSupported(): boolean;

package/dist/sdk-nextjs/utils/effects/useImageFx.d.ts

@@ -1,7 +0,0 @@
-interface FxParams {
-    imageUrl?: string;
-    fragmentShader: string | null;
-    controlsValues?: Record<string, number | [number, number]>;
-}
-export declare function useImageFx(canvas: HTMLCanvasElement | null | undefined, enabled: boolean, { imageUrl, fragmentShader, controlsValues }: FxParams, width: number, height: number): boolean;
-export {};

package/dist/sdk-nextjs/utils/effects/useVideoFx.d.ts

@@ -1,7 +0,0 @@
-interface FxParams {
-    videoUrl?: string;
-    fragmentShader: string | null;
-    controls?: Record<string, number | [number, number]>;
-}
-export declare function useVideoFx(canvas: HTMLCanvasElement | null | undefined, enabled: boolean, { videoUrl, fragmentShader, controls }: FxParams, width: number, height: number): boolean;
-export {};

package/dist/sdk-nextjs/utils/getAnchoredItemTop.d.ts

@@ -1,2 +0,0 @@
-import { AnchorSide } from '../../sdk/types/article/ItemArea';
-export declare function getAnchoredItemTop(top: number, sectionHeight: string, anchorSide?: AnchorSide): string;

package/dist/sdk-nextjs/utils/getCompoundBoundaryStyles.d.ts

@@ -1,12 +0,0 @@
-import { AreaAnchor, DimensionMode } from '../../sdk/types/article/ItemArea';
-export declare function getCompoundHeight(compoundSettings: CompoundSettings | undefined, height: number | undefined): string | undefined;
-export declare function getCompoundWidth(compoundSettings: CompoundSettings | undefined, width: number | undefined, isRichText: boolean, exemplary?: number): string | undefined;
-export declare function getCompoundTop(compoundSettings: CompoundSettings | undefined, top: number | undefined): string | undefined;
-export declare function getCompoundLeft(compoundSettings: CompoundSettings | undefined, left: number | undefined): string | undefined;
-export declare function getCompoundTransform(compoundSettings: CompoundSettings | undefined): string;
-type CompoundSettings = {
-    positionAnchor: AreaAnchor;
-    widthMode: DimensionMode;
-    heightMode: DimensionMode;
-};
-export {};

package/dist/sdk-nextjs/utils/getFill.d.ts

@@ -1,2 +0,0 @@
-import { FillLayer } from '../../sdk/types/article/Item';
-export declare function getFill(fill: FillLayer): string;

package/dist/sdk-nextjs/utils/getFontFamilyValue.d.ts

@@ -1 +0,0 @@
-export declare function getFontFamilyValue(value: string | undefined): string;

package/dist/sdk-nextjs/utils/getInvertedRanges.d.ts

@@ -1,10 +0,0 @@
-interface Range {
-    start: number;
-    end: number;
-}
-/**
- * @param length
- * @param ranges - SORTED array of ranges [start, end)
- */
-export declare function getInvertedRanges(length: number, ranges: Range[]): Range[];
-export {};

package/dist/sdk-nextjs/utils/getItemTopStyle.d.ts

@@ -1,2 +0,0 @@
-import { AnchorSide } from '../../sdk/types/article/ItemArea';
-export declare function getItemTopStyle(top: number, anchorSide?: AnchorSide): string;

package/dist/sdk-nextjs/utils/getStyleFromItemStateAndParams.d.ts

@@ -1 +0,0 @@
-export declare function getStyleFromItemStateAndParams<T>(stateValue: T | undefined, paramsValue: T | undefined): T | undefined;

package/dist/sdk-nextjs/utils/getValidYoutubeUrl.d.ts

@@ -1 +0,0 @@
-export declare function getYoutubeId({ hostname, pathname, search }: URL): string;

package/dist/sdk-nextjs/utils/isItemType.d.ts

@@ -1,3 +0,0 @@
-import { ItemAny, Item as TItem } from '../../sdk/types/article/Item';
-import { ArticleItemType } from '../../sdk/types/article/ArticleItemType';
-export declare function isItemType<T extends ArticleItemType>(item: ItemAny, itemType: T): item is TItem<T>;

package/dist/sdk-nextjs/utils/rangeMap.d.ts

@@ -1 +0,0 @@
-export declare function rangeMap(n: number, start1: number, stop1: number, start2: number, stop2: number, withinBounds?: boolean): number;

package/dist/sdk-nextjs/utils/useElementRect.d.ts

@@ -1 +0,0 @@
-export declare function useElementRect(element: HTMLElement | null): DOMRect | undefined;

package/dist/utils.d.ts

@@ -1,3 +0,0 @@
-import { Layout } from './sdk/types/project/Layout';
-export declare function getLayoutStyles<V, M>(layouts: Layout[], layoutValues: Record<string, V>[], mapToStyles: (values: V[], exemplary: number) => M): string;
-export declare function getLayoutMediaQuery(layoutId: string, layouts: Layout[]): string;