@evercam/ui 0.0.61 → 0.0.63-preview-create-image-comparator-comp-e2247e3c3

package/dist/tags.json

@@ -195,6 +195,14 @@
     ],
     "description": ""
   },
+  "EImagesComparator": {
+    "attributes": [
+      "before-image-src",
+      "after-image-src",
+      "is-loading"
+    ],
+    "description": ""
+  },
   "EToggleSwitch": {
     "attributes": [
       "options",

package/dist/{src/types.d.ts → types.d.ts}

@@ -25,10 +25,25 @@ export declare enum BaseColor {
     brand = "brand",
     default = "default"
 }
+/**
+ * {@link Size}
+ * */
 export type TBadgeSize = (typeof BadgeSizes)[number];
+/**
+ * {@link Size}
+ * */
 export type TAvatarSize = (typeof AvatarSizes)[number];
+/**
+ * {@link Size}
+ * */
 export type TIconSize = (typeof IconSizes)[number];
+/**
+ * {@link Size}
+ * */
 export type TToggleSwitchSize = (typeof ToggleSwitchSizes)[number];
+/**
+ * {@link BaseColor}
+ * */
 export type TBadgeColor = (typeof BadgeColors)[number];
 export type TailwindColorClass = string;
 export type FlexJustifyContent = "around" | "between" | "center" | "end" | "evenly" | "normal" | "start" | "stretch";
@@ -45,6 +60,10 @@ export type TimelineTicksConfig = {
     interval: any;
     format: string | ((d: Date) => string);
 };
+/**
+ * {@link TimelineAxis}
+ * {@link TimelineTicksConfig}
+ * */
 export type TimelineAxesConfig = {
     [key in TimelineAxis]: TimelineTicksConfig[];
 };
@@ -77,6 +96,12 @@ export type TimelineMilestoneEvent = {
     size?: number;
     [key: string]: any;
 };
+/**
+ * {@link TimelineBarEvent}
+ * {@link TimelineRangeEvent}
+ * {@link TimelineCountEvent}
+ * {@link TimelineMilestoneEvent}
+ */
 export type TimelineEvent = TimelineBarEvent | TimelineRangeEvent | TimelineCountEvent | TimelineMilestoneEvent;
 export declare enum TimelineChartType {
     bars = "bars",
@@ -85,6 +110,10 @@ export declare enum TimelineChartType {
     barChart = "barGraph",
     milestones = "milestones"
 }
+/**
+ * {@link TimelineEvent}
+ * {@link TimelineChartType}
+ * */
 export type TimelineEventsGroup = {
     events: Array<TimelineEvent>;
     label: string;
@@ -102,6 +131,9 @@ export type TimelineEventsGroup = {
     bottom?: boolean;
     barBorderRadius?: number;
 };
+/**
+ * {@link TimelineEventsGroup}
+ * */
 export type TimelineEventsByType = {
     [eventsType: string]: TimelineEventsGroup;
 };
@@ -140,16 +172,21 @@ export type GlobalSearchMatch = {
     path: Array<string>;
     value: string | number | boolean;
 };
+/**
+ * {@link GlobalSearchMatch}
+ * */
 export type GlobalSearchResult = {
     index: number;
     matches: Array<GlobalSearchMatch>;
 };
 export type GlobalSearchResultInput = Array<Record<any, any> | Array<any>>;
+/** @ignore */
 export interface FullscreenHTMLElement extends HTMLElement {
     mozRequestFullScreen?: () => Promise<void>;
     webkitRequestFullScreen?: () => Promise<void>;
     msRequestFullscreen?: () => Promise<void>;
 }
+/** @ignore */
 export interface FullscreenDocument extends Document {
     mozCancelFullScreen?: () => Promise<void>;
     webkitCancelFullScreen?: () => Promise<void>;
@@ -161,5 +198,14 @@ export interface FullscreenDocument extends Document {
     msFullscreenEnabled: boolean;
     mozFullScreenEnabled: boolean;
 }
+export type D3TimestampParams = {
+    timestamp: string | Date;
+    timezone: string;
+};
+export type D3DateParams = {
+    date: Date;
+    timezone: string;
+};
+export type TimelineDomain = Date[] | string[];
 declare const _default: {};
 export default _default;

package/dist/{src/utils.d.ts → utils.d.ts}

@@ -2,3 +2,4 @@ export declare function isFullScreen(): boolean;
 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;

package/dist/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@evercam/ui",
-  "version": "0.0.61",
+  "version": "0.0.63-preview-create-image-comparator-comp-e2247e3c3",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -691,7 +691,7 @@
             {
               "name": "x-axes-config",
               "doc-url": "https://www.npmjs.com/package/@evercam/ui",
-              "default": "() => c0",
+              "default": "() => St",
               "value": {
                 "kind": "expression",
                 "type": "object"
@@ -1377,6 +1377,44 @@
             }
           ]
         },
+        {
+          "name": "EImagesComparator",
+          "source": {
+            "module": "./src/components/EImagesComparator.vue",
+            "symbol": "EImagesComparator"
+          },
+          "description": "",
+          "doc-url": "https://ui.evercam.io/",
+          "attributes": [
+            {
+              "name": "before-image-src",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "null",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "after-image-src",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "null",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "is-loading",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            }
+          ]
+        },
         {
           "name": "EToggleSwitch",
           "source": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@evercam/ui",
-  "version": "0.0.61",
+  "version": "0.0.63-preview-create-image-comparator-comp-e2247e3c3",
   "license": "MIT",
   "private": false,
   "author": "Evercam - Constuction Cameras.",
@@ -27,42 +27,50 @@
     "dist"
   ],
   "scripts": {
-    "story:dev": "histoire dev",
-    "story:build": "histoire build",
-    "story:preview": "histoire preview",
     "build": "yarn build:lib && yarn build:style && yarn generate-ide-docs",
     "build:lib": "vite build",
     "build:style": "postcss src/style/main.css --verbose -o dist/styles.css",
     "build-and-copy": "yarn build && rsync -av --delete ./dist/ ../../node_modules/@evercam/ui/dist/",
+    "story:dev": "yarn stroy:build:tailwind && yarn stroy:build:typedoc && yarn stroy:dev:styleguide",
+    "stroy:dev:styleguide": "vue-styleguidist --config docs/config/styleguide.config.js server",
+    "story:build": "yarn stroy:build:typedoc && yarn stroy:build:tailwind && yarn stroy:build:styleguide",
+    "stroy:build:styleguide": "vue-styleguidist --config docs/config/styleguide.config.js build",
+    "stroy:build:typedoc": "yarn typedoc --options docs/config/typedoc.config.js --out docs/assets/typedoc",
+    "stroy:build:tailwind": "tailwind-config-viewer export docs/assets/tailwind-config-viewer",
     "typecheck": "vue-tsc --declaration --emitDeclarationOnly",
     "generate-ide-docs": "node scripts/generateVetur.mjs && node scripts/generateWebTypes.mjs",
     "ci": "(cd ../..; yarn ci)",
     "publish-ci": "cd ../.. && yarn publish-ci"
   },
   "devDependencies": {
-    "@fontsource-variable/inter": "^5.0.8",
-    "@fortawesome/fontawesome-free": "^5.15.3",
-    "@histoire/plugin-vue2": "^0.17.1",
-    "@histoire/vendors": "^0.17.0",
     "@types/d3": "^7.4.2",
     "@types/vue": "^2.0.0",
     "@vitejs/plugin-vue2": "^2.2.0",
     "autoprefixer": "^10.4.15",
+    "browser-sync": "^3.0.2",
+    "browser-sync-webpack-plugin": "^2.3.0",
+    "css-loader": "^6.11.0",
     "d3": "^7.8.5",
-    "histoire": "^0.17.0",
     "hls.js": "^1.5.6",
     "moment-timezone": "^0.5.43",
     "postcss": "^8.4.29",
     "postcss-cli": "^10.1.0",
-    "tailwindcss": "^3.3.3",
+    "tailwind-config-viewer": "^2.0.1",
+    "tailwindcss": "^3.4.3",
+    "ts-loader": "^9.5.1",
+    "typedoc": "^0.25.13",
+    "typedoc-plugin-markdown": "^4.0.0-next.55",
     "typescript": "^5.2.2",
     "vite": "^4.4.9",
+    "vite-plugin-commonjs": "^0.10.1",
     "vite-plugin-dts": "^3.6.0",
-    "vscode-oniguruma": "^1.6.1",
-    "vscode-textmate": "^6.0.0",
     "vue": "^2.7.16",
+    "vue-loader": "^15.0.0",
+    "vue-style-loader": "^4.1.3",
+    "vue-styleguidist": "^4.72.4",
     "vue-template-compiler": "^2.7.16",
-    "vue-tsc": "^1.8.15"
+    "webpack": "^5.91.0",
+    "webpack-shell-plugin-next": "^2.3.1"
   },
   "peerDependencies": {
     "@fontsource-variable/inter": "^5.0.8",