@cocreate/fullscreen 1.18.0 → 2.0.0

package/CONTRIBUTING.md

@@ -1,19 +1,19 @@
 # Contributing to CoCreate-fullscreen
 
-This project is work of [many contributors](https://github.com/CoCreate-app/CoCreate-fullscreen/graphs/contributors).
-You're encouraged to submit [pull requests](https://github.com/CoCreate-app/CoCreate-fullscreen/pulls),
-[propose features and discuss issues](https://github.com/CoCreate-app/CoCreate-fullscreen/issues).
+This project is work of [many contributors](https://github.com/CoCreateJS/fullscreen/graphs/contributors).
+You're encouraged to submit [pull requests](https://github.com/CoCreateJS/fullscreen/pulls),
+[propose features and discuss issues](https://github.com/CoCreateJS/fullscreen/issues).
 
 In the examples below, substitute your Github username for `contributor` in URLs.
 
 ## Fork the Project
 
-Fork the [project on Github](https://github.com/CoCreate-app/CoCreate-fullscreen) and check out your copy.
+Fork the [project on Github](https://github.com/CoCreateJS/fullscreen) and check out your copy.
 
 ```
 git fullscreen https://github.com/contributor/CoCreate-fullscreen.git
 cd CoCreate-fullscreen
-git remote add upstream https://gitlab.com/cocreatejs/CoCreate-fullscreen.git
+git remote add upstream https://github.com/CoCreateJS/fullscreen.git
 ```
 
 ## Create a Topic Branch
@@ -75,7 +75,7 @@ git push origin my-feature-branch
 
 ## Make a Pull Request
 
-Go to [https://github.com/CoCreate-app/CoCreate-fullscreen](https://github.com/CoCreate-app/CoCreate-fullscreen) and select your feature branch.
+Go to [https://github.com/CoCreateJS/fullscreen](https://github.com/CoCreateJS/fullscreen) and select your feature branch.
 Click the 'Pull Request' button and fill out the form. Pull requests are usually reviewed within a few days.
 
 ## Rebase

package/README.md

@@ -1,28 +1,28 @@
 # CoCreate-fullscreen
 
-Toggle any html element to view in fullscreen mode. Easy configuration and targeting using the fullscreen and target attribute. Take it for a spin in our [playground!](https://cocreate.app/docs/fullscreen)
+Toggle any html element to view in fullscreen mode. Easy configuration and targeting using the fullscreen and target attribute. Take it for a spin in our [playground!](https://CoCreateJS.com/docs/fullscreen)
 
-![minified](https://img.badgesize.io/https://cdn.cocreate.app/fullscreen/latest/CoCreate-fullscreen.min.js?style=flat-square&label=minified&color=orange)
-![gzip](https://img.badgesize.io/https://cdn.cocreate.app/fullscreen/latest/CoCreate-fullscreen.min.js?compression=gzip&style=flat-square&label=gzip&color=yellow)
-![brotli](https://img.badgesize.io/https://cdn.cocreate.app/fullscreen/latest/CoCreate-fullscreen.min.js?compression=brotli&style=flat-square&label=brotli)
-![GitHub latest release](https://img.shields.io/github/v/release/CoCreate-app/CoCreate-fullscreen?style=flat-square)
-![License](https://img.shields.io/github/license/CoCreate-app/CoCreate-fullscreen?style=flat-square)
+![minified](https://img.badgesize.io/https://cdn.CoCreateJS.com/fullscreen/latest/CoCreate-fullscreen.min.js?style=flat-square&label=minified&color=orange)
+![gzip](https://img.badgesize.io/https://cdn.CoCreateJS.com/fullscreen/latest/CoCreate-fullscreen.min.js?compression=gzip&style=flat-square&label=gzip&color=yellow)
+![brotli](https://img.badgesize.io/https://cdn.CoCreateJS.com/fullscreen/latest/CoCreate-fullscreen.min.js?compression=brotli&style=flat-square&label=brotli)
+![GitHub latest release](https://img.shields.io/github/v/release/CoCreateJS/fullscreen?style=flat-square)
+![License](https://img.shields.io/github/license/CoCreateJS/fullscreen?style=flat-square)
 ![Hiring](https://img.shields.io/static/v1?style=flat-square&label=&message=Hiring&color=blueviolet)
 
-![CoCreate-fullscreen](https://cdn.cocreate.app/docs/CoCreate-fullscreen.gif)
+![CoCreate-fullscreen](https://cdn.CoCreateJS.com/docs/CoCreate-fullscreen.gif)
 
-## [Docs & Demo](https://cocreate.app/docs/fullscreen)
+## [Docs & Demo](https://CoCreateJS.com/docs/fullscreen)
 
-For a complete guide and working demo refer to the [doumentation](https://cocreate.app/docs/fullscreen)
+For a complete guide and working demo refer to the [doumentation](https://CoCreateJS.com/docs/fullscreen)
 
 ## CDN
 
 ```html
-<script src="https://cdn.cocreate.app/fullscreen/latest/CoCreate-fullscreen.min.js"></script>
+<script src="https://cdn.CoCreateJS.com/fullscreen/latest/CoCreate-fullscreen.min.js"></script>
 ```
 
 ```html
-<script src="https://cdn.cocreate.app/fullscreen/latest/CoCreate-fullscreen.min.css"></script>
+<script src="https://cdn.CoCreateJS.com/fullscreen/latest/CoCreate-fullscreen.min.css"></script>
 ```
 
 ## NPM
@@ -50,13 +50,13 @@ $ yarn install @cocreate/fullscreen
 
 # Announcements
 
-All updates to this library are documented in our [CHANGELOG](https://github.com/CoCreate-app/CoCreate-fullscreen/blob/master/CHANGELOG.md) and [releases](https://github.com/CoCreate-app/CoCreate-fullscreen/releases). You may also subscribe to email for releases and breaking changes.
+All updates to this library are documented in our [CHANGELOG](https://github.com/CoCreateJS/fullscreen/blob/master/CHANGELOG.md) and [releases](https://github.com/CoCreateJS/fullscreen/releases). You may also subscribe to email for releases and breaking changes.
 
 <a name="roadmap"></a>
 
 # Roadmap
 
-If you are interested in the future direction of this project, please take a look at our open [issues](https://github.com/CoCreate-app/CoCreate-fullscreen/issues) and [pull requests](https://github.com/CoCreate-app/CoCreate-fullscreen/pulls). We would love to hear your feedback.
+If you are interested in the future direction of this project, please take a look at our open [issues](https://github.com/CoCreateJS/fullscreen/issues) and [pull requests](https://github.com/CoCreateJS/fullscreen/pulls). We would love to hear your feedback.
 
 <a name="about"></a>
 
@@ -64,7 +64,7 @@ If you are interested in the future direction of this project, please take a loo
 
 CoCreate-fullscreen is guided and supported by the CoCreate Developer Experience Team.
 
-Please Email the Developer Experience Team [here](mailto:develop@cocreate.app) in case of any queries.
+Please Email the Developer Experience Team [here](mailto:develop@CoCreateJS.com) in case of any queries.
 
 CoCreate-fullscreen is maintained and funded by CoCreate. The names and logos for CoCreate are trademarks of CoCreate, LLC.
 
@@ -72,9 +72,9 @@ CoCreate-fullscreen is maintained and funded by CoCreate. The names and logos fo
 
 # How to Contribute
 
-We encourage contribution to our libraries (you might even score some nifty swag), please see our [CONTRIBUTING](https://github.com/CoCreate-app/CoCreate-fullscreen/blob/master/CONTRIBUTING.md) guide for details.
+We encourage contribution to our libraries (you might even score some nifty swag), please see our [CONTRIBUTING](https://github.com/CoCreateJS/fullscreen/blob/master/CONTRIBUTING.md) guide for details.
 
-We want this library to be community-driven, and CoCreate led. We need your help to realize this goal. To help make sure we are building the right things in the right order, we ask that you create [issues](https://github.com/CoCreate-app/CoCreate-fullscreen/issues) and [pull requests](https://github.com/CoCreate-app/CoCreate-fullscreen/pulls) or merely upvote or comment on existing issues or pull requests.
+We want this library to be community-driven, and CoCreate led. We need your help to realize this goal. To help make sure we are building the right things in the right order, we ask that you create [issues](https://github.com/CoCreateJS/fullscreen/issues) and [pull requests](https://github.com/CoCreateJS/fullscreen/pulls) or merely upvote or comment on existing issues or pull requests.
 
 We appreciate your continued support, thank you!
 
@@ -82,4 +82,4 @@ We appreciate your continued support, thank you!
 <a name="license"></a>
 # License
 
-[The MIT License (MIT)](https://github.com/CoCreate-app/CoCreate-fullscreen/blob/master/LICENSE)
+[The MIT License (MIT)](https://github.com/CoCreateJS/fullscreen/blob/master/LICENSE)

package/demo/index.html

@@ -150,6 +150,6 @@
 
 		<!--<script src="../dist/CoCreate-fullscreen.js"></script>-->
 		<!-- <script src="../../../CoCreateJS/dist/CoCreate.js"></script> -->
-		<script src="https://CoCreate.app/dist/CoCreate.js"></script>
+		<script src="https://CoCreateJS.com/dist/CoCreate.js"></script>
 	</body>
 </html>

package/docs/index.html

@@ -14,7 +14,7 @@
 		<meta name="robots" content="index,follow" />
 		<meta
 			property="og:image"
-			content="https://cdn.cocreate.app/docs/fullscreen.png" />
+			content="https://cdn.CoCreateJS.com/docs/fullscreen.png" />
 
 		<title>CoCreate-fullscreen Documentation | CoCreateJS</title>
 
@@ -23,7 +23,7 @@
 			rel="icon"
 			type="image/png"
 			sizes="32x32"
-			href="https://cocreate.app/images/favicon.ico" />
+			href="https://CoCreateJS.com/images/favicon.ico" />
 		<link
 			rel="stylesheet"
 			href="../index.css"
@@ -76,7 +76,7 @@
 						share-title="CoCreate Fullscreen"
 						share-height="600"
 						share-width="700"
-						share-media="https://cdn.cocreate.app/docs/fullscreen.png"
+						share-media="https://cdn.CoCreateJS.com/docs/fullscreen.png"
 						hover="display:block!important"
 						hover-query=".social-networks">
 						<div class="display:none social-networks">
@@ -114,7 +114,7 @@
 					></a>
 				</div>
 				<a
-					href="https://github.com/CoCreate-app/CoCreate-fullscreen"
+					href="https://github.com/CoCreateJS/CoCreate-fullscreen"
 					target="_blank"
 					class="margin-right:15px"
 					><i src="/assets/svg/github.svg"></i
@@ -152,7 +152,7 @@
 					<p class="padding:10px_0px line-height:1.5">
 						Or you can use cdn link:
 					</p>
-					<pre><code class="language-html">&lt;script&gt;https://cdn.cocreate.app/fullscreen/latest/CoCreate-fullscreen.min.js&lt;/script&gt;</code></pre>
+					<pre><code class="language-html">&lt;script&gt;https://cdn.CoCreateJS.com/fullscreen/latest/CoCreate-fullscreen.min.js&lt;/script&gt;</code></pre>
 
 					<div
 						id="fullscreen-usage"
@@ -343,6 +343,6 @@
 			</div>
 		</main>
 
-		<script src="https://CoCreate.app/dist/CoCreate.js"></script>
+		<script src="https://CoCreateJS.com/dist/CoCreate.js"></script>
 	</body>
 </html>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/fullscreen",
-  "version": "1.18.0",
+  "version": "2.0.0",
   "description": "Toggle any html element to view in fullscreen mode. Easy configuration and targeting using the fullscreen and target attribute.",
   "keywords": [
     "fullscreen",
@@ -22,17 +22,17 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://gitlab.com/cocreatejs/CoCreate-fullscreen.git"
+    "url": "git+https://github.com/CoCreateJS/fullscreen.git"
   },
   "author": "CoCreate LLC",
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/CoCreate-app/CoCreate-fullscreen/issues"
+    "url": "https://github.com/CoCreateJS/fullscreen/issues"
   },
-  "homepage": "https://cocreate.app/docs/fullscreen",
+  "homepage": "https://CoCreateJS.com/docs/fullscreen",
   "funding": {
     "type": "GitHub Sponsors ❤",
-    "url": "https://github.com/sponsors/CoCreate-app"
+    "url": "https://github.com/sponsors/CoCreateJS"
   },
   "main": "./src/index.js",
   "dependencies": {

package/src/index.css

@@ -1,13 +1,3 @@
-[fullscreen] i:last-child {
-	display: none;
-}
-[fullscreen="true"] i:first-child {
-	display: none;
-}
-[fullscreen="true"] i:last-child {
-	display: unset;
-}
-
 :not(:root):fullscreen::backdrop {
 	background: none;
 }

package/src/index.js

@@ -1,8 +1,8 @@
 /*!
- * https://cocreate.app
- * https://github.com/CoCreate-app/Fullscreen_Toggle
+ * https://CoCreateJS.com
+ * https://github.com/CoCreateJS/Fullscreen_Toggle
  * Released under the MIT license
- * https://github.com/CoCreate-app/Fullscreen_Toggle/blob/master/LICENSE
+ * https://github.com/CoCreateJS/Fullscreen_Toggle/blob/master/LICENSE
  */
 import observer from "@cocreate/observer";
 import { queryElements } from "@cocreate/utils";
@@ -49,6 +49,11 @@ document.addEventListener("fullscreenchange", (event) => {
 	}
 });
 
+/**
+ *
+ * @public
+ * @environment client
+ */
 function requestFullscreen(element) {
 	if (!document.fullscreenElement) {
 		if (element.requestFullscreen) {
@@ -65,6 +70,11 @@ function requestFullscreen(element) {
 	}
 }
 
+/**
+ *
+ * @public
+ * @environment client
+ */
 function exitFullscreen() {
 	if (document.fullscreenElement) {
 		if (document.exitFullscreen) {
@@ -101,3 +111,41 @@ observer.init({
 init();
 
 export default { requestFullscreen, exitFullscreen };
+
+/**
+ *
+ * @name fullscreen
+ * @kind member
+ * @attribute
+ * @environment client
+ */
+
+/**
+ *
+ * @name fullscreen-query
+ * @kind member
+ * @attribute
+ * @environment client
+ */
+
+/**
+ * Toggle any html element to view in fullscreen mode. Easy configuration and targeting using the fullscreen and target attribute.
+ *
+ * @module fullscreen
+ * @environment client
+ */
+
+/**
+ * Declarative selectors recognized by this module.
+ *
+ * @name declarative-selectors
+ * @kind member
+ * @selectors
+ * @environment client
+ * @example
+ * ```json
+ * [
+ *   "[fullscreen]"
+ * ]
+ * ```
+ */