remove pictureInPictureElement

elements/index.d.ts

@@ -1081,7 +1081,6 @@ export interface SvelteMediaTimeRange {
 export interface SvelteDocumentAttributes extends HTMLAttributes<Document> {
 	readonly 'bind:fullscreenElement'?: Document['fullscreenElement'] | undefined | null;
 	readonly 'bind:visibilityState'?: Document['visibilityState'] | undefined | null;
-	readonly 'bind:pictureInPictureElement'?: Document['pictureInPictureElement'] | undefined | null;
 }
 
 export interface SvelteWindowAttributes extends HTMLAttributes<Window> {

site/content/docs/03-template-syntax.md

@@ -1778,7 +1778,6 @@ As with `<svelte:window>`, this element may only appear the top level of your co
 You can also bind to the following properties:
 
 * `fullscreenElement`
-* `pictureInPictureElement`
 * `visibilityState`
 
 All are readonly.

src/compiler/compile/nodes/Document.ts

@@ -12,7 +12,6 @@ import compiler_errors from '../compiler_errors';
 
 const valid_bindings = [
 	'fullscreenElement',
-	'pictureInPictureElement',
 	'visibilityState'
 ];
 

src/compiler/compile/render_dom/wrappers/Document.ts

@@ -11,13 +11,11 @@ import add_actions from './shared/add_actions';
 
 const associated_events = {
 	fullscreenElement: ['fullscreenchange'],
-	pictureInPictureElement: ['enterpictureinpicture', 'leavepictureinpicture'],
 	visibilityState: ['visibilitychange']
 };
 
 const readonly = new Set([
 	'fullscreenElement',
-	'pictureInPictureElement',
 	'visibilityState'
 ]);
 

test/runtime/samples/document-binding-pip/_config.js

@@ -1,44 +0,0 @@
-export default {
-	before_test() {
-		Object.defineProperties(document, {
-			pictureInPictureElement: {
-				value: null,
-				configurable: true
-			}
-		});
-	},
-
-  // copied from window-binding
-  // there's some kind of weird bug with this test... it compiles with the wrong require.extensions hook for some bizarre reason
-	skip_if_ssr: true, 
-
-	async test({ assert, target, window, component }) {
-		const enter = new window.Event('enterpictureinpicture');
-
-    const div = target.querySelector('div');
-
-		Object.defineProperties(window.document, {
-			pictureInPictureElement: {
-				value: div,
-				configurable: true
-			}
-		});
-
-		window.document.dispatchEvent(enter);
-
-		assert.equal(component.pip, div);
-
-		const leave = new window.Event('leavepictureinpicture');
-    
-		Object.defineProperties(window.document, {
-			pictureInPictureElement: {
-				value: null,
-				configurable: true
-			}
-		});
-    
-		window.document.dispatchEvent(leave);
-
-		assert.equal(component.pip, null);
-	}
-};

test/runtime/samples/document-binding-pip/main.svelte

@@ -1,7 +0,0 @@
-<script>
-	export let pip;
-</script>
-
-<svelte:document bind:pictureInPictureElement={pip}/>
-
-<div />