@politiet/sheriff-web-components 2.13.1 → 2.14.1

package/dist/utils/video-thumbnail.js

@@ -0,0 +1,77 @@
+const THUMBNAIL_TIMEOUT_MS = 5000;
+const THUMBNAIL_QUALITY = 0.75;
+let webpSupported;
+function supportsWebpEncoding() {
+    if (webpSupported === undefined) {
+        const canvas = document.createElement('canvas');
+        canvas.width = canvas.height = 1;
+        webpSupported = canvas.toDataURL('image/webp').startsWith('data:image/webp');
+    }
+    return webpSupported;
+}
+/**
+ * Generates a square-agnostic still-frame thumbnail for a video file and returns an object URL
+ * for the encoded image blob (WebP where supported, otherwise JPEG). The caller owns the URL and
+ * must revoke it with `URL.revokeObjectURL` when done. Rejects if the video can't be decoded in
+ * time, so callers can fall back to a file icon.
+ */
+export function generateVideoThumbnail(file) {
+    return new Promise((resolve, reject) => {
+        const source = URL.createObjectURL(file);
+        const video = document.createElement('video');
+        let settled = false;
+        const cleanup = () => {
+            clearTimeout(timer);
+            video.removeAttribute('src');
+            video.load();
+            URL.revokeObjectURL(source);
+        };
+        const fail = (error) => {
+            if (settled)
+                return;
+            settled = true;
+            cleanup();
+            reject(error instanceof Error ? error : new Error(String(error)));
+        };
+        const succeed = (url) => {
+            if (settled) {
+                URL.revokeObjectURL(url);
+                return;
+            }
+            settled = true;
+            cleanup();
+            resolve(url);
+        };
+        const timer = setTimeout(() => fail(new Error('Video thumbnail generation timed out')), THUMBNAIL_TIMEOUT_MS);
+        video.muted = true;
+        video.playsInline = true;
+        video.preload = 'auto';
+        video.addEventListener('error', () => fail(new Error('Video could not be decoded')));
+        video.addEventListener('loadeddata', () => {
+            // Seek slightly past the start to avoid capturing a black leading frame.
+            video.currentTime = Math.min(0.1, (video.duration || 0) / 2);
+        }, { once: true });
+        video.addEventListener('seeked', () => {
+            try {
+                const width = video.videoWidth;
+                const height = video.videoHeight;
+                if (!width || !height)
+                    throw new Error('Video has no dimensions');
+                const canvas = document.createElement('canvas');
+                canvas.width = width;
+                canvas.height = height;
+                const context = canvas.getContext('2d');
+                if (!context)
+                    throw new Error('Canvas 2D context unavailable');
+                context.drawImage(video, 0, 0, width, height);
+                const type = supportsWebpEncoding() ? 'image/webp' : 'image/jpeg';
+                canvas.toBlob((blob) => (blob ? succeed(URL.createObjectURL(blob)) : fail(new Error('Canvas toBlob returned null'))), type, THUMBNAIL_QUALITY);
+            }
+            catch (error) {
+                fail(error);
+            }
+        }, { once: true });
+        video.src = source;
+    });
+}
+//# sourceMappingURL=video-thumbnail.js.map

package/dist/utils/video-thumbnail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"video-thumbnail.js","sourceRoot":"","sources":["../../src/utils/video-thumbnail.ts"],"names":[],"mappings":"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","sourcesContent":["const THUMBNAIL_TIMEOUT_MS = 5000;\nconst THUMBNAIL_QUALITY = 0.75;\n\nlet webpSupported: boolean | undefined;\n\nfunction supportsWebpEncoding(): boolean {\n\tif (webpSupported === undefined) {\n\t\tconst canvas = document.createElement('canvas');\n\t\tcanvas.width = canvas.height = 1;\n\t\twebpSupported = canvas.toDataURL('image/webp').startsWith('data:image/webp');\n\t}\n\treturn webpSupported;\n}\n\n/**\n * Generates a square-agnostic still-frame thumbnail for a video file and returns an object URL\n * for the encoded image blob (WebP where supported, otherwise JPEG). The caller owns the URL and\n * must revoke it with `URL.revokeObjectURL` when done. Rejects if the video can't be decoded in\n * time, so callers can fall back to a file icon.\n */\nexport function generateVideoThumbnail(file: File): Promise<string> {\n\treturn new Promise<string>((resolve, reject) => {\n\t\tconst source = URL.createObjectURL(file);\n\t\tconst video = document.createElement('video');\n\t\tlet settled = false;\n\n\t\tconst cleanup = () => {\n\t\t\tclearTimeout(timer);\n\t\t\tvideo.removeAttribute('src');\n\t\t\tvideo.load();\n\t\t\tURL.revokeObjectURL(source);\n\t\t};\n\t\tconst fail = (error: unknown) => {\n\t\t\tif (settled) return;\n\t\t\tsettled = true;\n\t\t\tcleanup();\n\t\t\treject(error instanceof Error ? error : new Error(String(error)));\n\t\t};\n\t\tconst succeed = (url: string) => {\n\t\t\tif (settled) {\n\t\t\t\tURL.revokeObjectURL(url);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsettled = true;\n\t\t\tcleanup();\n\t\t\tresolve(url);\n\t\t};\n\n\t\tconst timer = setTimeout(() => fail(new Error('Video thumbnail generation timed out')), THUMBNAIL_TIMEOUT_MS);\n\n\t\tvideo.muted = true;\n\t\tvideo.playsInline = true;\n\t\tvideo.preload = 'auto';\n\t\tvideo.addEventListener('error', () => fail(new Error('Video could not be decoded')));\n\n\t\tvideo.addEventListener(\n\t\t\t'loadeddata',\n\t\t\t() => {\n\t\t\t\t// Seek slightly past the start to avoid capturing a black leading frame.\n\t\t\t\tvideo.currentTime = Math.min(0.1, (video.duration || 0) / 2);\n\t\t\t},\n\t\t\t{ once: true },\n\t\t);\n\n\t\tvideo.addEventListener(\n\t\t\t'seeked',\n\t\t\t() => {\n\t\t\t\ttry {\n\t\t\t\t\tconst width = video.videoWidth;\n\t\t\t\t\tconst height = video.videoHeight;\n\t\t\t\t\tif (!width || !height) throw new Error('Video has no dimensions');\n\n\t\t\t\t\tconst canvas = document.createElement('canvas');\n\t\t\t\t\tcanvas.width = width;\n\t\t\t\t\tcanvas.height = height;\n\t\t\t\t\tconst context = canvas.getContext('2d');\n\t\t\t\t\tif (!context) throw new Error('Canvas 2D context unavailable');\n\t\t\t\t\tcontext.drawImage(video, 0, 0, width, height);\n\n\t\t\t\t\tconst type = supportsWebpEncoding() ? 'image/webp' : 'image/jpeg';\n\t\t\t\t\tcanvas.toBlob(\n\t\t\t\t\t\t(blob) => (blob ? succeed(URL.createObjectURL(blob)) : fail(new Error('Canvas toBlob returned null'))),\n\t\t\t\t\t\ttype,\n\t\t\t\t\t\tTHUMBNAIL_QUALITY,\n\t\t\t\t\t);\n\t\t\t\t} catch (error) {\n\t\t\t\t\tfail(error);\n\t\t\t\t}\n\t\t\t},\n\t\t\t{ once: true },\n\t\t);\n\n\t\tvideo.src = source;\n\t});\n}\n"]}

package/dist/version.d.ts

@@ -1,2 +1,2 @@
-export declare const SDS_VERSION = "2.13.1";
+export declare const SDS_VERSION = "2.14.1";
 //# sourceMappingURL=version.d.ts.map

package/dist/version.js

@@ -1,3 +1,3 @@
 // Auto-generated by generate-version.cjs — do not edit manually
-export const SDS_VERSION = '2.13.1';
+export const SDS_VERSION = '2.14.1';
 //# sourceMappingURL=version.js.map

package/dist/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sourceRoot":"","sources":["../src/version.ts"],"names":[],"mappings":"AAAA,gEAAgE;AAChE,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC","sourcesContent":["// Auto-generated by generate-version.cjs — do not edit manually\nexport const SDS_VERSION = '2.13.1';\n"]}
+{"version":3,"file":"version.js","sourceRoot":"","sources":["../src/version.ts"],"names":[],"mappings":"AAAA,gEAAgE;AAChE,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC","sourcesContent":["// Auto-generated by generate-version.cjs — do not edit manually\nexport const SDS_VERSION = '2.14.1';\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@politiet/sheriff-web-components",
-	"version": "2.13.1",
+	"version": "2.14.1",
 	"description": "Sheriff Design System Web Components Library",
 	"author": "Politiets IT-enhet",
 	"license": "ISC",
@@ -19,6 +19,7 @@
 		"./dist/index.js",
 		"./dist/sds-*/sds-*.js",
 		"./dist/shared/**/positioning.js",
+		"./dist/sds-file-upload-item/assets/u-progress.js",
 		"./dist/sheriff-web-components.js"
 	],
 	"exports": {
@@ -97,6 +98,18 @@
 			"import": "./dist/sds-environment-banner/sds-environment-banner.js",
 			"default": "./dist/sds-environment-banner/sds-environment-banner.js"
 		},
+		"./sds-file-upload": {
+			"types": "./dist/sds-file-upload/sds-file-upload.d.ts",
+			"import": "./dist/sds-file-upload/sds-file-upload.js"
+		},
+		"./sds-file-upload-item": {
+			"types": "./dist/sds-file-upload-item/sds-file-upload-item.d.ts",
+			"import": "./dist/sds-file-upload-item/sds-file-upload-item.js"
+		},
+		"./sds-file-upload-file-list": {
+			"types": "./dist/sds-file-upload-file-list/sds-file-upload-file-list.d.ts",
+			"import": "./dist/sds-file-upload-file-list/sds-file-upload-file-list.js"
+		},
 		"./sds-heading": {
 			"types": "./dist/sds-heading/sds-heading.d.ts",
 			"import": "./dist/sds-heading/sds-heading.js",
@@ -152,6 +165,11 @@
 			"import": "./dist/sds-radio-group/sds-radio-group.js",
 			"default": "./dist/sds-radio-group/sds-radio-group.js"
 		},
+		"./sds-search": {
+			"types": "./dist/sds-search/sds-search.d.ts",
+			"import": "./dist/sds-search/sds-search.js",
+			"default": "./dist/sds-search/sds-search.js"
+		},
 		"./sds-select": {
 			"types": "./dist/sds-select/sds-select.d.ts",
 			"import": "./dist/sds-select/sds-select.js",
@@ -204,10 +222,11 @@
 		"test:watch": "vitest",
 		"tidy-frameworks": "node ../../../scripts/delete-filetypes-from-folder.js --folder ./dist/frameworks --filetypes js,js.map",
 		"build:component-version": "node generate-version.cjs",
-		"build": "npm run build:shared && npm run build:popover && npm run build:tooltip && npm run build:component-version && tsc && npm run tidy-frameworks && npm run build:metadata && npm run build:skill",
+		"build": "npm run build:shared && npm run build:popover && npm run build:tooltip && npm run build:u-progress && npm run build:component-version && tsc && npm run tidy-frameworks && npm run build:metadata && npm run build:skill",
 		"build:shared": "rollup -c ./src/shared/assets/rollup.config.js",
 		"build:tooltip": "rollup -c ./src/sds-tooltip/assets/rollup.config.js",
 		"build:popover": "rollup -c src/sds-popover/assets/rollup.config.js",
+		"build:u-progress": "rollup -c ./src/sds-file-upload-item/assets/rollup.config.js",
 		"build:web-types": "wca-webtypes analyze \"src/sds-*/**/*.ts\" --format webtypes --visibility public --outFile \"web-types.json\"",
 		"build:cem": "cem analyze --config custom-elements-manifest.config.mjs --outdir .",
 		"build:metadata": "npm run build:web-types && npm run build:cem",
@@ -218,10 +237,10 @@
 	},
 	"optionalDependencies": {
 		"@lit/react": "^1.0.8",
-		"@politiet/sheriff-icons": "^2.1.1"
+		"@politiet/sheriff-icons": "^2.1.2"
 	},
 	"peerDependencies": {
-		"@politiet/sheriff-css-framework": "^2.6.1",
+		"@politiet/sheriff-css-framework": "^2.6.3",
 		"typescript": ">=3.8.0"
 	},
 	"peerDependenciesMeta": {
@@ -232,16 +251,17 @@
 	"devDependencies": {
 		"@axe-core/playwright": "^4.11.3",
 		"@custom-elements-manifest/analyzer": "^0.11.0",
-		"@digdir/designsystemet-css": "^1.12.1",
-		"@digdir/designsystemet-web": "^1.12.1",
+		"@digdir/designsystemet-css": "^1.23.0",
+		"@digdir/designsystemet-web": "^1.23.0",
 		"@rollup/plugin-node-resolve": "^16.0.3",
 		"@rollup/plugin-terser": "^1.0.0",
+		"@u-elements/u-progress": "^1.0.1",
 		"lit-web-types": "^0.1.5",
 		"preact": "^10.26.1",
 		"rollup": "^4.59.0",
 		"solid-js": "^1.9.4",
 		"ts-lit-plugin": "^2.0.2",
-		"vitest": "^3.2.4",
+		"vitest": "^4.1.11",
 		"vue": "^3.5.13",
 		"web-component-analyzer-webtypes": "^2.0.12"
 	},