@evercam/ui 0.0.64 → 0.0.65-preview-evercam-copilot-4a99fc2fa

package/dist/styles.css

@@ -171,6 +171,9 @@
 .e-bottom-0{
     bottom: 0px;
 }
+.e-bottom-10{
+    bottom: 2.5rem;
+}
 .e-end-0{
     inset-inline-end: 0px;
 }
@@ -183,12 +186,24 @@
 .e-top-0{
     top: 0px;
 }
+.e-z-0{
+    z-index: 0;
+}
+.e-z-10{
+    z-index: 10;
+}
 .e-z-50{
     z-index: 50;
 }
 .e-z-\[-1\]{
     z-index: -1;
 }
+.e-z-\[1\]{
+    z-index: 1;
+}
+.e-z-\[2\]{
+    z-index: 2;
+}
 .e-z-\[5\]{
     z-index: 5;
 }
@@ -3470,6 +3485,9 @@
 .e-hidden{
     display: none;
 }
+.e-h-0{
+    height: 0px;
+}
 .e-h-10{
     height: 2.5rem;
 }
@@ -3518,6 +3536,9 @@
 .\!e-w-full{
     width: 100% !important;
 }
+.e-w-0{
+    width: 0px;
+}
 .e-w-10{
     width: 2.5rem;
 }
@@ -3557,6 +3578,9 @@
 .e-w-full{
     width: 100%;
 }
+.e-w-max{
+    width: max-content;
+}
 .e-w-px{
     width: 1px;
 }
@@ -3644,6 +3668,9 @@
 .e-max-w-\[5rem\]{
     max-width: 5rem;
 }
+.e-shrink-0{
+    flex-shrink: 0;
+}
 .\!e-grow{
     flex-grow: 1 !important;
 }
@@ -3976,6 +4003,11 @@
 .e-gap-x-1\.5{
     column-gap: 0.375rem;
 }
+.e-space-y-4 > :not([hidden]) ~ :not([hidden]){
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
+}
 .e-place-self-start{
     place-self: start;
 }
@@ -4023,6 +4055,17 @@
 .e-rounded-md{
     border-radius: 0.375rem;
 }
+.e-rounded-none{
+    border-radius: 0px;
+}
+.e-rounded-b-md{
+    border-bottom-right-radius: 0.375rem;
+    border-bottom-left-radius: 0.375rem;
+}
+.e-rounded-t-md{
+    border-top-left-radius: 0.375rem;
+    border-top-right-radius: 0.375rem;
+}
 .e-border{
     border-width: 1px;
 }
@@ -4032,6 +4075,10 @@
 .e-border-none{
     border-style: none;
 }
+.e-border-black{
+    --tw-border-opacity: 1;
+    border-color: rgb(0 0 0 / var(--tw-border-opacity));
+}
 .e-border-gray-300{
     --tw-border-opacity: 1;
     border-color: rgb(209 213 219 / var(--tw-border-opacity));
@@ -4040,6 +4087,37 @@
     --tw-border-opacity: 1;
     border-color: rgb(55 65 81 / var(--tw-border-opacity));
 }
+.e-border-transparent{
+    border-color: transparent;
+}
+.e-border-b-blue-700{
+    --tw-border-opacity: 1;
+    border-bottom-color: rgb(29 78 216 / var(--tw-border-opacity));
+}
+.e-border-b-brand-900{
+    --tw-border-opacity: 1;
+    border-bottom-color: rgb(41 5 6 / var(--tw-border-opacity));
+}
+.e-border-b-gray-800{
+    --tw-border-opacity: 1;
+    border-bottom-color: rgb(31 41 55 / var(--tw-border-opacity));
+}
+.e-border-b-green-900{
+    --tw-border-opacity: 1;
+    border-bottom-color: rgb(20 83 45 / var(--tw-border-opacity));
+}
+.e-border-b-orange-700{
+    --tw-border-opacity: 1;
+    border-bottom-color: rgb(194 65 12 / var(--tw-border-opacity));
+}
+.e-border-b-red-700{
+    --tw-border-opacity: 1;
+    border-bottom-color: rgb(185 28 28 / var(--tw-border-opacity));
+}
+.e-border-b-sky-500{
+    --tw-border-opacity: 1;
+    border-bottom-color: rgb(14 165 233 / var(--tw-border-opacity));
+}
 .\!e-bg-brand-100{
     --tw-bg-opacity: 1 !important;
     background-color: rgb(249 205 206 / var(--tw-bg-opacity)) !important;
@@ -5388,6 +5466,14 @@
     --tw-bg-opacity: 1;
     background-color: rgb(245 158 11 / var(--tw-bg-opacity));
 }
+.e-bg-black{
+    --tw-bg-opacity: 1;
+    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+}
+.e-bg-blue-700{
+    --tw-bg-opacity: 1;
+    background-color: rgb(29 78 216 / var(--tw-bg-opacity));
+}
 .e-bg-brand-100{
     --tw-bg-opacity: 1;
     background-color: rgb(249 205 206 / var(--tw-bg-opacity));
@@ -6208,6 +6294,10 @@
     --tw-bg-opacity: 1;
     background-color: rgb(75 85 99 / var(--tw-bg-opacity));
 }
+.e-bg-gray-800{
+    --tw-bg-opacity: 1;
+    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
+}
 .e-bg-gray-900{
     --tw-bg-opacity: 1;
     background-color: rgb(17 24 39 / var(--tw-bg-opacity));
@@ -6216,6 +6306,10 @@
     --tw-bg-opacity: 1;
     background-color: rgb(22 163 74 / var(--tw-bg-opacity));
 }
+.e-bg-green-900{
+    --tw-bg-opacity: 1;
+    background-color: rgb(20 83 45 / var(--tw-bg-opacity));
+}
 .e-bg-info-darken{
     --tw-bg-opacity: 1;
     background-color: rgb(8 145 178 / var(--tw-bg-opacity));
@@ -6357,6 +6451,10 @@
     --tw-bg-opacity: 1;
     background-color: rgb(132 204 22 / var(--tw-bg-opacity));
 }
+.e-bg-orange-700{
+    --tw-bg-opacity: 1;
+    background-color: rgb(194 65 12 / var(--tw-bg-opacity));
+}
 .e-bg-primary-darken{
     --tw-bg-opacity: 1;
     background-color: rgb(2 132 199 / var(--tw-bg-opacity));
@@ -6491,6 +6589,10 @@
 .e-bg-primary-lighten\/95{
     background-color: rgb(56 189 248 / 0.95);
 }
+.e-bg-red-700{
+    --tw-bg-opacity: 1;
+    background-color: rgb(185 28 28 / var(--tw-bg-opacity));
+}
 .e-bg-rose-500{
     --tw-bg-opacity: 1;
     background-color: rgb(244 63 94 / var(--tw-bg-opacity));
@@ -6786,6 +6888,9 @@
 .e-to-indigo-500{
     --tw-gradient-to: #6366f1 var(--tw-gradient-to-position);
 }
+.e-object-contain{
+    object-fit: contain;
+}
 .e-object-cover{
     object-fit: cover;
 }
@@ -8403,24 +8508,87 @@
 .e-pt-px{
     padding-top: 1px;
 }
+.e-text-center{
+    text-align: center;
+}
 .e-align-middle{
     vertical-align: middle;
 }
+.\!e-text-2xl{
+    font-size: 1.5rem !important;
+}
+.\!e-text-3xl{
+    font-size: 1.875rem !important;
+}
+.\!e-text-4xl{
+    font-size: 2.25rem !important;
+}
+.\!e-text-5xl{
+    font-size: 3rem !important;
+}
+.\!e-text-6xl{
+    font-size: 3.75rem !important;
+}
+.\!e-text-7xl{
+    font-size: 4.5rem !important;
+}
+.\!e-text-8xl{
+    font-size: 6rem !important;
+}
+.\!e-text-9xl{
+    font-size: 8rem !important;
+}
+.\!e-text-base{
+    font-size: 1rem !important;
+}
+.\!e-text-lg{
+    font-size: 1.125rem !important;
+}
+.\!e-text-sm{
+    font-size: 0.875rem !important;
+}
+.\!e-text-xl{
+    font-size: 1.25rem !important;
+}
+.\!e-text-xs{
+    font-size: 0.75rem !important;
+}
 .e-text-2xl{
     font-size: 1.5rem;
 }
 .e-text-3xl{
     font-size: 1.875rem;
 }
+.e-text-4xl{
+    font-size: 2.25rem;
+}
 .e-text-5xl{
     font-size: 3rem;
 }
+.e-text-6xl{
+    font-size: 3.75rem;
+}
+.e-text-7xl{
+    font-size: 4.5rem;
+}
+.e-text-8xl{
+    font-size: 6rem;
+}
+.e-text-9xl{
+    font-size: 8rem;
+}
 .e-text-base{
     font-size: 1rem;
 }
+.e-text-lg{
+    font-size: 1.125rem;
+}
 .e-text-sm{
     font-size: 0.875rem;
 }
+.e-text-xl{
+    font-size: 1.25rem;
+}
 .e-text-xs{
     font-size: 0.75rem;
 }
@@ -11173,16 +11341,32 @@
     --tw-placeholder-opacity: 1;
     color: rgb(107 114 128 / var(--tw-placeholder-opacity));
 }
+.e-opacity-0{
+    opacity: 0;
+}
+.e-opacity-100{
+    opacity: 1;
+}
 .e-shadow{
     --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
     --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+.e-shadow-md{
+    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 .e-shadow-sm{
     --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
     --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+.e-shadow-xl{
+    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 .\!-e-outline-offset-1{
     outline-offset: -1px !important;
 }
@@ -11285,12 +11469,26 @@
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 150ms;
 }
+.e-transition-opacity{
+    transition-property: opacity;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+}
 .e-duration-200{
     transition-duration: 200ms;
 }
+.e-duration-300{
+    transition-duration: 300ms;
+}
+.e-ease-in{
+    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+}
 .e-ease-in-out{
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
+.e-ease-out{
+    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+}
 
 .bg-stripes-gray {
     background-image: linear-gradient(135deg, rgba(131, 131, 168, 0.5) 10%, #0000 0, #0000 50%, rgba(117, 117, 148, 0.5) 0, #6366f180 60%, #0000 0, #0000);
@@ -11326,6 +11524,10 @@
     opacity: 0.75;
 }
 
+.e-group:hover .group-hover\:e-opacity-100{
+    opacity: 1;
+}
+
 @media (min-width: 640px){
 
     .sm\:\!-e-m-0{

package/dist/tags.json

@@ -135,7 +135,8 @@
       "focused-interval",
       "locked",
       "timezone",
-      "stop-click-propagation"
+      "stop-click-propagation",
+      "tooltip-position"
     ],
     "description": ""
   },
@@ -195,12 +196,21 @@
     ],
     "description": ""
   },
+  "EImagesComparator": {
+    "attributes": [
+      "before-image-src",
+      "after-image-src",
+      "is-loading"
+    ],
+    "description": ""
+  },
   "EToggleSwitch": {
     "attributes": [
       "options",
       "color",
       "size",
-      "default-value"
+      "default-value",
+      "value"
     ],
     "description": ""
   },
@@ -238,5 +248,90 @@
       "icon"
     ],
     "description": ""
+  },
+  "EFlagIcon": {
+    "attributes": [
+      "code"
+    ],
+    "description": ""
+  },
+  "EImagePlayer": {
+    "attributes": [
+      "frames",
+      "time-per-frame",
+      "is-playing",
+      "frame-index",
+      "height",
+      "initial-quality",
+      "preload",
+      "preload-size",
+      "reset-index-on-frames-change",
+      "preload-while-playing",
+      "with-controls",
+      "play-on-click",
+      "disable-play-pause-animation",
+      "disable-play-button",
+      "is-live",
+      "selected-snapshot-quality",
+      "placeholder-image",
+      "is-mobile",
+      "is-zoomable",
+      "is-annotation-active",
+      "aspect-ratio"
+    ],
+    "description": ""
+  },
+  "EZoomableImg": {
+    "attributes": [
+      "src",
+      "alt",
+      "allow-zoom",
+      "img-props",
+      "slider",
+      "disabled",
+      "hide-content-on-blur",
+      "initial-params",
+      "embedded",
+      "overlay-style",
+      "foreground-style",
+      "pan",
+      "slot-transition",
+      "height",
+      "is-calendar-active",
+      "blur-background",
+      "cover",
+      "is-widget",
+      "is-annotation-active",
+      "is-mobile",
+      "placeholder-image"
+    ],
+    "description": ""
+  },
+  "EActionButton": {
+    "attributes": [
+      "tooltip-text",
+      "tooltip-color",
+      "tooltip-position",
+      "button-classes",
+      "icon",
+      "icon-size"
+    ],
+    "description": ""
+  },
+  "ETooltip": {
+    "attributes": [
+      "text",
+      "position",
+      "color"
+    ],
+    "description": ""
+  },
+  "ELayout": {
+    "attributes": [
+      "width",
+      "height",
+      "with-overlay"
+    ],
+    "description": ""
   }
 }

package/dist/types.d.ts

@@ -207,5 +207,27 @@ export type D3DateParams = {
     timezone: string;
 };
 export type TimelineDomain = Date[] | string[];
+export declare enum ImageQuality {
+    _360 = "360",
+    _480 = "480",
+    _720 = "720",
+    _1080 = "1080",
+    auto = "auto"
+}
+export type SrcSet = {
+    [q in ImageQuality]: string;
+};
+export interface Frame {
+    label: string;
+    src: string;
+    srcSet?: SrcSet;
+    timestamp: Timestamp;
+}
+export declare enum Position {
+    top = "top",
+    right = "right",
+    bottom = "bottom",
+    left = "left"
+}
 declare const _default: {};
 export default _default;

package/dist/utils.d.ts

@@ -3,3 +3,4 @@ export declare function makeFullScreen(element: HTMLElement): Promise<unknown>;
 export declare function exitFullScreen(): Promise<void | null>;
 export declare function debounce<T extends (...args: any[]) => any>(func: T, wait?: number): (...args: Parameters<T>) => void;
 export declare function getRandomChars(length?: number): string;
+export declare function getImageData(image: HTMLImageElement, x?: number, y?: number, width?: number, height?: number): string;