@everymatrix/blog-articles-grid 1.94.9 → 1.94.15

package/dist/types/components/blog-articles-grid/blog-articles-grid.d.ts

@@ -1,11 +1,12 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import { type Device } from "../../../../../../libs/common/src/device/index";
 import "../../../../../../dist/packages/stencil/helper-pagination/dist/types/index";
 import type { BlogPost, BlogPostResponse } from '../../utils/type';
 export declare class BlogArticlesGrid {
     /**
      * Endpoint URL for the source of data
      */
-    cmsEndpoint: string;
+    cmsEndpoint?: string;
     /**
     * Language of the widget
     */
@@ -21,7 +22,7 @@ export declare class BlogArticlesGrid {
     /**
     * Client custom styling via streamStyling
     */
-    mbSource: string;
+    mbSource?: string;
     /**
     * Client custom styling via string
     */
@@ -65,7 +66,7 @@ export declare class BlogArticlesGrid {
     /**
      * Customize pagination: Activate pagination
      */
-    paginationActive: boolean;
+    paginationActive?: boolean;
     /**
      * Customize pagination: Activate pagination arrows
      */
@@ -90,42 +91,42 @@ export declare class BlogArticlesGrid {
      * Filter blog post list using eventId from Sport page
     */
     eventId?: string;
-    articleActionButton: EventEmitter<Object>;
+    articleActionButton: EventEmitter<Object> | undefined;
     getArticleId(postId: number, slug: string, customPath: string): void;
     paginationBlogList: any;
     currentPage: number;
     hasErrors: boolean;
     private isLoading;
     bannerMatrixReady: boolean;
-    nextPage: string;
-    previousPage: string;
-    device: string;
-    displayedBlogResponse: BlogPostResponse;
-    paginationBlogResponse: BlogPostResponse;
-    allBlogResponse: BlogPostResponse;
+    nextPage: string | null;
+    previousPage: string | null;
+    device: Device;
+    displayedBlogResponse?: BlogPostResponse;
+    paginationBlogResponse?: BlogPostResponse;
+    allBlogResponse?: BlogPostResponse;
     totalBlogs: number;
     lastPage: number;
-    clientStylingContent: string;
     private isInitialized;
     handleBannerReady(): void;
     watchEndpoint(newValue: string, oldValue: string): void;
-    handleClientStylingChange(newValue: any, oldValue: any): void;
-    handleClientStylingChangeURL(newValue: any, oldValue: any): void;
-    private stylingContainer;
+    handleClientStylingChange(newValue: string, oldValue: string): void;
+    handleClientStylingChangeURL(newValue: string, oldValue: string): void;
+    private stylingContainer?;
     private stylingSubscription;
-    private defaultStyling;
+    private paginationDefaultStyling;
     hpPageChange(event: CustomEvent<BlogArticlesGrid>): void;
     sortArticlesByDate(blogItems: BlogPost[]): BlogPost[];
     findLatestFeatured(blogItems: BlogPost[]): BlogPost;
-    moveLatestFeatureToStart(blogItems: BlogPost[], latestFeatured: BlogPost): BlogPost[];
+    moveLatestFeatureToStart(blogItems: BlogPost[], latestFeatured: BlogPost | null): BlogPost[];
     fetchBlogPosts(page?: number, allPosts?: boolean): Promise<BlogPostResponse>;
     getBlogArticleGrid(forceFetch?: boolean, page?: number): Promise<void>;
     componentWillLoad(): void;
+    handleClientStyling(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
     setImage: (image: any) => string;
-    parseDate(dateString: any): Date;
-    formatDate(dateString: any): string;
-    renderContentConditionally: (content: string) => HTMLElement;
+    parseDate(dateString: string): Date;
+    formatDate(dateString: string): string;
+    renderContentConditionally: (content: string) => HTMLElement | null;
     render(): void;
 }

package/dist/types/components.d.ts

@@ -26,7 +26,7 @@ export namespace Components {
         /**
           * Endpoint URL for the source of data
          */
-        "cmsEndpoint": string;
+        "cmsEndpoint"?: string;
         /**
           * CMS Endpoint stage
          */
@@ -46,7 +46,7 @@ export namespace Components {
         /**
           * Client custom styling via streamStyling
          */
-        "mbSource": string;
+        "mbSource"?: string;
         /**
           * Customize pagination: Activate pagination numbered navigation
          */
@@ -58,7 +58,7 @@ export namespace Components {
         /**
           * Customize pagination: Activate pagination
          */
-        "paginationActive": boolean;
+        "paginationActive"?: boolean;
         /**
           * Event name to be sent when the button is clicked
          */
@@ -103,7 +103,7 @@ export interface BlogArticlesGridCustomEvent<T> extends CustomEvent<T> {
 }
 declare global {
     interface HTMLBlogArticlesGridElementEventMap {
-        "articleActionButton": Object;
+        "articleActionButton": any;
     }
     interface HTMLBlogArticlesGridElement extends Components.BlogArticlesGrid, HTMLStencilElement {
         addEventListener<K extends keyof HTMLBlogArticlesGridElementEventMap>(type: K, listener: (this: HTMLBlogArticlesGridElement, ev: BlogArticlesGridCustomEvent<HTMLBlogArticlesGridElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -169,7 +169,7 @@ declare namespace LocalJSX {
           * Customize pagination: Activate pagination numbered navigation
          */
         "numberedNavActive"?: boolean;
-        "onArticleActionButton"?: (event: BlogArticlesGridCustomEvent<Object>) => void;
+        "onArticleActionButton"?: (event: BlogArticlesGridCustomEvent<any>) => void;
         /**
           * Page to particularly be opened on start
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/blog-articles-grid",
-  "version": "1.94.9",
+  "version": "1.94.15",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",
   "es2015": "./dist/esm/index.mjs",

package/dist/collection/utils/utils.js

@@ -1,67 +0,0 @@
-export function checkDeviceType() {
-    const userAgent = navigator.userAgent.toLowerCase();
-    const width = screen.availWidth;
-    const height = screen.availHeight;
-    if (userAgent.includes('iphone')) {
-        return 'mobile';
-    }
-    if (userAgent.includes('android')) {
-        if (height > width && width < 800) {
-            return 'mobile';
-        }
-        if (width > height && height < 800) {
-            return 'tablet';
-        }
-    }
-    return 'desktop';
-}
-function checkCustomDeviceWidth() {
-    const width = screen.availWidth;
-    if (width < 600) {
-        return 'mobile';
-    }
-    else if (width >= 600 && width < 1100) {
-        return 'tablet';
-    }
-}
-function isIpad() {
-    const userAgent = navigator.userAgent.toLowerCase();
-    // Traditional iPad user agent
-    if (userAgent.includes('ipad')) {
-        return true;
-    }
-    return userAgent.indexOf('macintosh') > -1 && navigator.maxTouchPoints && navigator.maxTouchPoints > 2;
-}
-export function getDeviceCustom() {
-    const userAgent = navigator.userAgent.toLowerCase();
-    let source = '';
-    source = (userAgent.includes('android') || userAgent.includes('iphone') || isIpad()) ? checkCustomDeviceWidth() : 'desktop';
-    return source;
-}
-export const getDevice = () => {
-    let userAgent = window.navigator.userAgent;
-    if (userAgent.toLowerCase().match(/android/i)) {
-        return 'Android';
-    }
-    if (userAgent.toLowerCase().match(/iphone/i)) {
-        return 'iPhone';
-    }
-    if (userAgent.toLowerCase().match(/ipad|ipod/i)) {
-        return 'iPad';
-    }
-    return 'PC';
-};
-export const getDevicePlatform = () => {
-    const device = getDevice();
-    if (device) {
-        if (device === 'PC') {
-            return 'dk';
-        }
-        else if (device === 'iPad' || device === 'iPhone') {
-            return 'mtWeb';
-        }
-        else {
-            return 'mtWeb';
-        }
-    }
-};

package/dist/types/utils/utils.d.ts

@@ -1,4 +0,0 @@
-export declare function checkDeviceType(): 'mobile' | 'tablet' | 'desktop';
-export declare function getDeviceCustom(): string;
-export declare const getDevice: () => "Android" | "iPhone" | "iPad" | "PC";
-export declare const getDevicePlatform: () => "dk" | "mtWeb";