Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@everymatrix/blog-article-details

Package Overview
Dependencies
Maintainers
12
Versions
157
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@everymatrix/blog-article-details - npm Package Compare versions

Comparing version 1.13.7 to 1.13.17

dist/blog-article-details/p-68e0210a.js

2

dist/blog-article-details/blog-article-details.esm.js

@@ -1,1 +0,1 @@

import{p as e,b as n}from"./p-3dbba26e.js";(()=>{const n=import.meta.url,t={};return""!==n&&(t.resourcesUrl=new URL(".",n).href),e(t)})().then((e=>n([["p-8aff42e8",[[1,"blog-article-details",{cmsEndpoint:[1,"cms-endpoint"],language:[1],handleClick:[1,"handle-click"],clientStyling:[1,"client-styling"],clientStylingUrl:[1,"client-styling-url"],showPublishingDate:[4,"show-publishing-date"],showImage:[4,"show-image"],showTitle:[4,"show-title"],showContent:[4,"show-content"],postMessageEvent:[1,"post-message-event"],postId:[2,"post-id"],hasErrors:[32],limitStylingAppends:[32],isLoading:[32],bannerMatrixReady:[32],device:[32]},[[8,"BannerMatrixReady","handleBannerReady"]]]]]],e)));
import{p as e,b as n}from"./p-68e0210a.js";(()=>{const n=import.meta.url,s={};return""!==n&&(s.resourcesUrl=new URL(".",n).href),e(s)})().then((e=>n([["p-d34c740d",[[1,"blog-article-details",{cmsEndpoint:[513,"cms-endpoint"],language:[513],userRoles:[513,"user-roles"],cmsEnv:[513,"cms-env"],handleClick:[513,"handle-click"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],showPublishingDate:[516,"show-publishing-date"],showImage:[516,"show-image"],showTitle:[516,"show-title"],showContent:[516,"show-content"],postMessageEvent:[513,"post-message-event"],postId:[514,"post-id"],hasErrors:[32],limitStylingAppends:[32],isLoading:[32],bannerMatrixReady:[32],device:[32]},[[8,"BannerMatrixReady","handleBannerReady"]]]]]],e)));

@@ -5,3 +5,3 @@ 'use strict';

const index = require('./index-c42ed382.js');
const index = require('./index-d983d0f8.js');

@@ -46,2 +46,29 @@ const DEFAULT_LANGUAGE = 'en';

}
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';
};
const getDevicePlatform = () => {
const device = getDevice();
if (device) {
if (device === 'PC') {
return 'dk';
}
else if (device === 'iPad' || device === 'iPhone') {
return 'mtWeb';
}
else {
return 'mtWeb';
}
}
};

@@ -58,2 +85,10 @@ const blogArticleDetailsCss = ":host {\n display: block;\n}\n\n.GridContainer {\n overflow: auto;\n margin: auto;\n width: 100%;\n padding-bottom: 30px;\n background-color: #07072A;\n display: grid;\n grid-template-rows: auto;\n grid-template-columns: 30px 60px 1fr 30px;\n gap: 10px;\n}\n.GridContainer .BlogBanner {\n grid-column: 1/5;\n grid-row: 1/3;\n}\n.GridContainer .BlogBanner img {\n width: 100%;\n height: auto;\n}\n.GridContainer .BlogDate {\n grid-column: 2/3;\n grid-row: 2/3;\n font-size: 12px;\n border-radius: 5px 5px 0 0;\n padding: 10px;\n width: fit-content;\n text-align: center;\n color: #FFF;\n background-color: #0D0D4D;\n z-index: 1;\n}\n.GridContainer .BlogTitle {\n grid-column: 2/4;\n font-size: 24px;\n color: #FFF;\n}\n.GridContainer .BlogContent {\n grid-column: 2/4;\n font-size: 14px;\n color: #FFF;\n}\n\n@container (max-width: 475px) {\n .GridContainer {\n font-size: 12px;\n }\n}";

/**
* User roles
*/
this.userRoles = 'everyone';
/**
* CMS Endpoint stage
*/
this.cmsEnv = 'stage';
/**
* Client custom styling via string

@@ -71,4 +106,4 @@ */

/**
* Property used to display the image
*/
* Property used to display the image
*/
this.showImage = true;

@@ -142,2 +177,5 @@ /**

let url = new URL(`${this.cmsEndpoint}/${this.language}/blog-posts/${this.postId}`);
url.searchParams.append('env', this.cmsEnv);
url.searchParams.append('userRoles', this.userRoles);
url.searchParams.append('platform', getDevicePlatform());
fetch(url.href)

@@ -144,0 +182,0 @@ .then((res) => {

'use strict';
const index = require('./index-c42ed382.js');
const index = require('./index-d983d0f8.js');

@@ -18,3 +18,3 @@ /*

patchBrowser().then(options => {
return index.bootstrapLazy([["blog-article-details.cjs",[[1,"blog-article-details",{"cmsEndpoint":[1,"cms-endpoint"],"language":[1],"handleClick":[1,"handle-click"],"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"showPublishingDate":[4,"show-publishing-date"],"showImage":[4,"show-image"],"showTitle":[4,"show-title"],"showContent":[4,"show-content"],"postMessageEvent":[1,"post-message-event"],"postId":[2,"post-id"],"hasErrors":[32],"limitStylingAppends":[32],"isLoading":[32],"bannerMatrixReady":[32],"device":[32]},[[8,"BannerMatrixReady","handleBannerReady"]]]]]], options);
return index.bootstrapLazy([["blog-article-details.cjs",[[1,"blog-article-details",{"cmsEndpoint":[513,"cms-endpoint"],"language":[513],"userRoles":[513,"user-roles"],"cmsEnv":[513,"cms-env"],"handleClick":[513,"handle-click"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"showPublishingDate":[516,"show-publishing-date"],"showImage":[516,"show-image"],"showTitle":[516,"show-title"],"showContent":[516,"show-content"],"postMessageEvent":[513,"post-message-event"],"postId":[514,"post-id"],"hasErrors":[32],"limitStylingAppends":[32],"isLoading":[32],"bannerMatrixReady":[32],"device":[32]},[[8,"BannerMatrixReady","handleBannerReady"]]]]]], options);
});

@@ -5,3 +5,3 @@ 'use strict';

const index = require('./index-c42ed382.js');
const index = require('./index-d983d0f8.js');

@@ -18,3 +18,3 @@ /*

return patchEsm().then(() => {
return index.bootstrapLazy([["blog-article-details.cjs",[[1,"blog-article-details",{"cmsEndpoint":[1,"cms-endpoint"],"language":[1],"handleClick":[1,"handle-click"],"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"showPublishingDate":[4,"show-publishing-date"],"showImage":[4,"show-image"],"showTitle":[4,"show-title"],"showContent":[4,"show-content"],"postMessageEvent":[1,"post-message-event"],"postId":[2,"post-id"],"hasErrors":[32],"limitStylingAppends":[32],"isLoading":[32],"bannerMatrixReady":[32],"device":[32]},[[8,"BannerMatrixReady","handleBannerReady"]]]]]], options);
return index.bootstrapLazy([["blog-article-details.cjs",[[1,"blog-article-details",{"cmsEndpoint":[513,"cms-endpoint"],"language":[513],"userRoles":[513,"user-roles"],"cmsEnv":[513,"cms-env"],"handleClick":[513,"handle-click"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"showPublishingDate":[516,"show-publishing-date"],"showImage":[516,"show-image"],"showTitle":[516,"show-title"],"showContent":[516,"show-content"],"postMessageEvent":[513,"post-message-event"],"postId":[514,"post-id"],"hasErrors":[32],"limitStylingAppends":[32],"isLoading":[32],"bannerMatrixReady":[32],"device":[32]},[[8,"BannerMatrixReady","handleBannerReady"]]]]]], options);
});

@@ -21,0 +21,0 @@ };

import { Component, Prop, State, Watch, h, Listen } from '@stencil/core';
import { translate } from '../../utils/locale.utils';
import { checkDeviceType } from '../../utils/utils';
import { checkDeviceType, getDevicePlatform } from '../../utils/utils';
export class BlogArticleDetails {

@@ -11,2 +11,10 @@ constructor() {

/**
* User roles
*/
this.userRoles = 'everyone';
/**
* CMS Endpoint stage
*/
this.cmsEnv = 'stage';
/**
* Client custom styling via string

@@ -24,4 +32,4 @@ */

/**
* Property used to display the image
*/
* Property used to display the image
*/
this.showImage = true;

@@ -95,2 +103,5 @@ /**

let url = new URL(`${this.cmsEndpoint}/${this.language}/blog-posts/${this.postId}`);
url.searchParams.append('env', this.cmsEnv);
url.searchParams.append('userRoles', this.userRoles);
url.searchParams.append('platform', getDevicePlatform());
fetch(url.href)

@@ -173,3 +184,3 @@ .then((res) => {

"attribute": "cms-endpoint",
"reflect": false
"reflect": true
},

@@ -191,5 +202,41 @@ "language": {

"attribute": "language",
"reflect": false,
"reflect": true,
"defaultValue": "'en'"
},
"userRoles": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "User roles"
},
"attribute": "user-roles",
"reflect": true,
"defaultValue": "'everyone'"
},
"cmsEnv": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "CMS Endpoint stage"
},
"attribute": "cms-env",
"reflect": true,
"defaultValue": "'stage'"
},
"handleClick": {

@@ -210,3 +257,3 @@ "type": "string",

"attribute": "handle-click",
"reflect": false
"reflect": true
},

@@ -228,3 +275,3 @@ "clientStyling": {

"attribute": "client-styling",
"reflect": false,
"reflect": true,
"defaultValue": "''"

@@ -247,3 +294,3 @@ },

"attribute": "client-styling-url",
"reflect": false,
"reflect": true,
"defaultValue": "''"

@@ -266,3 +313,3 @@ },

"attribute": "show-publishing-date",
"reflect": false,
"reflect": true,
"defaultValue": "true"

@@ -285,3 +332,3 @@ },

"attribute": "show-image",
"reflect": false,
"reflect": true,
"defaultValue": "true"

@@ -304,3 +351,3 @@ },

"attribute": "show-title",
"reflect": false,
"reflect": true,
"defaultValue": "true"

@@ -323,3 +370,3 @@ },

"attribute": "show-content",
"reflect": false,
"reflect": true,
"defaultValue": "true"

@@ -342,3 +389,3 @@ },

"attribute": "post-message-event",
"reflect": false,
"reflect": true,
"defaultValue": "'articleActionButton'"

@@ -361,3 +408,3 @@ },

"attribute": "post-id",
"reflect": false
"reflect": true
}

@@ -364,0 +411,0 @@ }; }

@@ -18,1 +18,28 @@ export function checkDeviceType() {

}
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';
}
}
};

@@ -41,2 +41,29 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';

}
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';
};
const getDevicePlatform = () => {
const device = getDevice();
if (device) {
if (device === 'PC') {
return 'dk';
}
else if (device === 'iPad' || device === 'iPhone') {
return 'mtWeb';
}
else {
return 'mtWeb';
}
}
};

@@ -55,2 +82,10 @@ const blogArticleDetailsCss = ":host {\n display: block;\n}\n\n.GridContainer {\n overflow: auto;\n margin: auto;\n width: 100%;\n padding-bottom: 30px;\n background-color: #07072A;\n display: grid;\n grid-template-rows: auto;\n grid-template-columns: 30px 60px 1fr 30px;\n gap: 10px;\n}\n.GridContainer .BlogBanner {\n grid-column: 1/5;\n grid-row: 1/3;\n}\n.GridContainer .BlogBanner img {\n width: 100%;\n height: auto;\n}\n.GridContainer .BlogDate {\n grid-column: 2/3;\n grid-row: 2/3;\n font-size: 12px;\n border-radius: 5px 5px 0 0;\n padding: 10px;\n width: fit-content;\n text-align: center;\n color: #FFF;\n background-color: #0D0D4D;\n z-index: 1;\n}\n.GridContainer .BlogTitle {\n grid-column: 2/4;\n font-size: 24px;\n color: #FFF;\n}\n.GridContainer .BlogContent {\n grid-column: 2/4;\n font-size: 14px;\n color: #FFF;\n}\n\n@container (max-width: 475px) {\n .GridContainer {\n font-size: 12px;\n }\n}";

/**
* User roles
*/
this.userRoles = 'everyone';
/**
* CMS Endpoint stage
*/
this.cmsEnv = 'stage';
/**
* Client custom styling via string

@@ -68,4 +103,4 @@ */

/**
* Property used to display the image
*/
* Property used to display the image
*/
this.showImage = true;

@@ -139,2 +174,5 @@ /**

let url = new URL(`${this.cmsEndpoint}/${this.language}/blog-posts/${this.postId}`);
url.searchParams.append('env', this.cmsEnv);
url.searchParams.append('userRoles', this.userRoles);
url.searchParams.append('platform', getDevicePlatform());
fetch(url.href)

@@ -193,13 +231,15 @@ .then((res) => {

}, [1, "blog-article-details", {
"cmsEndpoint": [1, "cms-endpoint"],
"language": [1],
"handleClick": [1, "handle-click"],
"clientStyling": [1, "client-styling"],
"clientStylingUrl": [1, "client-styling-url"],
"showPublishingDate": [4, "show-publishing-date"],
"showImage": [4, "show-image"],
"showTitle": [4, "show-title"],
"showContent": [4, "show-content"],
"postMessageEvent": [1, "post-message-event"],
"postId": [2, "post-id"],
"cmsEndpoint": [513, "cms-endpoint"],
"language": [513],
"userRoles": [513, "user-roles"],
"cmsEnv": [513, "cms-env"],
"handleClick": [513, "handle-click"],
"clientStyling": [513, "client-styling"],
"clientStylingUrl": [513, "client-styling-url"],
"showPublishingDate": [516, "show-publishing-date"],
"showImage": [516, "show-image"],
"showTitle": [516, "show-title"],
"showContent": [516, "show-content"],
"postMessageEvent": [513, "post-message-event"],
"postId": [514, "post-id"],
"hasErrors": [32],

@@ -206,0 +246,0 @@ "limitStylingAppends": [32],

@@ -1,2 +0,2 @@

import { r as registerInstance, h } from './index-87a2a2ff.js';
import { r as registerInstance, h } from './index-a6d43dfd.js';

@@ -41,2 +41,29 @@ const DEFAULT_LANGUAGE = 'en';

}
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';
};
const getDevicePlatform = () => {
const device = getDevice();
if (device) {
if (device === 'PC') {
return 'dk';
}
else if (device === 'iPad' || device === 'iPhone') {
return 'mtWeb';
}
else {
return 'mtWeb';
}
}
};

@@ -53,2 +80,10 @@ const blogArticleDetailsCss = ":host {\n display: block;\n}\n\n.GridContainer {\n overflow: auto;\n margin: auto;\n width: 100%;\n padding-bottom: 30px;\n background-color: #07072A;\n display: grid;\n grid-template-rows: auto;\n grid-template-columns: 30px 60px 1fr 30px;\n gap: 10px;\n}\n.GridContainer .BlogBanner {\n grid-column: 1/5;\n grid-row: 1/3;\n}\n.GridContainer .BlogBanner img {\n width: 100%;\n height: auto;\n}\n.GridContainer .BlogDate {\n grid-column: 2/3;\n grid-row: 2/3;\n font-size: 12px;\n border-radius: 5px 5px 0 0;\n padding: 10px;\n width: fit-content;\n text-align: center;\n color: #FFF;\n background-color: #0D0D4D;\n z-index: 1;\n}\n.GridContainer .BlogTitle {\n grid-column: 2/4;\n font-size: 24px;\n color: #FFF;\n}\n.GridContainer .BlogContent {\n grid-column: 2/4;\n font-size: 14px;\n color: #FFF;\n}\n\n@container (max-width: 475px) {\n .GridContainer {\n font-size: 12px;\n }\n}";

/**
* User roles
*/
this.userRoles = 'everyone';
/**
* CMS Endpoint stage
*/
this.cmsEnv = 'stage';
/**
* Client custom styling via string

@@ -66,4 +101,4 @@ */

/**
* Property used to display the image
*/
* Property used to display the image
*/
this.showImage = true;

@@ -137,2 +172,5 @@ /**

let url = new URL(`${this.cmsEndpoint}/${this.language}/blog-posts/${this.postId}`);
url.searchParams.append('env', this.cmsEnv);
url.searchParams.append('userRoles', this.userRoles);
url.searchParams.append('platform', getDevicePlatform());
fetch(url.href)

@@ -139,0 +177,0 @@ .then((res) => {

@@ -1,2 +0,2 @@

import { p as promiseResolve, b as bootstrapLazy } from './index-87a2a2ff.js';
import { p as promiseResolve, b as bootstrapLazy } from './index-a6d43dfd.js';

@@ -16,3 +16,3 @@ /*

patchBrowser().then(options => {
return bootstrapLazy([["blog-article-details",[[1,"blog-article-details",{"cmsEndpoint":[1,"cms-endpoint"],"language":[1],"handleClick":[1,"handle-click"],"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"showPublishingDate":[4,"show-publishing-date"],"showImage":[4,"show-image"],"showTitle":[4,"show-title"],"showContent":[4,"show-content"],"postMessageEvent":[1,"post-message-event"],"postId":[2,"post-id"],"hasErrors":[32],"limitStylingAppends":[32],"isLoading":[32],"bannerMatrixReady":[32],"device":[32]},[[8,"BannerMatrixReady","handleBannerReady"]]]]]], options);
return bootstrapLazy([["blog-article-details",[[1,"blog-article-details",{"cmsEndpoint":[513,"cms-endpoint"],"language":[513],"userRoles":[513,"user-roles"],"cmsEnv":[513,"cms-env"],"handleClick":[513,"handle-click"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"showPublishingDate":[516,"show-publishing-date"],"showImage":[516,"show-image"],"showTitle":[516,"show-title"],"showContent":[516,"show-content"],"postMessageEvent":[513,"post-message-event"],"postId":[514,"post-id"],"hasErrors":[32],"limitStylingAppends":[32],"isLoading":[32],"bannerMatrixReady":[32],"device":[32]},[[8,"BannerMatrixReady","handleBannerReady"]]]]]], options);
});

@@ -1,2 +0,2 @@

import { p as promiseResolve, b as bootstrapLazy } from './index-87a2a2ff.js';
import { p as promiseResolve, b as bootstrapLazy } from './index-a6d43dfd.js';

@@ -13,3 +13,3 @@ /*

return patchEsm().then(() => {
return bootstrapLazy([["blog-article-details",[[1,"blog-article-details",{"cmsEndpoint":[1,"cms-endpoint"],"language":[1],"handleClick":[1,"handle-click"],"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"showPublishingDate":[4,"show-publishing-date"],"showImage":[4,"show-image"],"showTitle":[4,"show-title"],"showContent":[4,"show-content"],"postMessageEvent":[1,"post-message-event"],"postId":[2,"post-id"],"hasErrors":[32],"limitStylingAppends":[32],"isLoading":[32],"bannerMatrixReady":[32],"device":[32]},[[8,"BannerMatrixReady","handleBannerReady"]]]]]], options);
return bootstrapLazy([["blog-article-details",[[1,"blog-article-details",{"cmsEndpoint":[513,"cms-endpoint"],"language":[513],"userRoles":[513,"user-roles"],"cmsEnv":[513,"cms-env"],"handleClick":[513,"handle-click"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"showPublishingDate":[516,"show-publishing-date"],"showImage":[516,"show-image"],"showTitle":[516,"show-title"],"showContent":[516,"show-content"],"postMessageEvent":[513,"post-message-event"],"postId":[514,"post-id"],"hasErrors":[32],"limitStylingAppends":[32],"isLoading":[32],"bannerMatrixReady":[32],"device":[32]},[[8,"BannerMatrixReady","handleBannerReady"]]]]]], options);
});

@@ -16,0 +16,0 @@ };

@@ -23,2 +23,6 @@ /* eslint-disable */

/**
* CMS Endpoint stage
*/
"cmsEnv": string;
/**
* Handle when you click on show more button

@@ -55,2 +59,6 @@ */

"showTitle": boolean;
/**
* User roles
*/
"userRoles": string;
}

@@ -84,2 +92,6 @@ }

/**
* CMS Endpoint stage
*/
"cmsEnv"?: string;
/**
* Handle when you click on show more button

@@ -116,2 +128,6 @@ */

"showTitle"?: boolean;
/**
* User roles
*/
"userRoles"?: string;
}

@@ -118,0 +134,0 @@ interface IntrinsicElements {

@@ -11,2 +11,10 @@ export declare class BlogArticleDetails {

/**
* User roles
*/
userRoles: string;
/**
* CMS Endpoint stage
*/
cmsEnv: string;
/**
* Handle when you click on show more button

@@ -28,4 +36,4 @@ */

/**
* Property used to display the image
*/
* Property used to display the image
*/
showImage: boolean;

@@ -32,0 +40,0 @@ /**

export declare function checkDeviceType(): 'mobile' | 'tablet' | 'desktop';
export declare const getDevice: () => "Android" | "iPhone" | "iPad" | "PC";
export declare const getDevicePlatform: () => "dk" | "mtWeb";
{
"name": "@everymatrix/blog-article-details",
"version": "1.13.7",
"version": "1.13.17",
"main": "./dist/index.cjs.js",

@@ -5,0 +5,0 @@ "module": "./dist/index.js",

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc