@wscsports/blaze-web-sdk 0.1.817 → 0.1.871

package/publish/index.d.ts

@@ -63,7 +63,7 @@ export declare function debounce<T extends Event>(func: EventHandler<T>, _delay:
 type ScreenOrientation = 'landscape' | 'portrait';
 type Platform = 'console' | 'mobile' | 'tablet' | 'smarttv' | 'wearable' | 'embedded' | 'desktop';
 type OS = 'AIX' | 'Amiga OS' | 'Android' | 'Arch' | 'Bada' | 'BeOS' | 'BlackBerry' | 'CentOS' | 'Chromium OS' | 'Contiki' | 'Fedora' | 'Firefox OS' | 'FreeBSD' | 'Debian' | 'DragonFly' | 'Gentoo' | 'GNU' | 'Haiku' | 'Hurd' | 'iOS' | 'Joli' | 'Linpus' | 'Linux' | 'Mac OS' | 'Mageia' | 'Mandriva' | 'MeeGo' | 'Minix' | 'Mint' | 'Morph OS' | 'NetBSD' | 'Nintendo' | 'OpenBSD' | 'OpenVMS' | 'OS/2' | 'Palm' | 'PCLinuxOS' | 'Plan9' | 'Playstation' | 'QNX' | 'RedHat' | 'RIM Tablet OS' | 'RISC OS' | 'Sailfish' | 'Series40' | 'Slackware' | 'Solaris' | 'SUSE' | 'Symbian' | 'Tizen' | 'Ubuntu' | 'UNIX' | 'VectorLinux' | 'WebOS' | 'Windows Phone/Mobile' | 'Zenwalk';
-type Browser = 'Amaya' | 'Android Browser' | 'Arora' | 'Avant' | 'Baidu' | 'Blazer' | 'Bolt' | 'Camino' | 'Chimera' | 'Chrome' | 'Chromium' | 'Comodo Dragon' | 'Conkeror' | 'Dillo' | 'Dolphin' | 'Doris' | 'Edge' | 'Epiphany' | 'Fennec' | 'Firebird' | 'Firefox' | 'Flock' | 'GoBrowser' | 'iCab' | 'ICE Browser' | 'IceApe' | 'IceCat' | 'IceDragon' | 'Iceweasel' | 'IE' | 'Iron' | 'Jasmine' | 'K-Meleon' | 'Konqueror' | 'Kindle' | 'Links' | 'Lunascape' | 'Lynx' | 'Maemo' | 'Maxthon' | 'Midori' | 'Minimo' | 'MIUI Browser' | 'Safari' | 'Mosaic' | 'Mozilla' | 'Netfront' | 'Netscape' | 'NetSurf' | 'Nokia' | 'OmniWeb' | 'Opera' | 'Phoenix' | 'Polaris' | 'QQBrowser' | 'RockMelt' | 'Silk' | 'Skyfire' | 'SeaMonkey' | 'SlimBrowser' | 'Swiftfox' | 'Tizen' | 'UCBrowser' | 'Vivaldi' | 'w3m' | 'Yandex';
+type Browser = 'Amaya' | 'Android Browser' | 'Arora' | 'Avant' | 'Baidu' | 'Blazer' | 'Bolt' | 'Camino' | 'Chimera' | 'Chrome' | 'Chromium' | 'Comodo Dragon' | 'Conkeror' | 'Dillo' | 'Dolphin' | 'Doris' | 'Edge' | 'Epiphany' | 'Fennec' | 'Firebird' | 'Firefox' | 'Flock' | 'GoBrowser' | 'iCab' | 'ICE Browser' | 'IceApe' | 'IceCat' | 'IceDragon' | 'Iceweasel' | 'IE' | 'Iron' | 'Jasmine' | 'K-Meleon' | 'Konqueror' | 'Kindle' | 'Links' | 'Lunascape' | 'Lynx' | 'Maemo' | 'Maxthon' | 'Midori' | 'Minimo' | 'MIUI Browser' | 'Safari' | 'Mosaic' | 'Mozilla' | 'Netfront' | 'Netscape' | 'NetSurf' | 'Nokia' | 'OmniWeb' | 'Opera' | 'Phoenix' | 'Polaris' | 'QQBrowser' | 'RockMelt' | 'Silk' | 'Skyfire' | 'SeaMonkey' | 'SlimBrowser' | 'Swiftfox' | 'Tizen' | 'UCBrowser' | 'Vivaldi' | 'w3m' | 'Yandex' | 'Mobile Safari';
 declare class DeviceDetector {
     private static instance;
     private parser;
@@ -98,11 +98,13 @@ export declare class EventsListener {
 export * from './base-drawable-element.class';
 export * from './base-element.class';
 export * from './debounce';
+export * from './device-detector.class';
 export * from './events-listener';
 export * from './long-press.handler';
 export * from './singleton.class';
 export * from './throttle';
 export * from './url';
+export * from './device-detector.class';
 
 export interface ILongPressHandlerOptions {
     onStart: () => void;
@@ -112,6 +114,7 @@ export declare class LongPressHandler {
     private readonly options;
     private pressTimer?;
     private isDuringPress;
+    private isAttached;
     constructor(options: ILongPressHandlerOptions);
     private startPress;
     private endPress;
@@ -190,7 +193,7 @@ export declare class BlazeDrawer extends BaseWidget {
 export declare class BlazeImage extends BaseWidget {
     thumbnailElement: HTMLImageElement;
     constructor();
-    load(src: string, onComplete?: () => void): void;
+    load(src: string): void;
     setRatio(ratio: string): void;
     setBorderRadius(radius: string): void;
 }
@@ -211,9 +214,12 @@ export declare class BlazeLoader extends HTMLElement {
     connectedCallback(): void;
 }
 
-export declare class BlazeSkeleton extends BaseWidget {
-    borderRadius: string;
-    constructor(layoutStyle?: LayoutStyle);
+export declare class BlazeWidgetItemSkeleton extends BaseWidget {
+    width: number;
+    thumbnailHeight: number | string;
+    layoutStyle: LayoutStyle;
+    labelHeight: number;
+    constructor(layoutStyle: LayoutStyle, width: number, thumbnailHeight: number, labelHeight: number);
     connectedCallback(): void;
 }
 
@@ -248,7 +254,25 @@ export declare class BlazeTypography extends BaseWidget {
     get fontSize(): ".8rem" | "1rem" | ".5rem";
 }
 
+type AttributeType = 'disabled' | 'hidden' | 'height' | 'width';
+export declare class BlazeButton extends BaseWidget {
+    buttonElement: HTMLButtonElement;
+    constructor();
+    static observedAttributes: string[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: AttributeType, oldValue: string, newValue: string): void;
+    get height(): string | number | boolean;
+    get width(): string | number | boolean;
+    setIconUrl(value: string): void;
+    private setIsHidden;
+    private setIsDisabled;
+    private setHeight;
+    private setWidth;
+}
+
 export * from './share-button';
+export * from './button';
 
 export type ShareButtonType = 'copy-link' | 'linked-in';
 type AttributeType = 'size' | 'button-type';
@@ -445,6 +469,11 @@ export interface IStory extends IContent {
     pages: IPage[];
     isAd: boolean;
     adInfo?: IAdInfo;
+    entities?: {
+        gameId: string | null;
+        teamId: string | null;
+        playerId: string | null;
+    };
 }
 
 export interface IThumbnail {
@@ -505,7 +534,6 @@ export interface WidgetsTagNameMap {
     'blaze-widget-moment-video': BlazeWidgetMomentVideo;
     'blaze-widget-interaction': BlazeWidgetInteraction;
     'blaze-loader': BlazeLoader;
-    'blaze-skeleton': BlazeSkeleton;
     'blaze-chip': BlazeChip;
     'blaze-image': BlazeImage;
     'blaze-toast': BlazeToast;
@@ -513,6 +541,7 @@ export interface WidgetsTagNameMap {
     'blaze-modal': BlazeDrawer;
     'blaze-div': BlazeDiv;
     'blaze-share-button': BlazeShareButton;
+    'blaze-button': BlazeButton;
     'blaze-typography': BlazeTypography;
 }
 interface WidgetsTagNameOptionsMap {
@@ -535,7 +564,6 @@ interface WidgetsTagNameOptionsMap {
     'blaze-widget-moment-video': {};
     'blaze-widget-interaction': {};
     'blaze-loader': {};
-    'blaze-skeleton': {};
     'blaze-chip': {};
     'blaze-image': {};
     'blaze-toast': {};
@@ -543,6 +571,7 @@ interface WidgetsTagNameOptionsMap {
     'blaze-modal': {};
     'blaze-div': {};
     'blaze-share-button': {};
+    'blaze-button': {};
     'blaze-typography': {};
 }
 export declare abstract class WidgetsFactory {
@@ -579,6 +608,19 @@ export declare const likeSvg = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC
 export declare const newShareSvg = "data:image/png;base64,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";
 export declare const IconLink = "data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"10\" viewBox=\"0 0 20 10\" fill=\"none\"><path d=\"M9 10H5C3.61667 10 2.4375 9.5125 1.4625 8.5375C0.4875 7.5625 0 6.38333 0 5C0 3.61667 0.4875 2.4375 1.4625 1.4625C2.4375 0.4875 3.61667 0 5 0H9V2H5C4.16667 2 3.45833 2.29167 2.875 2.875C2.29167 3.45833 2 4.16667 2 5C2 5.83333 2.29167 6.54167 2.875 7.125C3.45833 7.70833 4.16667 8 5 8H9V10ZM6 6V4H14V6H6ZM11 10V8H15C15.8333 8 16.5417 7.70833 17.125 7.125C17.7083 6.54167 18 5.83333 18 5C18 4.16667 17.7083 3.45833 17.125 2.875C16.5417 2.29167 15.8333 2 15 2H11V0H15C16.3833 0 17.5625 0.4875 18.5375 1.4625C19.5125 2.4375 20 3.61667 20 5C20 6.38333 19.5125 7.5625 18.5375 8.5375C17.5625 9.5125 16.3833 10 15 10H11Z\" fill=\"white\" fill-opacity=\"0.92\"/></svg>";
 export declare const IconGlobe = "data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20ZM9 17.95V16C8.45 16 7.97917 15.8042 7.5875 15.4125C7.19583 15.0208 7 14.55 7 14V13L2.2 8.2C2.15 8.5 2.10417 8.8 2.0625 9.1C2.02083 9.4 2 9.7 2 10C2 12.0167 2.6625 13.7833 3.9875 15.3C5.3125 16.8167 6.98333 17.7 9 17.95ZM15.9 15.4C16.2333 15.0333 16.5333 14.6375 16.8 14.2125C17.0667 13.7875 17.2875 13.3458 17.4625 12.8875C17.6375 12.4292 17.7708 11.9583 17.8625 11.475C17.9542 10.9917 18 10.5 18 10C18 8.36667 17.5458 6.875 16.6375 5.525C15.7292 4.175 14.5167 3.2 13 2.6V3C13 3.55 12.8042 4.02083 12.4125 4.4125C12.0208 4.80417 11.55 5 11 5H9V7C9 7.28333 8.90417 7.52083 8.7125 7.7125C8.52083 7.90417 8.28333 8 8 8H6V10H12C12.2833 10 12.5208 10.0958 12.7125 10.2875C12.9042 10.4792 13 10.7167 13 11V14H14C14.4333 14 14.825 14.1292 15.175 14.3875C15.525 14.6458 15.7667 14.9833 15.9 15.4Z\" fill=\"%23131313\"/></svg>";
+export declare const newPlayIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InBsYXlfYXJyb3dfIGhvbGxvdyI+CjxtYXNrIGlkPSJtYXNrMF8yMTA2Xzk5NCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3QgaWQ9IkJvdW5kaW5nIGJveCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8yMTA2Xzk5NCkiPgo8cGF0aCBpZD0icGxheV9hcnJvdyIgZD0iTTggMTlWNUwxOSAxMkw4IDE5Wk0xMCAxNS4zNUwxNS4yNSAxMkwxMCA4LjY1VjE1LjM1WiIgZmlsbD0iI0YwRjBGMCIvPgo8L2c+CjwvZz4KPC9zdmc+Cg==";
+export declare const newPauseIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InBhdXNlIj4KPG1hc2sgaWQ9Im1hc2swXzIxMTdfMiIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3QgaWQ9IkJvdW5kaW5nIGJveCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjkyIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8yMTE3XzIpIj4KPHBhdGggaWQ9InBhdXNlXzIiIGQ9Ik0xNCAxOVY1SDE3VjE5SDE0Wk03IDE5VjVIMTBWMTlIN1oiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTIiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=";
+export declare const newUnmuteIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InZvbHVtZV91cF8yIj4KPG1hc2sgaWQ9Im1hc2swXzIxMDZfOTg3IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPgo8cmVjdCBpZD0iQm91bmRpbmcgYm94IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IiNEOUQ5RDkiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzIxMDZfOTg3KSI+CjxwYXRoIGlkPSJ2b2x1bWVfdXAiIGQ9Ik0xNCAyMC43MjVWMTguNjc1QzE1LjUgMTguMjQxNiAxNi43MDgzIDE3LjQwODMgMTcuNjI1IDE2LjE3NUMxOC41NDE3IDE0Ljk0MTYgMTkgMTMuNTQxNiAxOSAxMS45NzVDMTkgMTAuNDA4MyAxOC41NDE3IDkuMDA4MzEgMTcuNjI1IDcuNzc0OThDMTYuNzA4MyA2LjU0MTY0IDE1LjUgNS43MDgzMSAxNCA1LjI3NDk4VjMuMjI0OThDMTYuMDY2NyAzLjY5MTY0IDE3Ljc1IDQuNzM3NDggMTkuMDUgNi4zNjI0OEMyMC4zNSA3Ljk4NzQ4IDIxIDkuODU4MzEgMjEgMTEuOTc1QzIxIDE0LjA5MTYgMjAuMzUgMTUuOTYyNSAxOS4wNSAxNy41ODc1QzE3Ljc1IDE5LjIxMjUgMTYuMDY2NyAyMC4yNTgzIDE0IDIwLjcyNVpNMyAxNVY4Ljk5OTk4SDdMMTIgMy45OTk5OFYyMEw3IDE1SDNaTTE0IDE2VjcuOTQ5OThDMTQuNzgzMyA4LjMxNjY0IDE1LjM5NTggOC44NjY2NCAxNS44Mzc1IDkuNTk5OThDMTYuMjc5MiAxMC4zMzMzIDE2LjUgMTEuMTMzMyAxNi41IDEyQzE2LjUgMTIuODUgMTYuMjc5MiAxMy42Mzc1IDE1LjgzNzUgMTQuMzYyNUMxNS4zOTU4IDE1LjA4NzUgMTQuNzgzMyAxNS42MzMzIDE0IDE2Wk0xMCA4Ljg0OTk4TDcuODUgMTFINVYxM0g3Ljg1TDEwIDE1LjE1VjguODQ5OThaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjkyIi8+CjwvZz4KPC9nPgo8L3N2Zz4K";
+export declare const newMuteIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InZvbHVtZV9tdXRlIj4KPHBhdGggaWQ9InZvbHVtZV9vZmYiIGQ9Ik0xOS44IDIyLjZMMTYuNzc1IDE5LjU3NTFDMTYuMzU4NCAxOS44NDE3IDE1LjkxNjcgMjAuMDcwOSAxNS40NSAyMC4yNjI2QzE0Ljk4MzQgMjAuNDU0MiAxNC41IDIwLjYwODQgMTQgMjAuNzI1VjE4LjY3NUMxNC4yMzM0IDE4LjU5MTcgMTQuNDYyNSAxOC41MDg0IDE0LjY4NzUgMTguNDI1QzE0LjkxMjUgMTguMzQxNyAxNS4xMjUgMTguMjQxNyAxNS4zMjUgMTguMTI1MUwxMiAxNC44VjIwTDcuMDAwMDIgMTVIMy4wMDAwMlY5LjAwMDA1SDYuMjAwMDJMMS40MDAwMiA0LjIwMDA1TDIuODAwMDIgMi44MDAwNUwyMS4yIDIxLjIwMDFMMTkuOCAyMi42Wk0xOS42IDE2LjhMMTguMTUgMTUuMzVDMTguNDMzNCAxNC44MzM0IDE4LjY0NTkgMTQuMjkxNyAxOC43ODc1IDEzLjcyNUMxOC45MjkyIDEzLjE1ODQgMTkgMTIuNTc1MSAxOSAxMS45NzVDMTkgMTAuNDA4NCAxOC41NDE3IDkuMDA4MzggMTcuNjI1IDcuNzc1MDVDMTYuNzA4NCA2LjU0MTcyIDE1LjUgNS43MDgzOCAxNCA1LjI3NTA1VjMuMjI1MDVDMTYuMDY2NyAzLjY5MTcyIDE3Ljc1IDQuNzM3NTUgMTkuMDUgNi4zNjI1NUMyMC4zNSA3Ljk4NzU1IDIxIDkuODU4MzggMjEgMTEuOTc1QzIxIDEyLjg1ODQgMjAuODc5MiAxMy43MDg0IDIwLjYzNzUgMTQuNTI1MUMyMC4zOTU5IDE1LjM0MTcgMjAuMDUgMTYuMSAxOS42IDE2LjhaTTE2LjI1IDEzLjQ1TDE0IDExLjJWNy45NTAwNUMxNC43ODM0IDguMzE2NzIgMTUuMzk1OSA4Ljg2NjcyIDE1LjgzNzUgOS42MDAwNUMxNi4yNzkyIDEwLjMzMzQgMTYuNSAxMS4xMzM0IDE2LjUgMTJDMTYuNSAxMi4yNSAxNi40NzkyIDEyLjQ5NTkgMTYuNDM3NSAxMi43Mzc1QzE2LjM5NTkgMTIuOTc5MiAxNi4zMzM0IDEzLjIxNjcgMTYuMjUgMTMuNDVaTTEyIDkuMjAwMDVMOS40MDAwMyA2LjYwMDA1TDEyIDQuMDAwMDVWOS4yMDAwNVpNMTAgMTUuMTUwMVYxMi44TDguMjAwMDMgMTFINS4wMDAwMlYxM0g3Ljg1MDAzTDEwIDE1LjE1MDFaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjkyIi8+CjwvZz4KPC9zdmc+Cg==";
+export declare const newShareIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InNoYXJlIj4KPHBhdGggaWQ9IlVuaW9uIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEyLjY0NzMgMjAuMzc0OEMxMi44IDIwLjc1MjcgMTMuMTY2OCAyMSAxMy41NzQ0IDIxSDEzLjYwNTJDMTQuMDIyOSAyMSAxNC4zOTY3IDIwLjc0MDQgMTQuNTQyNCAyMC4zNDg5TDIwLjIzNzUgNS4wNDg1NkMyMC41MzYyIDQuMjQ2MSAxOS43NTM5IDMuNDYzODUgMTguOTUxNSAzLjc2MjU0TDMuNjUxMTYgOS40NTc2NkMzLjI1OTY2IDkuNjAzMzggMyA5Ljk3NzEgMyAxMC4zOTQ4VjEwLjQyNTdDMyAxMC44MzMyIDMuMjQ3MzUgMTEuMiAzLjYyNTIxIDExLjM1MjhMMTAuMDUgMTMuOTVMMTIuNjQ3MyAyMC4zNzQ4Wk0xNi43NjM4IDguNjUwNDdMMTMuNTUgMTcuM0wxMi4wMDI2IDEzLjQxMTdMMTYuNzYzOCA4LjY1MDQ3Wk0xNS4zNDk3IDcuMjM2MTRMMTAuNTg4NCAxMS45OTc1TDYuNyAxMC40NUwxNS4zNDk3IDcuMjM2MTRaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjkyIi8+CjwvZz4KPC9zdmc+Cg==";
+export declare const newCloseIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNsb3NlIj4KPG1hc2sgaWQ9Im1hc2swXzIwODlfNjUxOCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2Ij4KPHJlY3QgaWQ9IkJvdW5kaW5nIGJveCIgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2IiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjkyIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8yMDg5XzY1MTgpIj4KPHBhdGggaWQ9ImNsb3NlXzIiIGQ9Ik05LjYgMjguNUw3LjUgMjYuNEwxNS45IDE4TDcuNSA5LjZMOS42IDcuNUwxOCAxNS45TDI2LjQgNy41TDI4LjUgOS42TDIwLjEgMThMMjguNSAyNi40TDI2LjQgMjguNUwxOCAyMC4xTDkuNiAyOC41WiIgZmlsbD0iI0YwRjBGMCIvPgo8L2c+CjwvZz4KPC9zdmc+Cg==";
+export declare const newNextStoryIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InNraXBfbmV4dCI+CjxtYXNrIGlkPSJtYXNrMF8yMDM2XzMyMzYiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+CjxyZWN0IGlkPSJCb3VuZGluZyBib3giIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45MiIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMjAzNl8zMjM2KSI+CjxwYXRoIGlkPSJza2lwX25leHRfMiIgZD0iTTIyIDI0VjhIMjQuNjY2NlYyNEgyMlpNNy4zMzMzMSAyNFY4TDE5LjMzMzMgMTZMNy4zMzMzMSAyNFpNOS45OTk5OCAxOUwxNC41MzMzIDE2TDkuOTk5OTggMTNWMTlaIiBmaWxsPSIjRjBGMEYwIi8+CjwvZz4KPC9nPgo8L3N2Zz4K";
+export declare const newPrevStoryIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InNraXBfcHJldmlvdXMiPgo8bWFzayBpZD0ibWFzazBfMjAzNl8zMjM4IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPgo8cmVjdCBpZD0iQm91bmRpbmcgYm94IiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTIiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzIwMzZfMzIzOCkiPgo8cGF0aCBpZD0ic2tpcF9wcmV2aW91c18yIiBkPSJNNy4zMzMzMyAyNFY4SDkuOTk5OTlWMjRINy4zMzMzM1pNMjQuNjY2NyAyNEwxMi42NjY3IDE2TDI0LjY2NjcgOFYyNFpNMjIgMTlWMTNMMTcuNDY2NyAxNkwyMiAxOVoiIGZpbGw9IiNGMEYwRjAiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=";
+export declare const newNextPageIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNoZXZyb25fcmlnaHQiPgo8bWFzayBpZD0ibWFzazBfMjAzNl8zMjc3IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiPgo8cmVjdCBpZD0iQm91bmRpbmcgYm94IiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTIiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzIwMzZfMzI3NykiPgo8cGF0aCBpZD0iY2hldnJvbl9yaWdodF8yIiBkPSJNMTAuOTY2NiAyMUw5LjMzMzMxIDE5LjM2NjdMMTQuNyAxNEw5LjMzMzMxIDguNjMzMzNMMTAuOTY2NiA3TDE3Ljk2NjYgMTRMMTAuOTY2NiAyMVoiIGZpbGw9IiMxMzEzMTMiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=";
+export declare const newPrevPageIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNoZXZyb25fbGVmdCI+CjxtYXNrIGlkPSJtYXNrMF8yMDM2XzMyNDAiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCI+CjxyZWN0IGlkPSJCb3VuZGluZyBib3giIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45MiIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMjAzNl8zMjQwKSI+CjxwYXRoIGlkPSJjaGV2cm9uX2xlZnRfMiIgZD0iTTE2LjMzMzMgMjFMOS4zMzMzMyAxNEwxNi4zMzMzIDdMMTcuOTY2NyA4LjYzMzMzTDEyLjYgMTRMMTcuOTY2NyAxOS4zNjY3TDE2LjMzMzMgMjFaIiBmaWxsPSIjMTMxMzEzIi8+CjwvZz4KPC9nPgo8L3N2Zz4K";
+export declare const restartIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzVfNDg5ODEiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjQiIHk9IjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHg9IjQiIHk9IjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45MiIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfNV80ODk4MSkiPgo8cGF0aCBkPSJNMTYgMjRDMTMuNzY2NyAyNCAxMS44NzUgMjMuMjI1IDEwLjMyNSAyMS42NzVDOC43NzUgMjAuMTI1IDggMTguMjMzMyA4IDE2QzggMTMuNzY2NyA4Ljc3NSAxMS44NzUgMTAuMzI1IDEwLjMyNUMxMS44NzUgOC43NzUgMTMuNzY2NyA4IDE2IDhDMTcuMTUgOCAxOC4yNSA4LjIzNzUgMTkuMyA4LjcxMjVDMjAuMzUgOS4xODc1IDIxLjI1IDkuODY2NjcgMjIgMTAuNzVWOEgyNFYxNUgxN1YxM0gyMS4yQzIwLjY2NjcgMTIuMDY2NyAxOS45Mzc1IDExLjMzMzMgMTkuMDEyNSAxMC44QzE4LjA4NzUgMTAuMjY2NyAxNy4wODMzIDEwIDE2IDEwQzE0LjMzMzMgMTAgMTIuOTE2NyAxMC41ODMzIDExLjc1IDExLjc1QzEwLjU4MzMgMTIuOTE2NyAxMCAxNC4zMzMzIDEwIDE2QzEwIDE3LjY2NjcgMTAuNTgzMyAxOS4wODMzIDExLjc1IDIwLjI1QzEyLjkxNjcgMjEuNDE2NyAxNC4zMzMzIDIyIDE2IDIyQzE3LjI4MzMgMjIgMTguNDQxNyAyMS42MzMzIDE5LjQ3NSAyMC45QzIwLjUwODMgMjAuMTY2NyAyMS4yMzMzIDE5LjIgMjEuNjUgMThIMjMuNzVDMjMuMjgzMyAxOS43NjY3IDIyLjMzMzMgMjEuMjA4MyAyMC45IDIyLjMyNUMxOS40NjY3IDIzLjQ0MTcgMTcuODMzMyAyNCAxNiAyNFoiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuOTIiLz4KPC9nPgo8L3N2Zz4K";
+export declare const playIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InBsYXlfYXJyb3ciPgo8cmVjdCB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHJ4PSIyNCIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC42Ii8+CjxwYXRoIGlkPSJwbGF5X2Fycm93XzIiIGQ9Ik0xOCAzNlYxMkwzNiAyNEwxOCAzNloiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTIiLz4KPC9nPgo8L3N2Zz4K";
+export declare const pauseIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InBsYXlfYXJyb3ciPgo8cmVjdCB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHJ4PSIyNCIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC42Ii8+CjxwYXRoIGlkPSJwYXVzZSIgZD0iTTI3IDM2VjEySDMzVjM2SDI3Wk0xNSAzNlYxMkgyMVYzNkgxNVoiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTIiLz4KPC9nPgo8L3N2Zz4K";
 
 export type EnvironmentType = 'prod' | 'uat';
 export interface IBlazeSDKOptions {
@@ -639,6 +681,7 @@ export interface IDrawable {
 
 export * from './blaze-sdk.interface';
 export * from './database.interface';
+export * from './device.interface';
 export * from './drawable.interface';
 export * from './response.interface';
 export * from './service.interface';
@@ -675,6 +718,7 @@ export interface IWidgetViewOptionsBase {
     theme?: IWidgetTheme | ThemeType;
     delegates?: Record<Delegation, EventListenerOrEventListenerObject>;
     labelsPriority?: string;
+    perItemStyleOverrides?: PerItemStyleOverrides;
 }
 export interface IWidgetViewOptionsWithLabels extends IWidgetViewOptionsBase {
     labels: string | string[] | BlazeWidgetLabel;
@@ -693,8 +737,10 @@ export interface IWidgetView {
     setLabelsPriority: (labelsPriority: string) => void;
     setContentIds: (storyIds: string[]) => void;
     reload: () => void;
+    updateWidgetUI: () => void;
     setMaxItemsDisplaySize: (size: number) => void;
     setDelegations: (delegates: Record<Delegation, EventListenerOrEventListenerObject>) => void;
+    updateOverrideStyles: (perItemStyleOverrides: PerItemStyleOverrides) => void;
 }
 
 declare const AdServiceClass_base: {
@@ -708,17 +754,6 @@ declare abstract class AdServiceClass extends AdServiceClass_base implements ISe
 }
 export declare const AdService: AdServiceClass;
 
-declare const AlertServiceClass_base: {
-    new (): {};
-    _instance: AlertServiceClass;
-    getInstance(): AlertServiceClass;
-};
-declare abstract class AlertServiceClass extends AlertServiceClass_base implements IService {
-    init(): Promise<void>;
-    alert(): void;
-}
-export declare const AlertService: AlertServiceClass;
-
 declare const AnalyticsServiceClass_base: {
     new (): {};
     _instance: AnalyticsServiceClass;
@@ -1073,7 +1108,7 @@ declare abstract class EventServiceClass extends EventServiceClass_base implemen
 }
 export declare const EventService: EventServiceClass;
 
-export * from './alert.ervice';
+export * from './ad.service';
 export * from './analytics.service';
 export * from './api.service';
 export * from './config.service';
@@ -1081,6 +1116,7 @@ export * from './database.service';
 export * from './error.service';
 export * from './event-bus.service';
 export * from './event.service';
+export * from './logger.service';
 export * from './startup.service';
 export * from './user.service';
 export * from './video-cache.service';
@@ -1213,6 +1249,7 @@ export declare class Presets {
     static StatusLiveUnreadStyle: IndicatorStyle;
     static StatusReadStyle: IndicatorStyle;
     static StatusUnreadStyle: IndicatorStyle;
+    static BadgeStyle: IndicatorStyle;
     static LabelStyle: LabelStyle;
     static Grid2Column: LayoutStyle;
     static Grid3Column: LayoutStyle;
@@ -1228,15 +1265,19 @@ export declare class Presets {
 export interface IndicatorStyle {
     backgroundColor: string;
     backgroundImage: string;
-    textColor: string;
-    font: string;
-    textSize: string;
-    letterSpacing: string;
     borderRadius: string;
     borderColor: string;
     borderWidth: number;
     text: string;
+    textColor: string;
+    textSize: string;
+    letterSpacing: string;
+    font: string;
     isVisible: boolean;
+    width?: number;
+    height?: number;
+    padding: string;
+    positionOffset?: PartialPositionOffset;
 }
 export interface LayoutStyle {
     thumbnailShape: ThumbnailShape;
@@ -1256,7 +1297,9 @@ export interface LayoutStyle {
     statusLiveUnreadStyle: IndicatorStyle;
     statusReadStyle: IndicatorStyle;
     statusUnreadStyle: IndicatorStyle;
+    badgeIndicatorStyle: IndicatorStyle;
     statusIndicatorPosition: PositionType;
+    badgePosition: PositionType;
 }
 export interface LabelStyle {
     isVisible: boolean;
@@ -1296,7 +1339,7 @@ export declare const Colors: {
     readonly Accent: "#5AA3FF";
     readonly LiveChip: "#FF364E";
     readonly ReadGray: "#9C9C9C";
-    readonly TimeColor: "#7F7F7F";
+    readonly TimeColor: "#B6B7B8";
 };
 
 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';
@@ -1333,11 +1376,15 @@ export declare function AttributeParser<TBase extends GHTMLElement>(Base: TBase)
         readonly offsetTop: number;
         readonly offsetWidth: number;
         outerText: string;
+        popover: string | null;
         spellcheck: boolean;
         title: string;
         translate: boolean;
         attachInternals(): ElementInternals;
         click(): void;
+        hidePopover(): void;
+        showPopover(): void;
+        togglePopover(force?: boolean | undefined): boolean;
         addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
@@ -1472,6 +1519,7 @@ export declare function AttributeParser<TBase extends GHTMLElement>(Base: TBase)
         ariaColIndex: string | null;
         ariaColSpan: string | null;
         ariaCurrent: string | null;
+        ariaDescription: string | null;
         ariaDisabled: string | null;
         ariaExpanded: string | null;
         ariaHasPopup: string | null;
@@ -1542,6 +1590,7 @@ export declare function AttributeParser<TBase extends GHTMLElement>(Base: TBase)
         onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
+        onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
         oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -1602,6 +1651,7 @@ export declare function AttributeParser<TBase extends GHTMLElement>(Base: TBase)
         onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
         onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
         onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -1638,6 +1688,16 @@ export declare function AttributeParser<TBase extends GHTMLElement>(Base: TBase)
     };
 } & TBase;
 
+export type ButtonType = 'ALL' | 'PAGE_NAVIGATION_ONLY' | 'STORY_NAVIGATION_ONLY';
+export type ButtonState = 'ACTIVE' | 'DISABLED';
+export type NavigationButtonType = 'PREV_STORY' | 'NEXT_STORY' | 'PREV_PAGE' | 'NEXT_PAGE';
+export declare enum ButtonNavigation {
+    PREV_STORY = 0,
+    NEXT_STORY = 1,
+    PREV_PAGE = 2,
+    NEXT_PAGE = 3
+}
+
 export type ClientPlatform = 'Web';
 
 export type Direction = 'UP' | 'DOWN' | 'RIGHT' | 'LEFT';
@@ -1649,19 +1709,28 @@ export type ElementType = WidgetElementType | ComponentsElementType;
 export type FetchPriorityType = 'low' | 'high' | 'auto';
 
 export * from './attribute-parser';
+export * from './button.type';
 export * from './client-platform.type';
-export * from './story-direction.type';
 export * from './direction.type';
 export * from './element.type';
 export * from './fetch-priority.type';
+export * from './item.type';
 export * from './label.type';
 export * from './order.type';
 export * from './play.type';
+export * from './position.type';
 export * from './severity.type';
 export * from './size.type';
+export * from './story-direction.type';
 export * from './thumbnail.type';
 export * from './widget.type';
 
+export type EntitiesType = 'playerId' | 'teamId' | 'gameId';
+export type PerItemStyleOverrides = Record<EntitiesType, Array<{
+    name: string;
+    theme: IWidgetTheme;
+}>>;
+
 export type labelType = string | string[] | BlazeWidgetLabel;
 
 export type OrderType = 'Manual' | 'AtoZ' | 'ZtoA' | 'RecentlyUpdatedFirst' | 'RecentlyUpdatedLast' | 'RecentlyCreatedFirst' | 'RecentlyCreatedLast';
@@ -1670,14 +1739,21 @@ export declare const PlayTypeArray: readonly ["Widget", "Share", "SingleStory"];
 export type PlayType = typeof PlayTypeArray[number];
 
 export type PositionInsideType = 'insideTopLeft' | 'insideTopRight' | 'insideMiddleTop' | 'insideMiddle' | 'insideBottomRight' | 'insideBottomLeft' | 'insideBottomMiddle' | 'insideMiddleLeft' | 'insideMiddleRight';
-export type PositionOutsideType = 'outsideUnder' | 'outsideBelow' | 'outsideAbove' | 'outsideTop' | 'outsideTopLeft' | 'outsideTopRight' | 'outsideBottomLeft' | 'outsideBottomRight' | 'outsideBottom' | 'outsideRight' | 'outsideLeft';
+export type PositionOutsideType = 'outsideTop' | 'outsideTopLeft' | 'outsideTopRight' | 'outsideBottomLeft' | 'outsideBottomRight' | 'outsideBottom' | 'outsideRight' | 'outsideLeft';
 export type PositionType = PositionInsideType | PositionOutsideType;
+export interface PositionOffset {
+    top: string;
+    left: string;
+    right: string;
+    bottom: string;
+}
+export type PartialPositionOffset = Partial<PositionOffset>;
 
 export type SeverityType = 'error' | 'warning' | 'info' | 'success';
 
 export type SizeType = 'small' | 'medium' | 'large';
 
-export type StoryDirectionType = 'PREV_STORY' | 'NEXT_STORY';
+export type StoryDirectionType = 'PREV_STORY' | 'NEXT_STORY' | 'PREV_PAGE' | 'NEXT_PAGE';
 
 export type ThumbnailApiType = 'SquareIcon' | 'VerticalTwoByThree' | 'MainThumbnail';
 export type ThumbnailType = 'SQUARE_ICON' | 'VERTICAL_TWO_BY_THREE' | 'CUSTOM';
@@ -1693,8 +1769,9 @@ interface ChipSizeOptions {
     statusUnreadStyle: IndicatorStyle;
 }
 export declare function getChipSize(options: ChipSizeOptions): DOMRect;
-export declare function getMaxChipSize(layout: LayoutStyle): DOMRect;
-export declare function calculateChipSize(statusIndicatorPosition: PositionType, layoutStyle: LayoutStyle): {
+export declare function createChip(indicatorSettings: IndicatorStyle): DOMRect;
+export declare function getMaxChipSize(type: 'chip' | 'badge', layout: LayoutStyle): DOMRect;
+export declare function calculateChipSize(type: 'chip' | 'badge', statusIndicatorPosition: PositionType, layoutStyle: LayoutStyle): {
     chipHeight: number;
     chipWidth: number;
 };
@@ -1709,18 +1786,22 @@ export declare function GuardNullOrEmpty(name: string, value: any): void;
 export declare function formatDuration(startDate: Date): string;
 export declare function removeUndefined(value: any): object;
 export declare function isCssPropertySupported(property: string): boolean;
+export declare function pixelsToNumber(pxString: string): number;
 export declare function isObject(item: any): boolean;
 export declare function mergeDeep(target: any, ...sources: any[]): any;
 export declare function cloneDeep<T>(target: T): T;
 export declare function formatDate(date: Date): string;
 export declare function formatUTCDate(date: Date): string;
+export declare function calculatePercentage(value: number, element: BlazeDiv): string;
 export declare function getRandomId(): string;
+export declare function isEmpty(obj: Record<string, any>): boolean;
 export declare function setId(element: HTMLElement, prefix?: string, suffix?: string): void;
 export type DeepPartial<T> = T extends object ? {
     [P in keyof T]?: DeepPartial<T[P]>;
 } : T;
 export declare function flattenObject<T extends Record<string, any>>(obj: T): Record<string, any>;
 export declare function mergeStyles(element: HTMLElement, styles: Partial<CSSStyleDeclaration>): object;
+export declare function getMaxValue(currentMax: string, newValue: string): string;
 
 export * from './chip.utils';
 export * from './common.utils';
@@ -1737,8 +1818,6 @@ export declare function calculatePosition(statusIndicatorPosition: PositionType)
     isTop: boolean;
     isMiddle: boolean;
     isBottom: boolean;
-    isBelow: boolean;
-    isAbove: boolean;
     isLeft: boolean;
     isRight: boolean;
 };
@@ -1756,6 +1835,8 @@ export declare class Stopwatch {
     reset(): void;
 }
 
+export * from './widget-ad';
+export * from './widget-interaction';
 export * from './widget-item';
 export * from './widget-label';
 export * from './widget-layout';
@@ -1764,18 +1845,18 @@ export * from './widget-moment';
 export * from './widget-moment-modal';
 export * from './widget-moment-player';
 export * from './widget-moment-preview';
+export * from './widget-moment-video';
 export * from './widget-scrollable';
 export * from './widget-sdk';
 export * from './widget-share-modal';
 export * from './widget-story';
+export * from './widget-story-base';
 export * from './widget-story-image';
 export * from './widget-story-modal';
 export * from './widget-story-player';
 export * from './widget-story-preview';
 export * from './widget-story-video';
 export * from './widget-interaction';
-export * from './widget-moment-video';
-export * from './widget-ad';
 
 export declare class BlazeWidgetStoryAd extends BlazeWidgetStoryBase {
     data: IPage | undefined;
@@ -1831,12 +1912,11 @@ export declare class BlazeWidgetItem extends BaseWidget {
     private labelBackground;
     private theme;
     private chip;
+    private badge;
     private isLive;
-    private shouldDisplaySkeleton;
-    private blazeSkeletonThumbnail;
-    private blazeSkeletonLabel;
     private analyticsCalls;
     private statusIndicatorSettings;
+    paddingItem: PositionOffset;
     content: IStory;
     onClick: (() => void) | undefined;
     constructor(options: BlazeWidgetItemOptions);
@@ -1844,22 +1924,26 @@ export declare class BlazeWidgetItem extends BaseWidget {
     connectedCallback(): void;
     disconnectedCallback(): void;
     updateWidget(): void;
+    updateWidgetItemStyle(theme: IWidgetTheme): void;
     private setupDOMElements;
     private setupEventListeners;
     private handleWidgetClick;
     private setData;
     getThumbnailUrl(): string;
-    private removeSkeleton;
-    handelOnCompleteLoadingThumbnail(): void;
     private updateLabel;
-    private loadThumbnail;
+    private resetWidgetItemStyles;
     private updateContainerStyles;
     private updateLabelStyles;
     private updateInsideLabelStyles;
     private updateOutsideLabelStyles;
     private updateThumbnailStyles;
-    private updateChipStyles;
+    private updateStatusIndicatorStyle;
+    private handleOutsidePosition;
+    private handleInsidePosition;
+    private applyCommonStyles;
     setTheme(theme: IWidgetTheme): void;
+    getPaddingOnContainer(): PositionOffset;
+    setPaddingOnContainer(padding: PositionOffset): void;
     setChipStyle(): void;
     event(action: WidgetAction, data: Partial<WidgetEvent>, label?: string | undefined): void;
     render(): void;
@@ -1885,8 +1969,11 @@ export declare class BlazeWidgetLayout extends BlazeWidgetScrollable implements
     modalMoments: BlazeWidgetMomentModal | undefined;
     stories: IStory[];
     moments: IMoment[];
+    skeletonContainer: BlazeDiv | undefined;
     widgetItems: BlazeWidgetItem[];
     preset: IWidgetTheme | undefined;
+    perItemStyleOverrides: PerItemStyleOverrides;
+    activeOverridesLayoutThemes: PerItemStyleOverrides;
     thumbnailWidth: number | undefined;
     thumbnailHeight: number | undefined;
     widgetHeight: number;
@@ -1903,10 +1990,10 @@ export declare class BlazeWidgetLayout extends BlazeWidgetScrollable implements
     handleIntersection(entries: IntersectionObserverEntry[]): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     onKeyDown(e: KeyboardEvent): void;
     onStoryChange(mode: StoryDirectionType): void;
     getParentHeightWithoutPadding(): number | null;
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     setId(id: string): void;
     handlePopState(_event: Event): void;
     addDelegateListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
@@ -1917,7 +2004,10 @@ export declare class BlazeWidgetLayout extends BlazeWidgetScrollable implements
     getTheme(): IWidgetTheme;
     setTheme(theme: IWidgetTheme | string): void;
     private get theme();
+    updateOverrideStyles(perItemStyleOverrides: PerItemStyleOverrides): void;
     reload(): void;
+    updateActiveLayoutThemesPerItemWithEntity(key: EntitiesType, value: string, theme: IWidgetTheme): void;
+    updateWidgetUI(): void;
     setDelegations(delegates: Record<Delegation, EventListenerOrEventListenerObject>): void;
     setMaxItemsDisplaySize(maxSize: number): void;
     setMaxItemsSize(maxItemsSize: number): void;
@@ -1926,7 +2016,37 @@ export declare class BlazeWidgetLayout extends BlazeWidgetScrollable implements
     static get observedAttributes(): string[];
     onItemClick(item: BlazeWidgetItem, i: number): void;
     loadStories(): Promise<void>;
+    processStoriesInWidget(): void;
+    calculateChipSizes(theme: IWidgetTheme): {
+        badge: {
+            width: number;
+            height: number;
+        };
+        chip: {
+            width: number;
+            height: number;
+        };
+    };
+    getStatusIndicatorBadgeAndChipSizes(): {
+        maxBadgeHeight: number;
+        maxBadgeWidth: number;
+        maxChipHeight: number;
+        maxChipWidth: number;
+    };
+    getMaxSizes(badge: {
+        height: number;
+        width: number;
+    }, chip: {
+        height: number;
+        width: number;
+    }, badgePosition: string, statusIndicatorPosition: string): {
+        maxBadgeHeight: number;
+        maxBadgeWidth: number;
+        maxChipHeight: number;
+        maxChipWidth: number;
+    };
     render(): void;
+    calculateWidthForRow(height: number, itemRatio: number, maxWidth: number, labelAdditionalWidth: number): number;
     calculateLabelSizes(labelStyle: LabelStyle, lineNumber: number): {
         labelWidth: number | "auto";
         labelAdditionalWidth: number;
@@ -2141,8 +2261,10 @@ export declare class BlazeWidgetSDK extends BaseWidget {
     disconnectedCallback(): void;
     onResizeEventDelay(): void;
     onResize(): void;
-    loadStoriesByHash(storyIds: string): Promise<void>;
-    loadStoriesByStaticContent(): Promise<void>;
+    handleStoryLoad(playReference: 'Share' | 'SingleStory', storyIds: string): Promise<void>;
+    handleStaticContentLoad(playReference: 'Share' | 'SingleStory'): Promise<void>;
+    enrichContent(content: IStory[]): Promise<IStory[]>;
+    setupModalAndLoadStories(playReference: 'Share' | 'SingleStory', content: IStory): Promise<void>;
     attributeChangedCallback(name: string, oldValue: string, newValue: string): Promise<void>;
     private getConfigAttributes;
     private initialize;
@@ -2178,10 +2300,12 @@ export declare class BlazeWidgetShareModal extends BaseWidget {
 export declare class BlazeWidgetStoryBase extends HTMLElement {
     data: IPage | undefined;
     shouldShowImaAd?: boolean;
+    isCurrentlyTryingToRunImaAd?: boolean;
     constructor();
     setData(data: IPage): void;
     loadPoster(): void;
     play(): void;
+    restartVideo(): void;
     pause(): void;
     get paused(): boolean;
     get currentTime(): number;
@@ -2230,7 +2354,8 @@ export declare class BlazeWidgetStoryImage extends BlazeWidgetStoryBase {
 export declare class BlazeWidgetStoryModal extends BlazeWidgetModal {
     parentWidget: HTMLElement;
     player: BlazeWidgetStoryPlayer;
-    exitPopup: HTMLElement;
+    exitButtonElement: BlazeButton;
+    exitButtonWrapperElement: BlazeDiv;
     onOpen?: () => void;
     onClose?: () => void;
     onStoryChange?: (mode: StoryDirectionType) => void;
@@ -2291,7 +2416,7 @@ export declare class BlazeWidgetStoryPlayer extends BaseWidget {
     private handlePanEnd;
     private reverseAnimation;
     private cleanupHammer;
-    renderBackground(): void;
+    renderBackground(renderBlackBackground?: boolean): void;
     setStories(stories: BlazeWidgetStory[]): void;
     close(): void;
     seek(storyId: string): void;
@@ -2325,7 +2450,7 @@ export declare class BlazeWidgetStoryPreview extends BlazeWidgetStory {
     playToggleBtn: HTMLElement;
     muteToggleBtn: HTMLElement;
     storyTitle: HTMLElement;
-    storySubtitle: HTMLElement;
+    storyPublishedDate: HTMLElement;
     storyThumbnail: HTMLElement;
     storyChip: HTMLElement;
     ctaButton: HTMLElement;
@@ -2396,6 +2521,7 @@ export declare class BlazeWidgetStoryVideo extends BlazeWidgetStoryBase {
     shouldShowImaAd: boolean;
     storyParent: BlazeWidgetStory;
     googleIMA: any;
+    isCurrentlyTryingToRunImaAd: boolean;
     constructor(storyParent: BlazeWidgetStory, disableInteraction?: boolean);
     connectedCallback(): void;
     disconnectedCallback(): void;
@@ -2420,6 +2546,7 @@ export declare class BlazeWidgetStoryVideo extends BlazeWidgetStoryBase {
     get muted(): boolean;
     set muted(value: boolean);
     render(): void;
+    restartVideo(): void;
     initializeIMA(): void;
     onAdsManagerLoaded(adsManagerLoadedEvent: any): void;
     onAdEvent(adEvent: any): void;
@@ -2450,21 +2577,25 @@ export declare class BlazeWidgetStory extends HTMLElement {
     onPrevStory?: () => void;
     onNextStory?: () => void;
     onClose?: () => void;
+    buttonsContainer: BlazeDiv;
     playbackParts: HTMLElement[];
-    playButtonElement: HTMLElement;
-    muteButtonElement: HTMLElement;
+    playButtonElement?: BlazeButton;
+    shareButtonElement: BlazeButton;
+    muteButtonElement: BlazeButton;
+    exitMobileTabletButtonElement: BlazeButton;
     storyTitle: HTMLElement;
-    storySubtitle: HTMLElement;
-    storyChip: HTMLElement;
+    storyPublishedDate: HTMLElement;
+    storyLiveChip: HTMLElement;
     ctaButton: HTMLElement;
-    prevButton: HTMLElement;
-    nextButton: HTMLElement;
-    prevStoryButton: HTMLElement;
-    nextStoryButton: HTMLElement;
+    prevPageButton?: BlazeButton;
+    nextPageButton?: BlazeButton;
+    prevStoryButton?: BlazeButton;
+    nextStoryButton?: BlazeButton;
+    resumeAfterBlurButton?: BlazeButton;
     widgetParent: BlazeWidgetItem;
     playCallback: any;
     sessionId: string;
-    startTrigger: 'Widget' | 'Deeplink' | 'Swipe' | 'Skip' | 'Static Load' | '';
+    startTrigger: 'Widget' | 'Deeplink' | 'Swipe' | 'Skip' | 'SingleStory' | 'Share' | '';
     exitTrigger: 'Swipe' | 'Swipe Down' | 'Skip' | 'Close Button' | 'CTA Click' | 'Escape Button' | '';
     navigationType: 'Automatic' | 'Manual' | undefined;
     navigationDirection: 'Forwards' | 'Backwards' | undefined;
@@ -2473,18 +2604,20 @@ export declare class BlazeWidgetStory extends HTMLElement {
     playerStyle: StoryPlayerStyle;
     listeners: EventsListener;
     shadowTopElement: HTMLDivElement;
-    topStoryShadow: BlazeDiv;
     isNavigationPending: boolean;
     navigationTimeout: NodeJS.Timeout | null;
     lastPageIndexToResume: number;
-    elementsToHideOnCustomNativeAds: HTMLElement[];
+    elementsToHideOnWebAds: HTMLElement[];
     elementsToHideOnImaAds: (HTMLElement | undefined)[];
     muteStateBeforeAd: 'mute' | 'unmute' | 'no-ad';
     longPressHandler?: LongPressHandler;
+    originalNextPageDesktopClickListener: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
+    restartStoryOnClickEvent: ((event: MouseEvent) => void) | undefined;
     constructor();
     onShareClick(): Promise<void>;
     updateChip(): void;
     setTheme(storyPlayerStyle: StoryPlayerStyle): void;
+    setButtonNavigationAsDisabled(buttonType: ButtonType): void;
     adjustAdView(): void;
     updatePlayerButtonIcons(): void;
     onCtaClick(event: Event): boolean;
@@ -2499,6 +2632,8 @@ export declare class BlazeWidgetStory extends HTMLElement {
     prefetchNeighbours(distance?: number): void;
     loadStoryPostersByDistance(distance: number): void;
     loadFirstVideo(): void;
+    revertNextPageButtonToPreviousAction(): void;
+    displayRestartStoryButton(): void;
     playPage(pageIndexToPlayNext: number): void;
     switchToPage(newPageIndex: number): void;
     startPage(indexToPlay: number): void;
@@ -2524,11 +2659,16 @@ export declare class BlazeWidgetStory extends HTMLElement {
     prevStory(): void;
     nextStory(): void;
     markAsRead(): Promise<any>;
-    goNextPage(): void;
+    goNextPage(navigationType?: 'Automatic' | 'Manual'): void;
     goPrevPage(): void;
     disconnectedCallback(): void;
     renderCtaButton(pageIndex: number): void;
+    updatePlayerButtonsState(displayPageNavigationButtons?: boolean): void;
+    updateButtonState(buttonType: ButtonNavigation, button: BlazeButton | undefined): void;
+    isNavigationButtonActive(navigationType: ButtonNavigation): boolean;
+    updateNavButton(state: ButtonState, navButtonElement: BlazeButton): void;
+    updatePlayerButtonsCSS(): void;
+    displayExitButtonOnMobileTablet(): void;
     render(): void;
-    shouldDisplayButton(navType: string): string;
 }