@evercam/ui 0.0.58-beta.2 → 0.0.58-beta.5

package/dist/styles.css

@@ -215,12 +215,19 @@
 .e-inset-0{
         inset: 0px;
 }
+.e-inset-y-0{
+        top: 0px;
+        bottom: 0px;
+}
 .-e-left-2\/4{
         left: -50%;
 }
 .e-bottom-0{
         bottom: 0px;
 }
+.e-end-0{
+        inset-inline-end: 0px;
+}
 .e-left-0{
         left: 0px;
 }
@@ -242,6 +249,9 @@
 .e-m-2{
         margin: 0.5rem;
 }
+.e-m-3{
+        margin: 0.75rem;
+}
 .e-m-auto{
         margin: auto;
 }
@@ -249,9 +259,6 @@
         margin-left: auto;
         margin-right: auto;
 }
-.e-mb-1{
-        margin-bottom: 0.25rem;
-}
 .e-ml-8{
         margin-left: 2rem;
 }
@@ -800,6 +807,12 @@
 .e-gap-6{
         gap: 1.5rem;
 }
+.e-gap-x-1{
+        column-gap: 0.25rem;
+}
+.e-gap-x-1\.5{
+        column-gap: 0.375rem;
+}
 .e-space-x-2 > :not([hidden]) ~ :not([hidden]){
         --tw-space-x-reverse: 0;
         margin-right: calc(0.5rem * var(--tw-space-x-reverse));
@@ -861,6 +874,9 @@
 .e-border{
         border-width: 1px;
 }
+.e-border-0{
+        border-width: 0px;
+}
 .e-border-2{
         border-width: 2px;
 }
@@ -954,6 +970,10 @@
         --tw-bg-opacity: 1;
         background-color: rgb(203 213 225 / var(--tw-bg-opacity));
 }
+.e-bg-white{
+        --tw-bg-opacity: 1;
+        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
 .e-object-cover{
         object-fit: cover;
 }
@@ -983,10 +1003,18 @@
         padding-left: 0.5rem;
         padding-right: 0.5rem;
 }
+.e-px-2\.5{
+        padding-left: 0.625rem;
+        padding-right: 0.625rem;
+}
 .e-px-4{
         padding-left: 1rem;
         padding-right: 1rem;
 }
+.e-py-3{
+        padding-top: 0.75rem;
+        padding-bottom: 0.75rem;
+}
 .e-py-\[\.2rem\]{
         padding-top: .2rem;
         padding-bottom: .2rem;
@@ -997,6 +1025,9 @@
 .e-pb-4{
         padding-bottom: 1rem;
 }
+.e-pr-10{
+        padding-right: 2.5rem;
+}
 .e-align-middle{
         vertical-align: middle;
 }
@@ -1063,6 +1094,10 @@
 .e-leading-6{
         line-height: 1.5rem;
 }
+.e-text-\[\#000057\]{
+        --tw-text-opacity: 1;
+        color: rgb(0 0 87 / var(--tw-text-opacity));
+}
 .e-text-black{
         --tw-text-opacity: 1;
         color: rgb(0 0 0 / var(--tw-text-opacity));
@@ -1135,6 +1170,14 @@
 .e-underline-offset-8{
         text-underline-offset: 8px;
 }
+.e-placeholder-gray-400::placeholder{
+        --tw-placeholder-opacity: 1;
+        color: rgb(156 163 175 / var(--tw-placeholder-opacity));
+}
+.e-placeholder-gray-500::placeholder{
+        --tw-placeholder-opacity: 1;
+        color: rgb(107 114 128 / var(--tw-placeholder-opacity));
+}
 .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);
@@ -1145,6 +1188,11 @@
         --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px 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-outline-offset-1{
         outline-offset: -1px !important;
 }
@@ -1217,6 +1265,22 @@
 .e-outline-offset-8{
         outline-offset: 8px;
 }
+.e-ring-1{
+        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+.e-ring-inset{
+        --tw-ring-inset: inset;
+}
+.e-ring-gray-300{
+        --tw-ring-opacity: 1;
+        --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
+}
+.e-ring-gray-700{
+        --tw-ring-opacity: 1;
+        --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity));
+}
 .e-blur-video-poster{
         --tw-blur: blur(32px);
         filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
@@ -1237,6 +1301,29 @@
 .e-ease-in-out{
         transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
+.hover\:e-ring-gray-100:hover{
+        --tw-ring-opacity: 1;
+        --tw-ring-color: rgb(243 244 246 / var(--tw-ring-opacity));
+}
+.focus\:e-outline-none:focus{
+        outline: 2px solid transparent;
+        outline-offset: 2px;
+}
+.focus\:e-ring-2:focus{
+        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+.focus\:e-ring-blue-500:focus{
+        --tw-ring-opacity: 1;
+        --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
+}
+.disabled\:e-cursor-not-allowed:disabled{
+        cursor: not-allowed;
+}
+.disabled\:e-opacity-75:disabled{
+        opacity: 0.75;
+}
 @media (min-width: 640px){
 
         .sm\:\!e-w-auto{

package/dist/tags.json

@@ -68,6 +68,29 @@
     ],
     "description": ""
   },
+  "EVideoPlayer": {
+    "attributes": [
+      "target-timestamp",
+      "sources",
+      "video-listeners",
+      "video-options",
+      "is-hls",
+      "streaming-token",
+      "pause-on-click",
+      "is-hls-loading",
+      "is-playing",
+      "is-zoomable",
+      "zoomable-ignore-pointer-events",
+      "timezone",
+      "play-pause-animation",
+      "disable-play-pause-animation",
+      "is-web-rtc",
+      "with-colored-loader",
+      "loader-size",
+      "with-overlay-on-background"
+    ],
+    "description": ""
+  },
   "ETimeline": {
     "attributes": [
       "events-groups",
@@ -113,6 +136,15 @@
     ],
     "description": ""
   },
+  "EVideoEmbed": {
+    "attributes": [
+      "video-url",
+      "platform",
+      "iframe-listeners",
+      "iframe-options"
+    ],
+    "description": ""
+  },
   "EHeatmapBar": {
     "attributes": [
       "items",
@@ -169,9 +201,24 @@
     ],
     "description": ""
   },
-  "ESvgIcon": {
+  "EZoomable": {
     "attributes": [
-      "icon"
+      "ignore-pointer-events",
+      "with-overlay",
+      "disabled"
+    ],
+    "description": ""
+  },
+  "EGlobalSearch": {
+    "attributes": [
+      "dark",
+      "items",
+      "timezone",
+      "converted-date-format",
+      "current-date-format",
+      "is-fixed-position",
+      "is-hidden",
+      "deep"
     ],
     "description": ""
   }

package/dist/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@evercam/ui",
-  "version": "0.0.58-beta.1",
+  "version": "0.0.58-beta-3",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -481,7 +481,176 @@
           },
           "description": "",
           "doc-url": "https://ui.evercam.io/",
-          "attributes": null
+          "attributes": [
+            {
+              "name": "target-timestamp",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": [
+                  "string",
+                  "date"
+                ]
+              }
+            },
+            {
+              "name": "sources",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": [
+                  "array",
+                  "string"
+                ]
+              }
+            },
+            {
+              "name": "video-listeners",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "() => ({})",
+              "value": {
+                "kind": "expression",
+                "type": "object"
+              }
+            },
+            {
+              "name": "video-options",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "() => ({})",
+              "value": {
+                "kind": "expression",
+                "type": "object"
+              }
+            },
+            {
+              "name": "is-hls",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "streaming-token",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "pause-on-click",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "true",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "is-hls-loading",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "is-playing",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "is-zoomable",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "zoomable-ignore-pointer-events",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "timezone",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "UTC",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "play-pause-animation",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "true",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "disable-play-pause-animation",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "is-web-rtc",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "with-colored-loader",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "loader-size",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "7xl",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "with-overlay-on-background",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            }
+          ]
         },
         {
           "name": "ETimeline",
@@ -504,7 +673,7 @@
             {
               "name": "x-axes-config",
               "doc-url": "https://www.npmjs.com/package/@evercam/ui",
-              "default": "() => $c",
+              "default": "() => sr",
               "value": {
                 "kind": "expression",
                 "type": "object"
@@ -874,7 +1043,44 @@
           },
           "description": "",
           "doc-url": "https://ui.evercam.io/",
-          "attributes": null
+          "attributes": [
+            {
+              "name": "video-url",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "platform",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "iframe-listeners",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "() => ({})",
+              "value": {
+                "kind": "expression",
+                "type": "object"
+              }
+            },
+            {
+              "name": "iframe-options",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "() => ({})",
+              "value": {
+                "kind": "expression",
+                "type": "object"
+              }
+            }
+          ]
         },
         {
           "name": "EHeatmapBar",
@@ -1203,25 +1409,116 @@
           },
           "description": "",
           "doc-url": "https://ui.evercam.io/",
-          "attributes": null
+          "attributes": [
+            {
+              "name": "ignore-pointer-events",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "with-overlay",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "true",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "disabled",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            }
+          ]
         },
         {
-          "name": "ESvgIcon",
+          "name": "EGlobalSearch",
           "source": {
-            "module": "./src/components/ESvgIcon.vue",
-            "symbol": "ESvgIcon"
+            "module": "./src/components/EGlobalSearch.vue",
+            "symbol": "EGlobalSearch"
           },
           "description": "",
           "doc-url": "https://ui.evercam.io/",
           "attributes": [
             {
-              "name": "icon",
+              "name": "dark",
               "doc-url": "https://www.npmjs.com/package/@evercam/ui",
-              "default": "",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "items",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "() => []",
+              "value": {
+                "kind": "expression",
+                "type": "array"
+              }
+            },
+            {
+              "name": "timezone",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "Europe/Dublin",
               "value": {
                 "kind": "expression",
                 "type": "string"
               }
+            },
+            {
+              "name": "converted-date-format",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "YYYY-MM-DDTHH:mm:ss",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "current-date-format",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "YYYY-MM-DDTHH:mm:ssZ",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "is-fixed-position",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "true",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "is-hidden",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "true",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "deep",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "true",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
             }
           ]
         }