@wscsports/blaze-web-sdk 0.1.53 → 0.1.56

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wscsports/blaze-web-sdk",
-  "version": "0.1.53",
+  "version": "0.1.56",
   "main": "publish/index",
   "types": "publish/index",
   "files": [

package/publish/index.d.ts

@@ -172,9 +172,11 @@ export declare class BlazeImage extends BaseWidget {
 export * from './alert';
 export * from './buttons';
 export * from './chip';
+export * from './div';
 export * from './drawer';
 export * from './image';
 export * from './loader';
+export * from './skeleton';
 export * from './toast';
 export * from './typography';
 
@@ -183,6 +185,12 @@ export declare class BlazeLoader extends HTMLElement {
     connectedCallback(): void;
 }
 
+export declare class BlazeSkeleton extends BaseWidget {
+    borderRadius: string;
+    constructor(elementStyle?: ShapeType);
+    connectedCallback(): void;
+}
+
 export declare class BlazeToast extends BaseWidget {
     constructor();
     static get observedAttributes(): string[];
@@ -395,6 +403,7 @@ export interface WidgetsTagNameMap {
     'blaze-widget-image': BlazeWidgetStoryImage;
     'blaze-widget-video': BlazeWidgetStoryVideo;
     'blaze-loader': BlazeLoader;
+    'blaze-skeleton': BlazeSkeleton;
     'blaze-chip': BlazeChip;
     'blaze-image': BlazeImage;
     'blaze-toast': BlazeToast;
@@ -421,6 +430,7 @@ interface WidgetsTagNameOptionsMap {
     'blaze-widget-image': {};
     'blaze-widget-video': {};
     'blaze-loader': {};
+    'blaze-skeleton': {};
     'blaze-chip': {};
     'blaze-image': {};
     'blaze-toast': {};
@@ -438,6 +448,10 @@ export declare abstract class WidgetsFactory {
 
 export * from './elements.factory';
 
+export * from './widget-theme.guard';
+
+export declare function isWidgetTheme(theme: any): theme is IWidgetTheme;
+
 export * from './svgs';
 
 export declare const playSvg = "data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" fill=\"none\"><path stroke=\"%23fff\" stroke-linecap=\"round\" stroke-width=\"1.9\" d=\"M17.74 30.34V18.53a1.8 1.8 0 0 1 2.77-1.52l9.23 5.92a1.8 1.8 0 0 1 0 3.03l-9.23 5.9a1.8 1.8 0 0 1-2.77-1.52z\"/></svg>";
@@ -542,8 +556,8 @@ export interface IWidgetView {
     setTheme: (theme: IWidgetTheme) => void;
     getTheme: () => IWidgetTheme;
     setLabels: (labels: string[]) => void;
-    reload: (labels?: string[]) => void;
-    addEventListener: (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined) => void;
+    reload: () => void;
+    setDelegations: (delegates: Record<Delegation, EventListenerOrEventListenerObject>) => void;
 }
 
 declare const AlertServiceClass_base: {
@@ -971,8 +985,11 @@ export declare class Presets {
     static LabelStyle: LabelStyle;
     static Grid2Column: LayoutStyle;
     static Grid3Column: LayoutStyle;
+    static Grid2ColumnHorizontal: LayoutStyle;
+    static Grid3ColumnHorizontal: LayoutStyle;
     static RowCircle: LayoutStyle;
     static RowRectangle: LayoutStyle;
+    static RowHorizontalRectangle: LayoutStyle;
     static Default: LayoutStyle;
     static DefaultStoryStyle: StoryPlayerStyle;
 }
@@ -990,10 +1007,12 @@ export interface IndicatorStyle {
     text: string;
 }
 export interface LayoutStyle {
-    shape: 'circle' | 'rectangle' | 'custom';
+    shape: ShapeType;
+    thumbnailType: ThumbnailType;
     rows: number;
     columns: number;
     itemRatio: number;
+    skeleton: boolean;
     labelStyle: LabelStyle;
     lines: number;
     horizontalItemsSpacing: number;
@@ -1005,7 +1024,7 @@ export interface LayoutStyle {
     statusLiveUnreadStyle: IndicatorStyle;
     statusReadStyle: IndicatorStyle;
     statusUnreadStyle: IndicatorStyle;
-    statusIndicatorPosition: 'insideTopLeft' | 'insideTopRight' | 'insideMiddle' | 'insideBottomRight' | 'insideBottomLeft' | 'insideBottomMiddle' | 'insideMiddleLeft' | 'insideMiddleRight' | 'outsideTop' | 'outsideTopLeft' | 'outsideTopRight' | 'outsideBottomLeft' | 'outsideBottomRight' | 'outsideBottom' | 'outsideRight' | 'outsideLeft';
+    statusIndicatorPosition: PositionType;
 }
 export interface LabelStyle {
     visible: boolean;
@@ -1016,7 +1035,7 @@ export interface LabelStyle {
     padding: string;
     font: string;
     fontSize: string;
-    position: 'insideTopLeft' | 'insideTopRight' | 'insideMiddle' | 'insideBottomRight' | 'insideBottomLeft' | 'insideBottomMiddle' | 'insideMiddleLeft' | 'insideMiddleRight' | 'outsideUnder' | 'outsideAbove' | 'outsideRight' | 'outsideLeft';
+    position: PositionType;
 }
 export interface StoryPlayerStyle {
     titleVisible: boolean;
@@ -1047,7 +1066,7 @@ export declare const Colors: {
     readonly TimeColor: "#7F7F7F";
 };
 
-export type ThemeType = 'default' | 'grid-2-columns' | 'grid-3-columns' | 'row-circle' | 'row-rectangle';
+export type ThemeType = 'grid-2-columns' | 'grid-3-columns' | 'row-circle' | 'row-rectangle' | 'row-rectangle-horizontal' | 'grid-2-columns-horizontal' | 'grid-3-columns-horizontal' | 'default';
 export declare class ThemeFactory {
     static create(name?: ThemeType): IWidgetTheme;
 }
@@ -1405,25 +1424,30 @@ export * from './client-platform.type';
 export * from './direction.type';
 export * from './element.type';
 export * from './fetch-priority.type';
+export * from './label.type';
 export * from './order.type';
+export * from './play.type';
 export * from './severity.type';
 export * from './shape.type';
 export * from './size.type';
 export * from './thumbnail.type';
-export * from './play.type';
+
+export type labelType = string | string[] | BlazeWidgetLabel;
 
 export type OrderType = 'Manual' | 'AtoZ' | 'ZtoA' | 'RecentlyUpdatedFirst' | 'RecentlyUpdatedLast' | 'RecentlyCreatedFirst' | 'RecentlyCreatedLast';
 
 export declare const PlayTypeArray: readonly ["Widget", "Share", "SingleStory"];
 export type PlayType = typeof PlayTypeArray[number];
 
+export type PositionType = 'insideTopLeft' | 'insideTopRight' | 'insideMiddle' | 'insideBottomRight' | 'insideBottomLeft' | 'insideBottomMiddle' | 'insideMiddleLeft' | 'insideMiddleRight' | 'outsideUnder' | 'outsideAbove' | 'outsideTop' | 'outsideTopLeft' | 'outsideTopRight' | 'outsideBottomLeft' | 'outsideBottomRight' | 'outsideBottom' | 'outsideRight' | 'outsideLeft';
+
 export type SeverityType = 'error' | 'warning' | 'info' | 'success';
 
 export type ShapeType = 'rectangle' | 'custom' | 'circle';
 
 export type SizeType = 'small' | 'medium' | 'large';
 
-export type ThumbnailType = 'SquareIcon' | 'VerticalTwoByThree';
+export type ThumbnailType = 'SquareIcon' | 'VerticalTwoByThree' | 'MainThumbnail';
 
 interface ChipSizeOptions {
     statusLiveStyle: IndicatorStyle;
@@ -1500,8 +1524,8 @@ export * from './widget-story-video';
 export interface BlazeWidgetItemOptions {
     theme: IWidgetTheme;
     story: IStory;
-    thumbnailType: string;
 }
+export type itemStateType = 'loading' | 'done' | 'failed';
 export declare class BlazeWidgetItem extends BaseWidget {
     protected options: BlazeWidgetItemOptions;
     wrapper: HTMLElement;
@@ -1517,13 +1541,18 @@ export declare class BlazeWidgetItem extends BaseWidget {
     onClick: (() => void) | undefined;
     chip: HTMLElement;
     newChip: HTMLElement | undefined;
-    state: 'loading' | 'done' | 'failed';
+    state: itemStateType;
     isLive: boolean | undefined;
+    isDisplaySkeleton: boolean;
+    blazeSkeletonThumbnail: BlazeSkeleton | undefined;
+    blazeSkeletonLabel: BlazeSkeleton | undefined;
     statusIndicatorSettings: IndicatorStyle;
     constructor(options: BlazeWidgetItemOptions);
     setTheme(theme: IWidgetTheme): void;
     setLive(): void;
-    setData(data: IStory | IMoment): void;
+    setData(data: IStory): void;
+    updateLabel(): void;
+    updateThumbnail(thumbnailUrl: string): void;
     analyticsCalls: any;
     event(action: WidgetAction, data: Partial<WidgetEvent>, label?: string | undefined): void;
     get chipDimenssions(): {
@@ -1572,12 +1601,11 @@ export declare class BlazeWidgetLayout extends BlazeWidgetScrollable implements
     onResize(): void;
     handlePopState(_event: Event): void;
     addDelegateListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
-    setLabels(labels: string | string[] | BlazeWidgetLabel): void;
+    setLabels(labels: labelType): void;
     getTheme(): IWidgetTheme;
-    setTheme(theme: IWidgetTheme): void;
-    reload(labels?: string[]): void;
-    setLabel(label: string | BlazeWidgetLabel): void;
-    set delegates(delegates: Record<Delegation, EventListenerOrEventListenerObject>);
+    setTheme(theme: IWidgetTheme | string): void;
+    reload(): void;
+    setDelegations(delegates: Record<Delegation, EventListenerOrEventListenerObject>): void;
     setMaxSize(maxSize: number): void;
     setMaxItemsSize(maxItemsSize: number): void;
     handleIntersection(entries: IntersectionObserverEntry[]): void;
@@ -1589,7 +1617,6 @@ export declare class BlazeWidgetLayout extends BlazeWidgetScrollable implements
     private get theme();
     render(): void;
     maxSize(): number;
-    loadMoments(): Promise<void>;
     event(action: WidgetAction, data: Partial<WidgetEvent>, label?: string | undefined): void;
     updateWidgetsData(): void;
     reorderWidgets(): void;