@evercam/ui 0.0.63-preview-chatbot-ui-69c4cf2ad → 0.0.63-preview-emarkdown-2fbf3dcc5

package/dist/attributes.json

@@ -29,6 +29,11 @@
     "description": "",
     "default": ""
   },
+  "EAvatar/background-classes": {
+    "type": "string",
+    "description": "",
+    "default": "e-bg-gradient-to-r e-from-purple-500 e-to-indigo-500"
+  },
   "EBadge/text": {
     "type": "string",
     "description": "",

package/dist/components/EAvatar.vue.d.ts

@@ -18,5 +18,6 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     badgeText: string;
     badgeSize: Size;
     image: string;
+    backgroundClasses: string;
 }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
 export default _default;

package/dist/components/EImagePlayer.vue.d.ts

@@ -74,16 +74,10 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     togglePlay(): void;
     handleKeyDown(e: KeyboardEvent): void;
 }, {
-    imgProps: {
-        id: string;
-        ref: string;
-        crossorigin: string;
-        class: string;
-        dataTestId: string;
-    };
+    imgProps: Record<string, string>;
     playerDimensions: {
         width: string;
-        height: string | number;
+        height: number | string;
     };
     isLastFrame: boolean;
     altText: string;

package/dist/components/ELayout.vue.d.ts

@@ -10,6 +10,7 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
         width: string;
         height: string;
     };
+    mainHeight: string;
 }, {
     onResize(): void;
     onOverlayClick(e: Event): void;

package/dist/index.d.ts

@@ -46,6 +46,7 @@ export declare const components: {
         badgeText: string;
         badgeSize: import('./types').Size;
         image: string;
+        backgroundClasses: string;
     }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
     EBadge: import("vue/types/vue").ExtendedVue<import("vue").default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => import("vue").default<Record<string, any>, Record<string, any>, never, never, any>>, {
         colors: {
@@ -862,13 +863,7 @@ export declare const components: {
         togglePlay(): void;
         handleKeyDown(e: KeyboardEvent): void;
     }, {
-        imgProps: {
-            id: string;
-            ref: string;
-            crossorigin: string;
-            class: string;
-            dataTestId: string;
-        };
+        imgProps: Record<string, string>;
         playerDimensions: {
             width: string;
             height: string | number;
@@ -1097,6 +1092,7 @@ export declare const components: {
             width: string;
             height: string;
         };
+        mainHeight: string;
     }, {
         onResize(): void;
         onOverlayClick(e: Event): void;

package/dist/index.mjs

@@ -140,6 +140,10 @@ const bn = D1.exports, z1 = Q.extend({
     image: {
       type: String,
       default: ""
+    },
+    backgroundClasses: {
+      type: String,
+      default: "e-bg-gradient-to-r e-from-purple-500 e-to-indigo-500"
     }
   },
   data() {
@@ -157,8 +161,9 @@ const bn = D1.exports, z1 = Q.extend({
   computed: {
     avatarClasses() {
       return [
-        "e-flex e-items-center e-justify-center e-rounded-full e-bg-gradient-to-r e-from-purple-500 e-to-indigo-500 e-text-white e-font-medium",
-        this.sizes[this.size] || this.sizes[X.xs]
+        "e-flex e-items-center e-justify-center e-rounded-full e-text-white e-font-medium",
+        this.sizes[this.size] || this.sizes[X.xs],
+        this.backgroundClasses
       ];
     }
   }
@@ -9020,6 +9025,9 @@ function V6(t, e = 0, r = 0, n = t.naturalWidth, o = t.naturalHeight) {
   const p = c.toDataURL();
   return c.remove(), p;
 }
+function X6(t) {
+  return !!(t != null && t.length && !isNaN(new Date(t).getTime()));
+}
 const Oa = Q.extend({
   name: "EZoomable",
   props: {
@@ -15002,7 +15010,7 @@ const wi = $6.exports, E6 = Q.extend({
     playerDimensions() {
       return {
         width: "100%",
-        height: this.isFullscreen ? this.screenHeight : this.height
+        height: this.height
       };
     },
     isLastFrame() {
@@ -15016,8 +15024,8 @@ const wi = $6.exports, E6 = Q.extend({
       return this.isLastFrame ? 100 : Math.abs(this.frameIndex / this.frames.length * 100);
     },
     mouseToWidthRatio() {
-      var t, e;
-      return this.mousePosition.x / ((e = (t = this.progressBar) == null ? void 0 : t.getBoundingClientRect()) == null ? void 0 : e.width);
+      var t, e, r;
+      return this.mousePosition.x / ((r = (e = (t = this.progressBar) == null ? void 0 : t.getBoundingClientRect()) == null ? void 0 : e.width) != null ? r : 1);
     },
     hoverBarStyle() {
       return {
@@ -15319,7 +15327,7 @@ const wi = $6.exports, E6 = Q.extend({
 var k6 = function() {
   var n, o;
   var e = this, r = e._self._c;
-  return r("div", { staticClass: "player e-h-full e-w-full", style: e.playerDimensions, attrs: { id: "imagePlayer" } }, [r("div", { staticClass: "player__frames player-container", style: e.playerDimensions, attrs: { id: "img-container" }, on: { pointerdown: e.onFrameMouseDown, pointerup: e.onFrameMouseUp } }, [r("div", { staticClass: "e-h-full e-w-full e-shrink-0 e-relative" }, [r("img", { staticClass: "e-absolute e-block e-w-full e-h-full background-fade", attrs: { src: e.src || ((n = e.frames[e.frameIndex]) == null ? void 0 : n.src) || "", alt: "background-image" } }), r("EZoomableImg", e._g({ directives: [{ name: "show", rawName: "v-show", value: e.imageLoaded && e.src || e.placeholderImage, expression: "(imageLoaded && src) || placeholderImage" }], ref: "zoomableImage", attrs: { "img-props": { imgProps: e.imgProps }, "overlay-style": { zIndex: 1 }, src: e.src || ((o = e.frames[e.frameIndex]) == null ? void 0 : o.src) || e.placeholderImage || "", alt: e.altText, "hide-content-on-blur": !1, height: e.isFullscreen ? e.screenHeight : Number(e.height), "placeholder-image": e.placeholderImage, slider: !1, "is-mobile": e.isMobile, disabled: !e.isZoomable, "is-annotation-active": e.isAnnotationActive, "blur-background": "" }, on: { load: e.onLoad, error: e.onError, change: e.onChange, "hook:beforeUpdate": e.onBeforeUpdate, "hook:beforeDestroy": e.onBeforeDestroy }, scopedSlots: e._u([{ key: "imageOverlay", fn: function() {
+  return r("div", { staticClass: "player e-h-full e-w-full", style: e.playerDimensions, attrs: { id: "imagePlayer" } }, [r("div", { staticClass: "player__frames player-container", style: e.playerDimensions, attrs: { id: "img-container" }, on: { pointerdown: e.onFrameMouseDown, pointerup: e.onFrameMouseUp } }, [r("div", { staticClass: "e-h-full e-w-full e-shrink-0 e-relative" }, [r("img", { staticClass: "e-absolute e-block e-w-full e-h-full background-fade", attrs: { src: e.src || ((n = e.frames[e.frameIndex]) == null ? void 0 : n.src) || "", alt: "background-image" } }), r("EZoomableImg", e._g({ directives: [{ name: "show", rawName: "v-show", value: e.imageLoaded && e.src || e.placeholderImage, expression: "(imageLoaded && src) || placeholderImage" }], ref: "zoomableImage", attrs: { "img-props": { imgProps: e.imgProps }, "overlay-style": { zIndex: 1 }, src: e.src || ((o = e.frames[e.frameIndex]) == null ? void 0 : o.src) || e.placeholderImage || "", alt: e.altText, "hide-content-on-blur": !1, height: e.height.split("px")[0], "placeholder-image": e.placeholderImage, slider: !1, "is-mobile": e.isMobile, disabled: !e.isZoomable, "is-annotation-active": e.isAnnotationActive, "blur-background": "" }, on: { load: e.onLoad, error: e.onError, change: e.onChange, "hook:beforeUpdate": e.onBeforeUpdate, "hook:beforeDestroy": e.onBeforeDestroy }, scopedSlots: e._u([{ key: "imageOverlay", fn: function() {
     return [e.playPauseAnimation ? r("div", { staticClass: "image-player-overlay e-flex e-items-center e-justify-center" }, [r("div", { staticClass: "image-player-overlay__wrapper" }, [e.playing ? r("svg", { attrs: { height: "100%", viewBox: "-1 0 36 36", width: "100%" } }, [r("path", { attrs: { d: "M 12,26 18.5,22 18.5,14 12,10 z M 18.5,22 25,18 25,18 18.5,14 z" } })]) : r("svg", { attrs: { height: "100%", viewBox: "0.5 0 36 36", width: "100%" } }, [r("path", { attrs: { d: "M 12,26 16,26 16,10 12,10 z M 21,26 25,26 25,10 21,10 z" } })])])]) : e._e(), e._t("default"), e._t("imageOverlay")];
   }, proxy: !0 }], null, !0) }, e.$listeners), [e._t("playerContainerOverlay")], 2), e._t("imagePlayerOverlay")], 2)]), e._t("controls", function() {
     return [e.withControls ? r("div", { staticClass: "e-absolute e-bottom-0 e-w-[97%] e-p-4 e-pt-8 e-z-50 e-space-y-4 e-bg-gradient-to-t e-from-[#363434] e-to-transparent" }, [r("div", { staticClass: "e-font-semibold e-text-white" }, [e._v(" " + e._s(e.frames[e.frameIndex].label) + " - " + e._s(e.frameIndex) + " / " + e._s(e.frames.length - 1) + " ")]), r("div", { staticClass: "e-flex e-justify-start e-gap-2 e-items-center" }, [r("button", { staticClass: "e-text-white e-bg-transparent e-border-none e-cursor-pointer action-btn__first-vertical e-rounded-md", on: { click: e.togglePlay } }, [r("i", { staticClass: "fas fa-2x", class: {
@@ -15371,7 +15379,8 @@ const D6 = O6.exports, z6 = Q.extend({
       mainStyle: {
         width: "100%",
         height: "100%"
-      }
+      },
+      mainHeight: "100%"
     };
   },
   computed: {
@@ -15381,6 +15390,11 @@ const D6 = O6.exports, z6 = Q.extend({
       };
     }
   },
+  watch: {
+    mainHeight() {
+      this.onResize();
+    }
+  },
   mounted() {
     this.setOverlayFooterHeight(), this.setFooterHeight();
   },
@@ -15401,9 +15415,10 @@ const D6 = O6.exports, z6 = Q.extend({
       const t = this.$refs.footer;
       t || this.$setTimeout(() => {
         this.setFooterHeight();
-      }), this.footerHeight = t == null ? void 0 : t.clientHeight, this.mainStyle = {
+      }), this.footerHeight = t == null ? void 0 : t.clientHeight, this.$attrs.isFullscreen ? this.mainHeight = `${screen.height}px` : this.mainHeight = `${// @ts-expect-error
+      this.height ? this.height.split("px")[0] - this.footerHeight : "100"}px`, this.mainStyle = {
         width: "100%",
-        height: `${this.height ? this.height.split("px")[0] - this.footerHeight : "100"}px`
+        height: this.mainHeight
       };
     }
   }
@@ -15412,7 +15427,7 @@ var I6 = function() {
   var e = this, r = e._self._c;
   return r("div", e._b({ directives: [{ name: "resize-observer", rawName: "v-resize-observer", value: e.onResize, expression: "onResize" }], ref: "globalLayout", staticClass: "e-layout e-w-full e-h-full e-relative", style: {
     width: "100%",
-    height: e.height ? `${e.height}px` : "100%"
+    height: e.mainHeight
   }, attrs: { id: "globalLayout" } }, "div", e.$attrs, !1), [r("div", { staticClass: "e-layout__container e-relative", style: e.mainStyle }, [r("div", { staticClass: "e-layout__main e-w-full e-h-full e-absolute e-inset-0 e-z-0", style: e.mainStyle }, [e._t("main", null, { size: { ...e.mainStyle } })], 2), e.withOverlay ? r("div", { staticClass: "e-layout__overlay e-w-full e-h-full e-absolute e-inset-0 e-z-[1]", style: e.mainStyle, on: { click: e.onOverlayClick } }, [e._t("overlay", null, { size: { ...e.mainStyle } })], 2) : e._e(), r("div", { staticClass: "e-layout__top-left e-absolute e-left-0 e-top-0 e-z-[2]" }, [e._t("top-left")], 2), r("div", { staticClass: "e-absolute e-right-0 e-top-0 e-layout__top-right e-z-[2]" }, [e._t("top-right")], 2), r("div", { staticClass: "e-absolute e-right-0 e-bottom-10 e-layout__bottom-right e-z-[2]", style: e.bottomStyle }, [e._t("bottom-right")], 2), r("div", { staticClass: "e-absolute e-left-0 e-bottom-10 e-layout__bottom-left e-z-[2]", style: e.bottomStyle }, [e._t("bottom-left")], 2), r("div", { directives: [{ name: "resize-observer", rawName: "v-resize-observer", value: e.setOverlayFooterHeight, expression: "setOverlayFooterHeight" }], ref: "overlayFooter", staticClass: "e-absolute e-bottom-0 e-left-0 e-right-0 e-layout__overlay-footer e-z-[2]" }, [e._t("overlay-footer")], 2)]), r("div", { directives: [{ name: "resize-observer", rawName: "v-resize-observer", value: e.setFooterHeight, expression: "setFooterHeight" }], ref: "footer", staticClass: "e-layout__footer e-relative e-z-[2]" }, [e._t("footer")], 2)]);
 }, B6 = [], F6 = /* @__PURE__ */ K(
   z6,
@@ -15453,7 +15468,7 @@ const A6 = F6.exports, dn = {
   EActionButton: bi,
   ETooltip: yi,
   ELayout: A6
-}, X6 = {
+}, Q6 = {
   install(t) {
     Object.keys(dn).forEach((e) => {
       t.component(e, dn[e]);
@@ -15469,6 +15484,7 @@ export {
   Z6 as BadgeColors,
   W6 as BadgeSizes,
   ce as BaseColor,
+  E1 as ChatMessageRole,
   da as Colors,
   Ga as DirectivesMap,
   bi as EActionButton,
@@ -15504,7 +15520,6 @@ export {
   $1 as ImageQuality,
   De as Position,
   tt as ResizeObserverDirective,
-  E1 as Role,
   X as Size,
   ua as TextSizes,
   wt as TimelineAxis,
@@ -15515,7 +15530,7 @@ export {
   q6 as TooltipPositions,
   dn as components,
   Pa as debounce,
-  X6 as default,
+  Q6 as default,
   ot as eventListeners,
   gi as exitFullScreen,
   hi as fullConfig,
@@ -15523,6 +15538,7 @@ export {
   xt as getRandomChars,
   r6 as inactivityListener,
   pi as isFullScreen,
+  X6 as isValidDate,
   mi as makeFullScreen,
   rt as timeouts
 };