x4js 2.0.12 → 2.0.14

package/lib/src/components/viewport/viewport.module.scss

@@ -1,25 +1,32 @@
-/** 
- *  ___  ___ __
- *  \  \/  /  / _
- *   \    /  /_| |_
- *   /    \____   _|  
- *  /__/\__\   |_|
- * 
- * @file viewport.module.scss
- * @author Etienne Cochard 
- * 
- * @copyright (c) 2024 R-libre ingenierie
- *
- * Use of this source code is governed by an MIT-style license 
- * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
- **/
-
-@use "../shared.scss";
-
-.x4scrollview {
-	@extend .flex;
-}
-
-.x4viewport {
-	width: 100%;
+/** 
+ *  ___  ___ __
+ *  \  \/  /  / _
+ *   \    /  /_| |_
+ *   /    \____   _|  
+ *  /__/\__\   |_|
+ * 
+ * @file viewport.module.scss
+ * @author Etienne Cochard 
+ * 
+ * @copyright (c) 2024 R-libre ingenierie
+ *
+ * Use of this source code is governed by an MIT-style license 
+ * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
+ **/
+
+@use "../shared.scss";
+
+.x4scrollview {
+	@extend .flex;
+
+	position: absolute;
+	height: 100%;
+	width: 100%;
+	left: 0;
+	top: 0;
+	overflow: auto;
+}
+
+.x4viewport {
+	width: 100%;
 }

package/lib/src/components/viewport/viewport.ts

@@ -1,38 +1,41 @@
-/** 
- *  ___  ___ __
- *  \  \/  /  / _
- *   \    /  /_| |_
- *   /    \____   _|  
- *  /__/\__\   |_|
- * 
- * @file viewport.ts
- * @author Etienne Cochard 
- * 
- * @copyright (c) 2024 R-libre ingenierie
- *
- * Use of this source code is governed by an MIT-style license 
- * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
- **/
-
-import { Component, ComponentProps } from "../../core/component"
-
-import "./viewport.module.scss"
-
-export class Viewport extends Component {
-	constructor( props: ComponentProps ) {
-		super( props );
-	}
-}
-
-export class ScrollView extends Component {
-	constructor( props: ComponentProps ) {
-		super( props );
-		this.setContent( new Viewport( {} ) );
-	}
-
-	getViewport( ) {
-		return this.firstChild<Viewport>( );
-	}
-}
-
-
+/** 
+ *  ___  ___ __
+ *  \  \/  /  / _
+ *   \    /  /_| |_
+ *   /    \____   _|  
+ *  /__/\__\   |_|
+ * 
+ * @file viewport.ts
+ * @author Etienne Cochard 
+ * 
+ * @copyright (c) 2024 R-libre ingenierie
+ *
+ * Use of this source code is governed by an MIT-style license 
+ * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
+ **/
+
+import { class_ns } from '@core/core_tools.js';
+import { Component, ComponentProps } from "../../core/component"
+
+import "./viewport.module.scss"
+
+@class_ns( "x4" )
+export class Viewport extends Component {
+	constructor( props: ComponentProps ) {
+		super( props );
+	}
+}
+
+@class_ns( "x4" )
+export class ScrollView extends Component {
+	constructor( props: ComponentProps ) {
+		super( props );
+		this.setContent( new Viewport( {} ) );
+	}
+
+	getViewport( ) {
+		return this.firstChild<Viewport>( );
+	}
+}
+
+