@ctx-core/scroll 13.0.0 → 14.0.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @ctx-core/scroll
 
+## 14.0.0
+
+### Major Changes
+
+- extracted @ctx-core/scroll-ui-svelte
+
 ## 13.0.0
 
 ### Major Changes

package/dist/index.js

@@ -3,6 +3,5 @@ export * from './is_visible_.js';
 export * from './out_is_active_.js';
 export * from './out_is_visible_.js';
 export * from './sticky_scroll_active$_b.js';
-export * from './ui/index.js';
 
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from './is_active_.js'\nexport * from './is_visible_.js'\nexport * from './out_is_active_.js'\nexport * from './out_is_visible_.js'\nexport * from './sticky_scroll_active$_b.js'\nexport * from './ui/index.js'\n"],"names":[],"mappings":"cAAc,CAAiB;cACjB,CAAkB;cAClB,CAAqB;cACrB,CAAsB;cACtB,CAA8B;cAC9B,CAAe"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from './is_active_.js'\nexport * from './is_visible_.js'\nexport * from './out_is_active_.js'\nexport * from './out_is_visible_.js'\nexport * from './sticky_scroll_active$_b.js'\n"],"names":[],"mappings":"cAAc,CAAiB;cACjB,CAAkB;cAClB,CAAqB;cACrB,CAAsB;cACtB,CAA8B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ctx-core/scroll",
-  "version": "13.0.0",
+  "version": "14.0.0",
   "description": "ctx-core scroll",
   "keywords": [
     "ctx-core",
@@ -17,22 +17,21 @@
   "license": "Apache-2.0",
   "author": "Brian Takita",
   "type": "module",
-  "types": "./src/index.ts",
   "exports": {
     ".": {
+      "types": "./src/index.ts",
       "import": "./dist/index.js"
     },
     "./package.json": "./package.json"
   },
   "dependencies": {
     "@ctx-core/object": "^22.0.0",
-    "@ctx-core/store": "^27.0.46",
-    "svelte": "3.44.2"
+    "@ctx-core/store": "^27.0.46"
   },
   "devDependencies": {
     "@ctx-core/ctx-core-package-tools": "^8.0.85",
-    "@swc/cli": "^0.1.52",
-    "@swc/core": "^1.2.118",
+    "@swc/cli": "^0.1.55",
+    "@swc/core": "^1.2.120",
     "typescript": "next"
   },
   "publishConfig": {

package/src/index.ts

@@ -3,4 +3,3 @@ export * from './is_visible_.js'
 export * from './out_is_active_.js'
 export * from './out_is_visible_.js'
 export * from './sticky_scroll_active$_b.js'
-export * from './ui/index.js'

package/COMMIT_EDITMSG

@@ -1 +0,0 @@
-

package/dist/ui/Sticky_Scroll.svelte

@@ -1,91 +0,0 @@
-<script lang="ts">
-import { onMount, onDestroy, createEventDispatcher } from 'svelte'
-import { out_is_active_ } from '../out_is_active_.js'
-import { out_is_visible_ } from '../out_is_visible_.js'
-const dispatch = createEventDispatcher()
-export let terminal:HTMLElement|null = null
-let getBoundingClientRect = default_getBoundingClientRect, root:HTMLDivElement|null = null,
-	active:boolean, visible:boolean
-onMount(()=>{
-	reset()
-	if (terminal) {
-		terminal.addEventListener('scroll', reset)
-	}
-})
-onDestroy(()=>{
-	if (terminal) {
-		terminal.removeEventListener('scroll', reset)
-	}
-	if (contains_visible()) {
-		remove_visible()
-	}
-	if (contains_active()) {
-		remove_active()
-	}
-})
-function reset() {
-	const { top, bottom } = getBoundingClientRect()
-	const { innerHeight } = window
-	const out_is_active = out_is_active_(top, bottom)
-	const out_is_visible = out_is_visible_(top, bottom, innerHeight)
-	if (out_is_visible) {
-		if (!visible) {
-			add_visible()
-		}
-	} else {
-		if (visible) {
-			remove_visible()
-		}
-	}
-	if (out_is_active) {
-		if (!active) {
-			add_active()
-		}
-	} else {
-		if (active) {
-			remove_active()
-		}
-	}
-}
-function add_active() {
-	active = true
-	dispatch('add_active', event_())
-}
-function remove_active() {
-	active = false
-	dispatch('remove_active', event_())
-}
-function add_visible() {
-	visible = true
-	dispatch('add_visible', event_())
-}
-function remove_visible() {
-	visible = false
-	dispatch('remove_visible', event_())
-}
-function default_getBoundingClientRect():DOMRect {
-	return root!.getBoundingClientRect()
-}
-function contains_visible() {
-	return root!.classList.contains('visible')
-}
-function contains_active() {
-	return root!.classList.contains('active')
-}
-function event_() {
-	return {
-		root,
-		target: root,
-		currentTarget: root,
-	}
-}
-</script>
-
-<svelte:window
-	on:scroll={reset}
-	on:resize={reset}
-/>
-
-<div bind:this={root} class="Sticky_Scroll {$$props.class||''}" class:active>
-	<slot></slot>
-</div>

package/dist/ui/index.js

@@ -1,5 +0,0 @@
-import 'svelte';
-import * as _Sticky_Scroll from './Sticky_Scroll.svelte';
-export { _Sticky_Scroll as Sticky_Scroll };
-
-//# sourceMappingURL=index.js.map

package/dist/ui/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/ui/index.ts"],"sourcesContent":["import 'svelte'\nexport * as Sticky_Scroll from './Sticky_Scroll.svelte'\n"],"names":["Sticky_Scroll"],"mappings":"AAAA,MAAM,CAAC,CAAQ;YACHA,cAAa,MAAM,CAAwB;SAA3CA,cAAa,IAAbA,aAAa"}

package/src/ui/Sticky_Scroll.svelte

@@ -1,91 +0,0 @@
-<script lang="ts">
-import { onMount, onDestroy, createEventDispatcher } from 'svelte'
-import { out_is_active_ } from '../out_is_active_.js'
-import { out_is_visible_ } from '../out_is_visible_.js'
-const dispatch = createEventDispatcher()
-export let terminal:HTMLElement|null = null
-let getBoundingClientRect = default_getBoundingClientRect, root:HTMLDivElement|null = null,
-	active:boolean, visible:boolean
-onMount(()=>{
-	reset()
-	if (terminal) {
-		terminal.addEventListener('scroll', reset)
-	}
-})
-onDestroy(()=>{
-	if (terminal) {
-		terminal.removeEventListener('scroll', reset)
-	}
-	if (contains_visible()) {
-		remove_visible()
-	}
-	if (contains_active()) {
-		remove_active()
-	}
-})
-function reset() {
-	const { top, bottom } = getBoundingClientRect()
-	const { innerHeight } = window
-	const out_is_active = out_is_active_(top, bottom)
-	const out_is_visible = out_is_visible_(top, bottom, innerHeight)
-	if (out_is_visible) {
-		if (!visible) {
-			add_visible()
-		}
-	} else {
-		if (visible) {
-			remove_visible()
-		}
-	}
-	if (out_is_active) {
-		if (!active) {
-			add_active()
-		}
-	} else {
-		if (active) {
-			remove_active()
-		}
-	}
-}
-function add_active() {
-	active = true
-	dispatch('add_active', event_())
-}
-function remove_active() {
-	active = false
-	dispatch('remove_active', event_())
-}
-function add_visible() {
-	visible = true
-	dispatch('add_visible', event_())
-}
-function remove_visible() {
-	visible = false
-	dispatch('remove_visible', event_())
-}
-function default_getBoundingClientRect():DOMRect {
-	return root!.getBoundingClientRect()
-}
-function contains_visible() {
-	return root!.classList.contains('visible')
-}
-function contains_active() {
-	return root!.classList.contains('active')
-}
-function event_() {
-	return {
-		root,
-		target: root,
-		currentTarget: root,
-	}
-}
-</script>
-
-<svelte:window
-	on:scroll={reset}
-	on:resize={reset}
-/>
-
-<div bind:this={root} class="Sticky_Scroll {$$props.class||''}" class:active>
-	<slot></slot>
-</div>

package/src/ui/index.ts

@@ -1,2 +0,0 @@
-import 'svelte'
-export * as Sticky_Scroll from './Sticky_Scroll.svelte'