msc-any-pip - npm Package Compare versions

Comparing version 1.0.6 to 1.0.7

mjs/wc-msc-any-pip.js

		@@ -28,2 +28,10 @@ import { _wcl } from './common-lib.js';

		:host(.align-container-size) {
		block-size: 100%;

		.main {
		--block-size: 100%;
		}
		}

		.main {
		@@ -39,2 +47,4 @@ --icon-pip: path('M2.4,11.4v-2H6L1.7,5.1l1.4-1.4L7.4,8V4.4h2v7H2.4z M4.4,20.4c-0.5,0-1-0.2-1.4-0.6c-0.4-0.4-0.6-0.9-0.6-1.4v-5h2v5h8v2 H4.4z M20.4,13.4v-7h-9v-2h9c0.5,0,1,0.2,1.4,0.6c0.4,0.4,0.6,0.9,0.6,1.4v7H20.4z M14.4,20.4v-5h8v5H14.4z');
		--btn-z-index: var(--msc-any-pip-button-z-index, 1);

		block-size: var(--block-size);
		}
		@@ -64,3 +74,3 @@

		.main__slot{position:relative;inline-size:100%;display:block;}
		.main__slot{position:relative;inline-size:100%;block-size:var(--block-size);display:block;}
		.main__slot::slotted(*){max-inline-size:100%;}
		@@ -67,0 +77,0 @@ .main__slot::slotted(.msc-any-pip-cloned){visibility:hidden;opacity:0;pointer-events:none;}

package.json

		{
		"name": "msc-any-pip",
		"version": "1.0.6",
		"version": "1.0.7",
		"description": "Imaging what if we can let anything Picture-in-Picture (not only <video />) ?! Here comes <msc-any-pip /> to let it dream comes true. <msc-any-pip /> apply Document Picture-in-Picture API to given elements have Picture-in-Picture feature.",
		@@ -5,0 +5,0 @@ "main": "index.html",

README.md

		@@ -101,2 +101,10 @@ # msc-any-pip

		Otherwise delevelopers could also add className - `align-container-size` to make <msc-any-pip />'s size same as container's size.（default is `inline-size: 100%` only）

		```html
		<msc-any-pip class="align-container-size">
		...
		</msc-any-pip>
		```

		## Attributes
		@@ -103,0 +111,0 @@

New alerts