@wscsports/blaze-web-sdk 0.1.4 → 0.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/publish/index.d.ts +244 -45
  3. package/publish/index.js +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wscsports/blaze-web-sdk",
3
- "version": "0.1.4",
3
+ "version": "0.1.6",
4
4
  "main": "publish/index",
5
5
  "types": "publish/index",
6
6
  "files": [
package/publish/index.d.ts CHANGED
@@ -1,8 +1,3 @@
1
- export declare class BlazeSDK {
2
- static isMuted: boolean;
3
- static isPlaying: boolean;
4
- }
5
-
6
1
  export declare function Initialize(apiKey: string, options?: Omit<IBlazeSDKOptions, "apiKey">): Promise<void>;
7
2
  export declare function WidgetRowView(containerId: string, options: IWidgetViewOptions): IWidgetView;
8
3
  export declare function WidgetGridView(containerId: string, options: IWidgetViewOptions): IWidgetView;
@@ -39,10 +34,18 @@ export declare class API {
39
34
 
40
35
  export * from './api';
41
36
 
42
- export declare abstract class BaseHTMLElement extends HTMLElement {
37
+ export declare abstract class BaseDrawableElement extends BaseWidget implements IDrawable {
38
+ protected abstract connectedCallback(): void;
39
+ protected abstract disconnectedCallback(): void;
40
+ protected abstract attributeChangedCallback(name: string, oldValue?: string, newValue?: string): void;
41
+ abstract render(): void;
42
+ }
43
+
44
+ export declare abstract class BaseWidget extends HTMLElement {
43
45
  protected _animationDuration: number;
44
46
  constructor();
45
47
  getAttribute<T = boolean | string | number>(qualifiedName: string): T;
48
+ setStyle<T extends keyof CSSStyleDeclaration>(styles: Record<T, string | null>): void;
46
49
  }
47
50
 
48
51
  export declare class EventsListener {
@@ -56,11 +59,12 @@ export declare class EventsListener {
56
59
  removeAll(): void;
57
60
  }
58
61
 
59
- export * from './base-html-element.class';
62
+ export * from './base-drawable-element.class';
63
+ export * from './base-element.class';
64
+ export * from './events-listener';
60
65
  export * from './long-press.handler';
61
66
  export * from './singleton.class';
62
67
  export * from './throttle';
63
- export * from './events-listener';
64
68
 
65
69
  export interface ILongPressHandlerOptions {
66
70
  onStart: () => void;
@@ -94,7 +98,7 @@ export interface ResizeEvent extends Event {
94
98
  }
95
99
  export declare function throttle<T extends Event>(func: EventHandler<T>, delay: number): (event: T) => void;
96
100
 
97
- export declare class BlazeAlert extends BaseHTMLElement {
101
+ export declare class BlazeAlert extends BaseWidget {
98
102
  titleContainer: HTMLDivElement;
99
103
  textContainer: HTMLDivElement;
100
104
  constructor();
@@ -105,30 +109,71 @@ export declare class BlazeAlert extends BaseHTMLElement {
105
109
  setAttribute(qualifiedName: 'alert-title' | 'alert-text', value: string): void;
106
110
  }
107
111
 
108
- export declare class BlazeChip extends BaseHTMLElement {
112
+ export declare class BlazeChip extends BaseWidget {
109
113
  constructor();
114
+ connectedCallback(): void;
115
+ }
116
+
117
+ export declare class BlazeDiv extends BaseWidget {
118
+ constructor();
119
+ }
120
+
121
+ export interface IDrawerOptions {
122
+ anchor: 'top' | 'right' | 'bottom' | 'left';
123
+ component: BaseWidget;
124
+ height?: string;
125
+ width?: string;
126
+ }
127
+ type DrawerAttributes = 'open';
128
+ export declare class BlazeDrawer extends BaseWidget {
129
+ backdropContainer: BlazeDiv;
130
+ drawerContainer: BlazeDiv;
131
+ isOpen: boolean;
132
+ drawerOptions: IDrawerOptions | undefined;
133
+ drawerComponent: BaseWidget | undefined;
134
+ onOpen: (() => void) | undefined;
135
+ onClose: (() => void) | undefined;
136
+ constructor();
137
+ private get drawerContainerHeight();
138
+ static get observedAttributes(): string[];
139
+ connectedCallback(): void;
140
+ disconnectedCallback(): void;
141
+ attributeChangedCallback(name: DrawerAttributes, oldValue: string, newValue: string): void;
142
+ private onOpenChange;
143
+ setAttribute(qualifiedName: DrawerAttributes, value: string): void;
144
+ private onBackdropClick;
145
+ init(options: IDrawerOptions): void;
146
+ private buildBackdrop;
147
+ private buildModal;
148
+ open(): Promise<void>;
149
+ close(): Promise<void>;
150
+ private animateDrawer;
110
151
  }
111
152
 
112
153
  export interface BlazeImageOptions {
113
154
  fetchPriority: FetchPriorityType;
114
155
  src: string;
115
156
  }
116
- export declare class BlazeImage extends BaseHTMLElement {
157
+ export declare class BlazeImage extends BaseWidget {
117
158
  constructor();
159
+ protected render(): void;
118
160
  }
119
161
 
120
162
  export * from './alert';
163
+ export * from './buttons';
121
164
  export * from './chip';
165
+ export * from './drawer';
122
166
  export * from './image';
123
167
  export * from './loader';
124
168
  export * from './toast';
169
+ export * from './typography';
125
170
 
126
171
  export declare class BlazeLoader extends HTMLElement {
127
172
  constructor();
128
173
  connectedCallback(): void;
129
174
  }
130
175
 
131
- export declare class BlazeToast extends BaseHTMLElement {
176
+ export declare class BlazeToast extends BaseWidget {
132
177
  constructor();
133
178
  static get observedAttributes(): string[];
134
179
  connectedCallback(): void;
@@ -140,6 +185,43 @@ export declare class BlazeToast extends BaseHTMLElement {
140
185
  title?: string;
141
186
  text: string;
142
187
  }): void;
188
+ protected render(): void;
189
+ }
190
+
191
+ type AttributeType = 'size' | 'text';
192
+ export declare class BlazeTypography extends BaseWidget {
193
+ constructor();
194
+ static get observedAttributes(): string[];
195
+ get size(): SizeType;
196
+ set size(value: SizeType);
197
+ get text(): string;
198
+ set text(value: string);
199
+ connectedCallback(): void;
200
+ disconnectedCallback(): void;
201
+ attributeChangedCallback(name: AttributeType, oldValue: string, newValue: string): void;
202
+ onSizeChange(size: SizeType): void;
203
+ onTextChange(text: string): void;
204
+ get fontSize(): ".8rem" | "1rem" | ".5rem";
205
+ }
206
+
207
+ export * from './share-button';
208
+
209
+ export type ShareButtonType = 'copy-link' | 'linked-in';
210
+ type AttributeType = 'size' | 'button-type';
211
+ export declare class BlazeShareButton extends BaseWidget {
212
+ onClick: ((e: MouseEvent) => void) | undefined;
213
+ constructor();
214
+ static get observedAttributes(): string[];
215
+ get size(): SizeType;
216
+ set size(value: SizeType);
217
+ set type(value: ShareButtonType);
218
+ get fontSize(): ".8rem" | "1rem" | ".5rem";
219
+ connectedCallback(): void;
220
+ disconnectedCallback(): void;
221
+ attributeChangedCallback(name: AttributeType, oldValue: string, newValue: string): void;
222
+ onSizeChange(size?: SizeType): void;
223
+ onTypeChange(type: ShareButtonType): void;
224
+ createButton(text: string, svgIcon: string): void;
143
225
  }
144
226
 
145
227
  export declare enum StoryAction {
@@ -165,6 +247,8 @@ type ExposedFields = {
165
247
  };
166
248
  export declare const exposedFieldsByAction: ExposedFields;
167
249
 
250
+ export * from './analytics.constants';
251
+
168
252
  export declare class Database implements IDatabase {
169
253
  private readonly options;
170
254
  constructor(options: IDatabaseOptions);
@@ -277,10 +361,62 @@ export declare enum Delegation {
277
361
  export * from './error-codes.enum';
278
362
  export * from './event.enum';
279
363
 
280
- export declare abstract class ElementsFactory {
281
- static create<T extends BaseHTMLElement>(e: ElementType): T;
282
- static define(name: string, constructor: CustomElementConstructor, options?: ElementDefinitionOptions | undefined): void;
283
- static whenDefined(name: string): Promise<CustomElementConstructor>;
364
+ export interface WidgetsTagNameMap {
365
+ 'blaze-sdk': BlazeWidgetSDK;
366
+ 'blaze-widget-modal': BlazeWidgetModal;
367
+ 'blaze-widget-item': BlazeWidgetItem;
368
+ 'blaze-widget-layout': BlazeWidgetLayout;
369
+ 'blaze-widget-story': BlazeWidgetStory;
370
+ 'blaze-widget-story-preview': BlazeWidgetStoryPreview;
371
+ 'blaze-widget-story-player': BlazeWidgetStoryPlayer;
372
+ 'blaze-widget-story-modal': BlazeWidgetStoryModal;
373
+ 'blaze-widget-moment': BlazeWidgetMoment;
374
+ 'blaze-widget-moment-preview': BlazeWidgetMomentPreview;
375
+ 'blaze-widget-moment-player': BlazeWidgetMomentPlayer;
376
+ 'blaze-widget-moment-modal': BlazeWidgetMomentModal;
377
+ 'blaze-widget-share-modal': BlazeWidgetShareModal;
378
+ 'blaze-widget-image': BlazeWidgetStoryImage;
379
+ 'blaze-widget-video': BlazeWidgetStoryVideo;
380
+ 'blaze-loader': BlazeLoader;
381
+ 'blaze-chip': BlazeChip;
382
+ 'blaze-image': BlazeImage;
383
+ 'blaze-toast': BlazeToast;
384
+ 'blaze-alert': BlazeAlert;
385
+ 'blaze-modal': BlazeDrawer;
386
+ 'blaze-div': BlazeDiv;
387
+ 'blaze-share-button': BlazeShareButton;
388
+ 'blaze-typography': BlazeTypography;
389
+ }
390
+ interface WidgetsTagNameOptionsMap {
391
+ 'blaze-sdk': {};
392
+ 'blaze-widget-modal': {};
393
+ 'blaze-widget-item': {};
394
+ 'blaze-widget-layout': {};
395
+ 'blaze-widget-story': {};
396
+ 'blaze-widget-story-preview': {};
397
+ 'blaze-widget-story-player': {};
398
+ 'blaze-widget-story-modal': {};
399
+ 'blaze-widget-moment': {};
400
+ 'blaze-widget-moment-preview': {};
401
+ 'blaze-widget-moment-player': {};
402
+ 'blaze-widget-moment-modal': {};
403
+ 'blaze-widget-share-modal': {};
404
+ 'blaze-widget-image': {};
405
+ 'blaze-widget-video': {};
406
+ 'blaze-loader': {};
407
+ 'blaze-chip': {};
408
+ 'blaze-image': {};
409
+ 'blaze-toast': {};
410
+ 'blaze-alert': {};
411
+ 'blaze-modal': {};
412
+ 'blaze-div': {};
413
+ 'blaze-share-button': {};
414
+ 'blaze-typography': {};
415
+ }
416
+ export declare abstract class WidgetsFactory {
417
+ static create<T extends keyof WidgetsTagNameMap>(name: T, options?: ElementCreationOptions & WidgetsTagNameOptionsMap[T]): WidgetsTagNameMap[T];
418
+ static define<T extends keyof WidgetsTagNameMap>(name: T, constructor: CustomElementConstructor, options?: ElementDefinitionOptions): void;
419
+ static whenDefined<T extends keyof WidgetsTagNameMap>(name: T): Promise<CustomElementConstructor>;
284
420
  }
285
421
 
286
422
  export * from './elements.factory';
@@ -303,6 +439,8 @@ export declare const replaySvg = "data:image/svg+xml;charset=utf-8,<svg xmlns=\"
303
439
  export declare const replayWhiteSvg = "data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" data-testid=\"ReplayIcon\" aria-label=\"fontSize large\"><path fill=\"white\" d=\"M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z\"></path></svg>";
304
440
  export declare const likeSvg = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVSSURBVHgBzVltTFtVGH5PvzbaLq6fTOjccmlaCKwRN/zAGCVb2NABJsuSQZaYuO3P4o/FxUEYaAS3jKiBBEUNmM0Zrcbwh83InIqb8wcOJpYSoKHFBCEW2kImbek67vGcknbQ9ePe0sCeX/fe8957nr7nvM9537cIUkRO3p4CxAKzhKAAIWAQIBlGIKNjCIMXA+vEGM0ggAkyPmQf6bdCCkB8jDMzTTK5UlJOXqsMk+E8EQYnBrCiewGz3W6Z4fweFyNKbIty8xEW4UpIBzD8zJVoUoL6/KJyzEI1X48lnZh4FNgls33szi+J7ISJBvV5Tx9jAarJz5BAuoFADgLBs1vVOum8a+rP+GYxENprCkkdFqBdsB7A4PB6AmedTos3ekgQy16m3HRu3chREBWQKzbXxRp6aInpspL99hysNxBkxlruVQQZQ9FeLITXYINA9DJ3qyp7Yd41bQs/iyxxTk6xFoSoCjYYhGQ1jYHwvSh8gSXBKuJmLZeP7N9XojpQWrJti1wu/m9hIdjzY++/137qdfO1ic0QZFKiuUSEPl++hWXv4U3BTuCAzvYPnyx58YXtPp//vs/vvyfNyJBIpRmi3hu3Jmvqm0LH2cctFwqL9hRui7a5crXHcarm7WEu83jdgSoa1SEPhrzHAa3NjfmU3JXvexxNF1psbs9ckD5vaqgxVh85ZPiioy2D3uflGtSfdFwavnjZPBltQ6+5kJQpJBXEi+ZQkCg0uhOQ5KQw6JmMxndqd3/9bddYTf17o37/Ihse6735uzvg9/tfrXiZ0ahVUkrug9Z2R7QNs3OHuPzgfsZmG3ePO/72Q0IgZs413SWkWQkhVwFJ0FB72mg05CjO1DX+5Z5b9spKDAxa7mpUSjQ0POI619w6Husb/QOD8ydeP6pfYpeC1673ziackJxeSnXWkAhj2MUlZZDLpWKX2+Oz2R2+eDYNTc1jib7h8niC9Bs0cIADWJLOCWguB+sIGjCcjYVQQHQQabjYjtrsd9UqpfQAkQ9IEXQf02juuz2YXG4glPEwAiLVmVyML5GIpLJx5vQb+SqlQgQ8Qd/5tO39otlZt//GzVucCBKKMgHZg5zyPLp/PmrvsO54Yvtj333VWcyXJNVG+m5L22fWRPt4NT+QCRWabM7HG41UKievlJXuLN33kvbqD9enVkpJPFBxf774mWwqPx0Xv5wEHhAqtdlUYjhvXL4kwycP1c948hMXpPgSKtS6MuCZznMl+W79W8bKg2UMJdfQ2GwDvkDwj1CpeZzoINIBTyQjSckdrTpsSJkcUAfiMaFKm6XAgJ6CFBCPZDrIUZC6+zeyxFli4sG9kCKiSRaaCuSHD1XqaUJBz2xYCzD+RkgO5Bm+gZKIpNGgV/xKUq+Tp2qHYA0gJ5zTMdLfuZzNaLMIubUVSWGSQYJjJ98chLUCQx9xXl8oTTCZTLKF+5vM8AgBiQLH7RbLTKgmsVgsXgFG3fCogLRGKDl6GSmapOJFM1l3L2ww6N5D4kBkNSNlp9PpDKo0WcFUJSddQLDUabcORlp1q+piz+z0mEqto30+I2wASD+xm0Ru18pnD3UWPK6pO0qNroBcckrD0gjHxMjt89EPY/dmRIvnSXg7YP1g9YoCZ2MNJKxGSJ/mOGlaJi2o1gK6rBMjf8StyRP2B+lyk3xxhpaA5Da9DUxE+9j4MlnWhPrLqQWcYyKdh2CoNZLymb0S1Gs+ImtOiyWprPFqoj8gSo9FzKmPE5ko5DHU7RUudnMhlhLBlWBydxOSiPwFIWBI+aWljadwfRMiwyLv8l8Q7BDL4gnH6EBKycP/05ePdBFq824AAAAASUVORK5CYII=";
305
441
  export declare const newShareSvg = "data:image/png;base64,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";
442
+ 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>";
443
+ 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>";
306
444
 
307
445
  export type EnvironmentType = 'prod' | 'uat';
308
446
  export interface IBlazeSDKOptions {
@@ -328,12 +466,17 @@ export interface IDatabaseOptions {
328
466
  version: number;
329
467
  }
330
468
 
469
+ export interface IDrawable {
470
+ render: () => void;
471
+ }
472
+
331
473
  export * from './blaze-sdk.interface';
332
474
  export * from './database.interface';
333
475
  export * from './response.interface';
334
476
  export * from './service.interface';
335
477
  export * from './widget-options.interface';
336
478
  export * from './widget-view.interface';
479
+ export * from './drawable.interface';
337
480
 
338
481
  export default interface IntersectionObservable {
339
482
  intersectionObserver: IntersectionObserver;
@@ -353,6 +496,7 @@ export type ContentType = 'story';
353
496
  export interface IWidgetViewOptions {
354
497
  labels: string[];
355
498
  orderType: OrderType;
499
+ storyIds?: string[];
356
500
  maxItemsCount?: number;
357
501
  maxDisplayItemsCount?: number;
358
502
  contentType: ContentType;
@@ -547,6 +691,11 @@ declare const ApiServiceClass_base: {
547
691
  declare abstract class ApiServiceClass extends ApiServiceClass_base implements IService {
548
692
  api: API;
549
693
  init(): Promise<void>;
694
+ getStoriesByIds(storyIds: string[], orderType?: OrderType): Promise<IResponse<{
695
+ assetsExpiryTime: string;
696
+ totalItems: number;
697
+ result: IStory[];
698
+ }>>;
550
699
  getStories(labels: string, orderType: OrderType, maxItemsSize?: number): Promise<IResponse<{
551
700
  assetsExpiryTime: string;
552
701
  totalItems: number;
@@ -687,6 +836,7 @@ export * from './event.service';
687
836
  export * from './startup.service';
688
837
  export * from './user.service';
689
838
  export * from './video-cache.service';
839
+ export * from './video-player.service';
690
840
  export * from './widgets.service';
691
841
 
692
842
  declare const StartupServiceClass_base: {
@@ -735,6 +885,25 @@ declare abstract class VideoCacheServiceClass extends VideoCacheServiceClass_bas
735
885
  }
736
886
  export declare const VideoCacheService: VideoCacheServiceClass;
737
887
 
888
+ declare const VideoPlayerServiceClass_base: {
889
+ new (): {};
890
+ _instance: VideoPlayerServiceClass;
891
+ getInstance(): VideoPlayerServiceClass;
892
+ };
893
+ declare abstract class VideoPlayerServiceClass extends VideoPlayerServiceClass_base implements IService {
894
+ private _isMuted;
895
+ private _isPlaying;
896
+ private _isNavigating;
897
+ init(): Promise<void>;
898
+ get isMuted(): boolean;
899
+ set isMuted(value: boolean);
900
+ get isPlaying(): boolean;
901
+ set isPlaying(value: boolean);
902
+ get isNavigating(): boolean;
903
+ set isNavigating(value: boolean);
904
+ }
905
+ export declare const VideoPlayerService: VideoPlayerServiceClass;
906
+
738
907
  declare const WidgetsServiceClass_base: {
739
908
  new (): {};
740
909
  _instance: WidgetsServiceClass;
@@ -1193,6 +1362,7 @@ export * from './fetch-priority.type';
1193
1362
  export * from './order.type';
1194
1363
  export * from './severity.type';
1195
1364
  export * from './shape.type';
1365
+ export * from './size.type';
1196
1366
  export * from './thumbnail.type';
1197
1367
 
1198
1368
  export type OrderType = 'Manual' | 'AtoZ' | 'ZtoA' | 'RecentlyUpdatedFirst' | 'RecentlyUpdatedLast' | 'RecentlyCreatedFirst' | 'RecentlyCreatedLast';
@@ -1201,6 +1371,8 @@ export type SeverityType = 'error' | 'warning' | 'info' | 'success';
1201
1371
 
1202
1372
  export type ShapeType = 'rectangle' | 'custom' | 'circle';
1203
1373
 
1374
+ export type SizeType = 'small' | 'medium' | 'large';
1375
+
1204
1376
  export type ThumbnailType = 'SquareIcon' | 'VerticalTwoByThree';
1205
1377
 
1206
1378
  interface ChipSizeOptions {
@@ -1253,29 +1425,30 @@ export declare class Stopwatch {
1253
1425
  reset(): void;
1254
1426
  }
1255
1427
 
1256
- export { BlazeWidgetLabel } from './widget-label';
1257
- export { BlazeWidgetItem } from './widget-item';
1258
- export { BlazeWidgetLayout } from './widget-layout';
1259
- export { BlazeWidgetModal } from './widget-modal';
1260
- export { BlazeWidgetMoment } from './widget-moment';
1261
- export { BlazeWidgetMomentModal } from './widget-moment-modal';
1262
- export { BlazeWidgetMomentPlayer } from './widget-moment-player';
1263
- export { BlazeWidgetMomentPreview } from './widget-moment-preview';
1264
- export { BlazeWidgetScrollable } from './widget-scrollable';
1265
- export { BlazeWidgetSdk } from './widget-sdk';
1266
- export { BlazeWidgetStory } from './widget-story';
1267
- export { BlazeWidgetStoryImage } from './widget-story-image';
1268
- export { BlazeWidgetStoryModal } from './widget-story-modal';
1269
- export { BlazeWidgetStoryPlayer } from './widget-story-player';
1270
- export { BlazeWidgetStoryPreview } from './widget-story-preview';
1271
- export { BlazeWidgetStoryVideo } from './widget-story-video';
1428
+ export * from './widget-item';
1429
+ export * from './widget-label';
1430
+ export * from './widget-layout';
1431
+ export * from './widget-modal';
1432
+ export * from './widget-moment';
1433
+ export * from './widget-moment-modal';
1434
+ export * from './widget-moment-player';
1435
+ export * from './widget-moment-preview';
1436
+ export * from './widget-scrollable';
1437
+ export * from './widget-sdk';
1438
+ export * from './widget-share-modal';
1439
+ export * from './widget-story';
1440
+ export * from './widget-story-image';
1441
+ export * from './widget-story-modal';
1442
+ export * from './widget-story-player';
1443
+ export * from './widget-story-preview';
1444
+ export * from './widget-story-video';
1272
1445
 
1273
1446
  export interface BlazeWidgetItemOptions {
1274
1447
  theme: IWidgetTheme;
1275
1448
  story: IStory;
1276
1449
  thumbnailType: string;
1277
1450
  }
1278
- export declare class BlazeWidgetItem extends BaseHTMLElement {
1451
+ export declare class BlazeWidgetItem extends BaseWidget {
1279
1452
  protected options: BlazeWidgetItemOptions;
1280
1453
  wrapper: HTMLElement;
1281
1454
  container: HTMLElement;
@@ -1323,7 +1496,7 @@ export declare class BlazeWidgetLabel {
1323
1496
  }
1324
1497
 
1325
1498
  /// <reference types="node" />
1326
- export declare class BlazeWidgetLayout extends BaseHTMLElement implements Observable, IWidgetView {
1499
+ export declare class BlazeWidgetLayout extends BlazeWidgetScrollable implements Observable, IWidgetView {
1327
1500
  modal: BlazeWidgetStoryModal | undefined;
1328
1501
  modalMoments: BlazeWidgetMomentModal | undefined;
1329
1502
  stories: IStory[];
@@ -1336,8 +1509,6 @@ export declare class BlazeWidgetLayout extends BaseHTMLElement implements Observ
1336
1509
  analyticsStack: Record<WidgetAction, boolean>;
1337
1510
  intersectionObserver: IntersectionObserver;
1338
1511
  onResizeEvent: () => () => void;
1339
- buttonsState: never[];
1340
- totalMovement: number;
1341
1512
  constructor();
1342
1513
  addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
1343
1514
  setLabels(labels: string[]): void;
@@ -1346,9 +1517,8 @@ export declare class BlazeWidgetLayout extends BaseHTMLElement implements Observ
1346
1517
  reload(labels?: string[]): void;
1347
1518
  connectedCallback(): void;
1348
1519
  disconnectedCallback(): void;
1349
- onClick(event: MouseEvent): void;
1350
- onMouseMove(event: MouseEvent): void;
1351
- attributeChangedCallback(name: string, oldValue?: string, newValue?: string): void;
1520
+ set storyIds(value: string);
1521
+ attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
1352
1522
  setLabel(label: string | BlazeWidgetLabel): void;
1353
1523
  setMaxSize(maxSize: number): void;
1354
1524
  setMaxItemsSize(maxItemsSize: number): void;
@@ -1505,13 +1675,14 @@ export declare class BlazeWidgetMoment extends HTMLElement {
1505
1675
  render(): void;
1506
1676
  }
1507
1677
 
1508
- export declare class BlazeWidgetScrollable extends BaseHTMLElement {
1678
+ export declare class BlazeWidgetScrollable extends BaseWidget {
1509
1679
  buttonsState: never[];
1510
1680
  mouseMoveEvent: ((e: MouseEvent) => void | undefined) | undefined;
1511
1681
  touchMoveEvent: ((e: TouchEvent) => boolean | undefined) | undefined;
1512
1682
  clickEvent: ((e: MouseEvent) => void | undefined) | undefined;
1513
1683
  totalMovement: number;
1514
1684
  constructor();
1685
+ render(): void;
1515
1686
  connectedCallback(): void;
1516
1687
  onClick(event: MouseEvent): void;
1517
1688
  onMouseMove(event: MouseEvent): void;
@@ -1520,18 +1691,38 @@ export declare class BlazeWidgetScrollable extends BaseHTMLElement {
1520
1691
  disconnectedCallback(): void;
1521
1692
  }
1522
1693
 
1523
- export declare class BlazeWidgetSdk extends BaseHTMLElement {
1694
+ export declare class BlazeWidgetSDK extends BaseWidget {
1524
1695
  static isMuted: boolean;
1525
1696
  static isPlaying: boolean;
1697
+ modalStoryIds: BlazeWidgetStoryModal | undefined;
1526
1698
  static get observedAttributes(): string[];
1527
1699
  constructor();
1528
1700
  connectedCallback(): Promise<void>;
1701
+ loadStoriesByHash(storyIds: string): Promise<void>;
1529
1702
  attributeChangedCallback(name: string, oldValue: string, newValue: string): Promise<void>;
1530
1703
  private getConfigAttributes;
1531
1704
  private initialize;
1532
1705
  private injectFontResource;
1533
1706
  }
1534
1707
 
1708
+ export declare class BlazeWidgetShareModal extends BaseWidget {
1709
+ shareContainer: BlazeDiv;
1710
+ shareDrawer: BlazeDrawer;
1711
+ onOpen: (() => void) | undefined;
1712
+ onClose: (() => void) | undefined;
1713
+ constructor();
1714
+ connectedCallback(): Promise<void>;
1715
+ disconnectedCallback(): void;
1716
+ attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
1717
+ onDarwerOpen(): void;
1718
+ onDrawerClose(): void;
1719
+ open(): void;
1720
+ close(): void;
1721
+ renderButtons(): void;
1722
+ renderTitle(): void;
1723
+ render(): void;
1724
+ }
1725
+
1535
1726
  export declare class BlazeWidgetStoryBase extends HTMLElement {
1536
1727
  data: IPage | undefined;
1537
1728
  constructor();
@@ -1610,10 +1801,9 @@ export declare class BlazeWidgetStoryModal extends BlazeWidgetModal {
1610
1801
  render(): void;
1611
1802
  }
1612
1803
 
1613
- export declare class BlazeWidgetStoryPlayer extends BaseHTMLElement {
1804
+ export declare class BlazeWidgetStoryPlayer extends BaseWidget {
1614
1805
  data: any;
1615
1806
  hammer: HammerManager;
1616
- isNavigationBlocked: boolean;
1617
1807
  widgets: BlazeWidgetStory[];
1618
1808
  container: HTMLElement;
1619
1809
  index: number;
@@ -1622,6 +1812,9 @@ export declare class BlazeWidgetStoryPlayer extends BaseHTMLElement {
1622
1812
  items: BlazeWidgetStory[];
1623
1813
  touchStartX: number;
1624
1814
  touchStartY: number;
1815
+ edgeScreenThreshold: number;
1816
+ isEdgeThreshold: Boolean;
1817
+ isNavigationBlocked: boolean;
1625
1818
  background: HTMLCanvasElement;
1626
1819
  tmpBackground: HTMLCanvasElement;
1627
1820
  onClose: (() => void) | undefined;
@@ -1636,9 +1829,11 @@ export declare class BlazeWidgetStoryPlayer extends BaseHTMLElement {
1636
1829
  disconnectedCallback(): void;
1637
1830
  attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
1638
1831
  private setupHammer;
1832
+ private isTouchOnScreenEdges;
1639
1833
  private handlePanStart;
1640
1834
  private handlePanMove;
1641
1835
  private handlePanEnd;
1836
+ private updateLocationStoryHash;
1642
1837
  private reverseAnimation;
1643
1838
  private cleanupHammer;
1644
1839
  renderBackground(): void;
@@ -1652,14 +1847,15 @@ export declare class BlazeWidgetStoryPlayer extends BaseHTMLElement {
1652
1847
  resetPosition(): void;
1653
1848
  play(): void;
1654
1849
  clean(): void;
1655
- nextAnimation(): AnimeTimelineInstance | null;
1656
- prevAnimation(): AnimeTimelineInstance | null;
1850
+ nextAnimation(): AnimeTimelineInstance | undefined;
1851
+ prevAnimation(): AnimeTimelineInstance | undefined;
1657
1852
  onAnimationEnd(): void;
1658
1853
  blockInteractionWithUserInterface(): void;
1659
1854
  closeWithAnimation(): void;
1660
1855
  goPrev(): void;
1661
1856
  goNext(): void;
1662
1857
  handleAnimation(distance: number, story: BlazeWidgetStory, currentAnimation?: AnimeInstance | null): void;
1858
+ onSmallGestures(currentAnimation: AnimeInstance, currentStory: BlazeWidgetStory): void;
1663
1859
  onKeyDown(ev: KeyboardEvent): boolean;
1664
1860
  render(): void;
1665
1861
  }
@@ -1764,6 +1960,7 @@ export declare class BlazeWidgetStoryVideo extends BlazeWidgetStoryBase {
1764
1960
  export declare class BlazeWidgetStory extends HTMLElement {
1765
1961
  pages: BlazeWidgetStoryBase[];
1766
1962
  data: IStory;
1963
+ shareModal: BlazeWidgetShareModal | undefined;
1767
1964
  pageIndex: number;
1768
1965
  container: HTMLElement;
1769
1966
  progress: HTMLElement;
@@ -1796,6 +1993,7 @@ export declare class BlazeWidgetStory extends HTMLElement {
1796
1993
  playerStyle: StoryPlayerStyle;
1797
1994
  listeners: EventsListener;
1798
1995
  constructor();
1996
+ onShareClick(): Promise<void>;
1799
1997
  updateChip(): void;
1800
1998
  setTheme(storyPlayerStyle: StoryPlayerStyle): void;
1801
1999
  updatePlayerButtonIcons(): void;
@@ -1820,6 +2018,7 @@ export declare class BlazeWidgetStory extends HTMLElement {
1820
2018
  play(): void;
1821
2019
  event(action: StoryAction, data: Partial<StoryEvent>, label?: string | undefined): void;
1822
2020
  connectedCallback(): void;
2021
+ onShareModalClose(): void;
1823
2022
  onVisibilityChange(): void;
1824
2023
  onBlur(): void;
1825
2024
  onFocus(): void;