@everymatrix/general-stories 1.54.11 → 1.55.0

package/dist/collection/components/general-stories/general-stories.js

@@ -3,35 +3,9 @@ import { getDevicePlatform } from "../../utils/utils";
 import { translate, getTranslations } from "../../utils/locale.utils";
 export class GeneralStories {
     constructor() {
-        /**
-         * Language of the widget
-         */
-        this.language = 'en';
-        /**
-        * CMS Endpoint stage
-        */
-        this.cmsEnv = 'stage';
-        /**
-        * Client custom styling via string
-        */
-        this.clientStyling = '';
-        /**
-         * Client custom styling via url
-         */
-        this.clientStylingUrl = '';
-        /**
-         * Translations via URL
-         */
-        this.translationUrl = '';
-        /**
-         * Duration of progress bar
-         */
-        this.progressBarDuration = 10;
         this.hasErrors = false;
         this.isLoading = true;
         this.isSwipe = false;
-        this.currentStoryId = null;
-        this.progress = 0;
         this.getStories = () => {
             let url = new URL(`${this.cmsEndpoint}/${this.language}/stories`);
             url.searchParams.append('env', this.cmsEnv);
@@ -127,6 +101,18 @@ export class GeneralStories {
             const open = () => this.openFullScreenStory(props.id);
             return (h("div", { class: `StoryThumbnailContainer ${props.viewed ? 'Viewed' : 'Highlighted'}`, onTouchStart: open }, h("img", { class: `StoryThumbnailImage ${props.viewed ? 'Viewed' : 'Highlighted'}`, src: props.icon, alt: "story-icon" })));
         };
+        this.cmsEndpoint = undefined;
+        this.language = 'en';
+        this.cmsEnv = 'stage';
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.translationUrl = '';
+        this.progressBarDuration = 10;
+        this.currentStory = undefined;
+        this.currentStoryId = null;
+        this.progress = 0;
+        this.touchPosStart = undefined;
+        this.touchPosEnd = undefined;
     }
     handleStylingUpdate() {
         if (this.clientStyling)
@@ -232,8 +218,6 @@ export class GeneralStories {
                     "tags": [],
                     "text": "Endpoint URL for the source of data"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "cms-endpoint",
                 "reflect": true
             },
@@ -251,8 +235,6 @@ export class GeneralStories {
                     "tags": [],
                     "text": "Language of the widget"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "language",
                 "reflect": true,
                 "defaultValue": "'en'"
@@ -271,8 +253,6 @@ export class GeneralStories {
                     "tags": [],
                     "text": "CMS Endpoint stage"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "cms-env",
                 "reflect": true,
                 "defaultValue": "'stage'"
@@ -291,8 +271,6 @@ export class GeneralStories {
                     "tags": [],
                     "text": "Client custom styling via string"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "client-styling",
                 "reflect": true,
                 "defaultValue": "''"
@@ -311,8 +289,6 @@ export class GeneralStories {
                     "tags": [],
                     "text": "Client custom styling via url"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "client-styling-url",
                 "reflect": true,
                 "defaultValue": "''"
@@ -331,8 +307,6 @@ export class GeneralStories {
                     "tags": [],
                     "text": "Translations via URL"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "translation-url",
                 "reflect": true,
                 "defaultValue": "''"
@@ -351,8 +325,6 @@ export class GeneralStories {
                     "tags": [],
                     "text": "Duration of progress bar"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "progress-bar-duration",
                 "reflect": true,
                 "defaultValue": "10"

package/dist/esm/{general-stories-b08533ff.js → general-stories-2b03e517.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-3d519791.js';
+import { r as registerInstance, h } from './index-eb27780b.js';
 
 const getDevice = () => {
     let userAgent = window.navigator.userAgent;
@@ -83,41 +83,15 @@ const translate = (key, customLang) => {
     return TRANSLATIONS[(lang !== undefined) && (lang in TRANSLATIONS) ? lang : DEFAULT_LANGUAGE][key];
 };
 
-const generalStoriesCss = ".ImageContainer{display:flex;flex-direction:row;background-color:var(--emw--color-background, #0E1511);overflow:auto}.StoryThumbnailContainer{margin:5px;position:relative;display:inline-block;border-radius:50%}.StoryThumbnailContainer.Highlighted::before{content:\"\";position:absolute;border-radius:50%;background:linear-gradient(to bottom, var(--emw--color-primary, #22B04E), var(--emw--color-secondary, #E1A749));top:-3px;left:-3px;width:111%;height:103%}.StoryThumbnailContainer.Viewed::before{content:\"\";position:absolute;border-radius:50%;height:50px;width:50px;background:var(--emw--color-grey-150, #828282);top:-3px;left:-3px;width:111%;height:103%}.StoryThumbnailImage{height:50px;width:50px;border-radius:50%;position:relative;z-index:1}.StoryThumbnailImage.Highlighted,.StoryThumbnailImage.Viewed{border:2px solid var(--emw--color-white, #ffffff)}.FullScreenHeader{position:fixed;background:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));top:0px;width:100%;display:flex;flex-direction:column;padding:10px 0;z-index:5;height:30px}.FullScreenHeader .CloseStoryButton{position:absolute;right:0;width:20px;margin-right:20px;margin-top:8px;z-index:50}.FullScreenHeader .ProgressBarContainer{width:90%;height:2px;position:relative;top:0;background-color:var(--emw--color-grey-150, #828282);border-radius:10px;overflow:hidden;margin:0 auto}.FullScreenHeader .ProgressBarContainer .ProgressBar{height:100%;background:var(--emw--color-white, #ffffff);width:0%;transition:width 0.1s linear}.FullScreenStory{position:fixed;width:100vw;height:100vh;background-color:var(--emw--color-grey-400, #24211f);display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:300}.FullScreenStory video{height:100vh;width:100vw}.FullScreenStory img{width:100%;height:100%;object-fit:contain}.FullScreenStory .LoadMoreButtonBackground{width:100vw;height:15%;background:linear-gradient(to top, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));position:absolute;bottom:0;display:flex;justify-content:center}.FullScreenStory .LoadMoreButtonBackground .LoadMoreButton{width:auto;font-size:var(--emw--font-size-small, 14px);font-family:inherit;background-color:var(--emw--color-grey-50, #F9F8F8);box-shadow:0px 0px 7px 1px var(--emw--color-grey-400, #24211f);color:var(--emw--color-black, #000000);border-radius:50px;position:absolute;bottom:15px;padding:10px 20px}";
+const generalStoriesCss = ".ImageContainer{display:flex;flex-direction:row;background-color:var(--emw--color-background, #0E1511);overflow:auto}.StoryThumbnailContainer{margin:5px;position:relative;display:inline-block;border-radius:50%}.StoryThumbnailContainer.Highlighted::before{content:\"\";position:absolute;border-radius:50%;background:linear-gradient(to bottom, var(--emw--color-primary, #22B04E), var(--emw--color-secondary, #E1A749));top:-3px;left:-3px;width:111%;height:103%}.StoryThumbnailContainer.Viewed::before{content:\"\";position:absolute;border-radius:50%;height:50px;width:50px;background:var(--emw--color-grey-150, #828282);top:-3px;left:-3px;width:111%;height:103%}.StoryThumbnailImage{height:50px;width:50px;border-radius:50%;position:relative;z-index:1}.StoryThumbnailImage.Highlighted,.StoryThumbnailImage.Viewed{border:2px solid var(--emw--color-white, #ffffff)}.FullScreenHeader{position:fixed;top:0;background:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));top:0px;width:100%;display:flex;flex-direction:column;padding:10px 0;z-index:5;height:30px}.FullScreenHeader .CloseStoryButton{position:absolute;right:0;width:20px;margin-right:20px;margin-top:8px;z-index:50}.FullScreenHeader .ProgressBarContainer{width:90%;height:2px;position:relative;top:0;background-color:var(--emw--color-grey-150, #828282);border-radius:10px;overflow:hidden;margin:0 auto}.FullScreenHeader .ProgressBarContainer .ProgressBar{height:100%;background:var(--emw--color-white, #ffffff);width:0%;transition:width 0.1s linear}.FullScreenStory{position:fixed;top:0;width:100%;height:100%;background-color:var(--emw--color-grey-400, #24211f);display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:300}.FullScreenStory video{height:100vh;width:100vw}.FullScreenStory img{width:100%;height:100%;object-fit:contain}.FullScreenStory .LoadMoreButtonBackground{width:100%;height:15%;background:linear-gradient(to top, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));position:absolute;bottom:0;display:flex;justify-content:center}.FullScreenStory .LoadMoreButtonBackground .LoadMoreButton{width:auto;font-size:var(--emw--font-size-small, 14px);font-family:inherit;background-color:var(--emw--color-grey-50, #F9F8F8);box-shadow:0px 0px 7px 1px var(--emw--color-grey-400, #24211f);color:var(--emw--color-black, #000000);border-radius:50px;position:absolute;bottom:15px;padding:10px 20px}";
 const GeneralStoriesStyle0 = generalStoriesCss;
 
 const GeneralStories = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        /**
-         * Language of the widget
-         */
-        this.language = 'en';
-        /**
-        * CMS Endpoint stage
-        */
-        this.cmsEnv = 'stage';
-        /**
-        * Client custom styling via string
-        */
-        this.clientStyling = '';
-        /**
-         * Client custom styling via url
-         */
-        this.clientStylingUrl = '';
-        /**
-         * Translations via URL
-         */
-        this.translationUrl = '';
-        /**
-         * Duration of progress bar
-         */
-        this.progressBarDuration = 10;
         this.hasErrors = false;
         this.isLoading = true;
         this.isSwipe = false;
-        this.currentStoryId = null;
-        this.progress = 0;
         this.getStories = () => {
             let url = new URL(`${this.cmsEndpoint}/${this.language}/stories`);
             url.searchParams.append('env', this.cmsEnv);
@@ -213,6 +187,18 @@ const GeneralStories = class {
             const open = () => this.openFullScreenStory(props.id);
             return (h("div", { class: `StoryThumbnailContainer ${props.viewed ? 'Viewed' : 'Highlighted'}`, onTouchStart: open }, h("img", { class: `StoryThumbnailImage ${props.viewed ? 'Viewed' : 'Highlighted'}`, src: props.icon, alt: "story-icon" })));
         };
+        this.cmsEndpoint = undefined;
+        this.language = 'en';
+        this.cmsEnv = 'stage';
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.translationUrl = '';
+        this.progressBarDuration = 10;
+        this.currentStory = undefined;
+        this.currentStoryId = null;
+        this.progress = 0;
+        this.touchPosStart = undefined;
+        this.touchPosEnd = undefined;
     }
     handleStylingUpdate() {
         if (this.clientStyling)

package/dist/esm/general-stories.entry.js

@@ -1,2 +1,2 @@
-export { G as general_stories } from './general-stories-b08533ff.js';
-import './index-3d519791.js';
+export { G as general_stories } from './general-stories-2b03e517.js';
+import './index-eb27780b.js';

package/dist/esm/general-stories.js

@@ -1,9 +1,9 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-3d519791.js';
-export { s as setNonce } from './index-3d519791.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-eb27780b.js';
+export { s as setNonce } from './index-eb27780b.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 /*
- Stencil Client Patch Browser v4.26.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.22.3 | MIT Licensed | https://stenciljs.com
  */
 var patchBrowser = () => {
   const importMeta = import.meta.url;