winduum 2.2.25 → 2.2.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "winduum",
-  "version": "2.2.25",
+  "version": "2.2.27",
   "type": "module",
   "types": "types/index.d.ts",
   "main": "plugin/index.cjs",
@@ -21,26 +21,26 @@
   "devDependencies": {
     "@eslint/js": "^10.0.1",
     "@floating-ui/dom": "^1.7.6",
-    "@stylistic/eslint-plugin": "^5.9.0",
-    "@stylistic/stylelint-config": "^4.0.0",
-    "@tailwindcss/vite": "^4.2.1",
-    "@vitejs/plugin-vue": "^6.0.4",
-    "autoprefixer": "^10.4.27",
-    "dts-buddy": "^0.7.0",
-    "eslint": "^10.0.2",
+    "@stylistic/eslint-plugin": "^5.10.0",
+    "@stylistic/stylelint-config": "^5.0.0",
+    "@tailwindcss/vite": "^4.3.0",
+    "@vitejs/plugin-vue": "^6.0.7",
+    "autoprefixer": "^10.5.0",
+    "dts-buddy": "^0.8.0",
+    "eslint": "^10.4.0",
     "fast-glob": "^3.3.3",
-    "globals": "^17.4.0",
-    "postcss": "^8.5.8",
+    "globals": "^17.6.0",
+    "postcss": "^8.5.15",
     "postcss-custom-media": "^12.0.1",
     "postcss-import": "^16.1.1",
     "postcss-nesting": "^14.0.0",
     "slide-element": "^2.3.1",
-    "stylelint": "^17.4.0",
+    "stylelint": "^17.12.0",
     "stylelint-config-standard": "^40.0.0",
-    "tailwindcss": "^4.2.1",
-    "typescript": "^5",
-    "vite": "^7.3.1",
-    "vue": "^3.5.29"
+    "tailwindcss": "^4.3.0",
+    "typescript": "^6",
+    "vite": "^8.0.14",
+    "vue": "^3.5.34"
   },
   "files": [
     "index.js",
@@ -58,6 +58,10 @@
       "import": "./plugin/index.js",
       "default": "./plugin/index.js"
     },
+    "./supports": {
+      "types": "./types/index.d.ts",
+      "default": "./src/supports.js"
+    },
     "./src/*": "./src/*",
     "./tailwindcss/*": "./tailwindcss/*",
     "./dist/*": "./dist/*",

package/src/polyfills/timelineTrigger.js

@@ -0,0 +1,54 @@
+const selector = '[class*="timeline-trigger-"]'
+
+const getThreshold = (style, property, fallback) => {
+  const value = parseFloat(style.getPropertyValue(property))
+
+  return Number.isNaN(value) ? fallback : value / 100
+}
+
+const observeElement = (element) => {
+  if (element._timelineTriggerObserver) return
+
+  const style = getComputedStyle(element)
+  const enter = getThreshold(style, '--tw-timeline-trigger-entry', 0.2)
+  const exit = getThreshold(style, '--tw-timeline-trigger-exit', 0)
+
+  element._timelineTriggerObserver = new IntersectionObserver(([entry]) => {
+    if (entry.isIntersecting && entry.intersectionRatio >= enter) {
+      element.setAttribute('data-enter', '')
+    }
+    else if (entry.intersectionRatio <= exit) {
+      element.removeAttribute('data-enter')
+    }
+  }, { threshold: [exit, enter] })
+
+  element._timelineTriggerObserver.observe(element)
+}
+
+const unobserveElement = (element) => {
+  element._timelineTriggerObserver?.disconnect()
+  delete element._timelineTriggerObserver
+}
+
+const observe = (node) => {
+  if (node.nodeType !== 1) return
+
+  if (node.matches(selector)) observeElement(node)
+
+  node.querySelectorAll(selector).forEach(observeElement)
+}
+
+const unobserve = (node) => {
+  if (node.nodeType !== 1) return
+
+  if (node.matches(selector)) unobserveElement(node)
+
+  node.querySelectorAll(selector).forEach(unobserveElement)
+}
+
+document.querySelectorAll(selector).forEach(observeElement)
+
+new MutationObserver(mutations => mutations.forEach(({ addedNodes, removedNodes }) => {
+  addedNodes.forEach(observe)
+  removedNodes.forEach(unobserve)
+})).observe(document.documentElement, { childList: true, subtree: true })

package/src/supports.js

@@ -0,0 +1,4 @@
+/**
+ * @type {boolean}
+ */
+export const supportsTimelineTrigger = CSS.supports('timeline-trigger-name: --v')

package/tailwindcss/variants/index.css

@@ -1,3 +1,4 @@
 @import "./dark.css";
-@import "./interest.css";
 @import "./hocus.css";
+@import "./interest.css";
+@import "./scroll-state.css";

package/tailwindcss/variants/scroll-state.css

@@ -0,0 +1,245 @@
+@variant scrollable-none {
+  @container scroll-state(scrollable: none) {
+    @slot;
+  }
+}
+
+@variant scrollable-top {
+  @container scroll-state(scrollable: top) {
+    @slot;
+  }
+}
+
+@variant scrollable-right {
+  @container scroll-state(scrollable: right) {
+    @slot;
+  }
+}
+
+@variant scrollable-bottom {
+  @container scroll-state(scrollable: bottom) {
+    @slot;
+  }
+}
+
+@variant scrollable-left {
+  @container scroll-state(scrollable: left) {
+    @slot;
+  }
+}
+
+@variant scrollable-x {
+  @container scroll-state(scrollable: x) {
+    @slot;
+  }
+}
+
+@variant scrollable-y {
+  @container scroll-state(scrollable: y) {
+    @slot;
+  }
+}
+
+@variant scrollable-block-start {
+  @container scroll-state(scrollable: block-start) {
+    @slot;
+  }
+}
+
+@variant scrollable-block-end {
+  @container scroll-state(scrollable: block-end) {
+    @slot;
+  }
+}
+
+@variant scrollable-inline-start {
+  @container scroll-state(scrollable: inline-start) {
+    @slot;
+  }
+}
+
+@variant scrollable-inline-end {
+  @container scroll-state(scrollable: inline-end) {
+    @slot;
+  }
+}
+
+@variant scrollable-block {
+  @container scroll-state(scrollable: block) {
+    @slot;
+  }
+}
+
+@variant scrollable-inline {
+  @container scroll-state(scrollable: inline) {
+    @slot;
+  }
+}
+
+@variant scrolled-none {
+  @container scroll-state(scrolled: none) {
+    @slot;
+  }
+}
+
+@variant scrolled-top {
+  @container scroll-state(scrolled: top) {
+    @slot;
+  }
+}
+
+@variant scrolled-right {
+  @container scroll-state(scrolled: right) {
+    @slot;
+  }
+}
+
+@variant scrolled-bottom {
+  @container scroll-state(scrolled: bottom) {
+    @slot;
+  }
+}
+
+@variant scrolled-left {
+  @container scroll-state(scrolled: left) {
+    @slot;
+  }
+}
+
+@variant scrolled-x {
+  @container scroll-state(scrolled: x) {
+    @slot;
+  }
+}
+
+@variant scrolled-y {
+  @container scroll-state(scrolled: y) {
+    @slot;
+  }
+}
+
+@variant scrolled-block-start {
+  @container scroll-state(scrolled: block-start) {
+    @slot;
+  }
+}
+
+@variant scrolled-block-end {
+  @container scroll-state(scrolled: block-end) {
+    @slot;
+  }
+}
+
+@variant scrolled-inline-start {
+  @container scroll-state(scrolled: inline-start) {
+    @slot;
+  }
+}
+
+@variant scrolled-inline-end {
+  @container scroll-state(scrolled: inline-end) {
+    @slot;
+  }
+}
+
+@variant scrolled-block {
+  @container scroll-state(scrolled: block) {
+    @slot;
+  }
+}
+
+@variant scrolled-inline {
+  @container scroll-state(scrolled: inline) {
+    @slot;
+  }
+}
+
+@variant snapped-none {
+  @container scroll-state(snapped: none) {
+    @slot;
+  }
+}
+
+@variant snapped-x {
+  @container scroll-state(snapped: x) {
+    @slot;
+  }
+}
+
+@variant snapped-y {
+  @container scroll-state(snapped: y) {
+    @slot;
+  }
+}
+
+@variant snapped-block {
+  @container scroll-state(snapped: block) {
+    @slot;
+  }
+}
+
+@variant snapped-inline {
+  @container scroll-state(snapped: inline) {
+    @slot;
+  }
+}
+
+@variant snapped-both {
+  @container scroll-state(snapped: both) {
+    @slot;
+  }
+}
+
+@variant stuck-none {
+  @container scroll-state(stuck: none) {
+    @slot;
+  }
+}
+
+@variant stuck-top {
+  @container scroll-state(stuck: top) {
+    @slot;
+  }
+}
+
+@variant stuck-right {
+  @container scroll-state(stuck: right) {
+    @slot;
+  }
+}
+
+@variant stuck-bottom {
+  @container scroll-state(stuck: bottom) {
+    @slot;
+  }
+}
+
+@variant stuck-left {
+  @container scroll-state(stuck: left) {
+    @slot;
+  }
+}
+
+@variant stuck-block-start {
+  @container scroll-state(stuck: block-start) {
+    @slot;
+  }
+}
+
+@variant stuck-block-end {
+  @container scroll-state(stuck: block-end) {
+    @slot;
+  }
+}
+
+@variant stuck-inline-start {
+  @container scroll-state(stuck: inline-start) {
+    @slot;
+  }
+}
+
+@variant stuck-inline-end {
+  @container scroll-state(stuck: inline-end) {
+    @slot;
+  }
+}

package/types/index.d.ts

@@ -27,6 +27,12 @@ declare module 'winduum' {
 	export {};
 }
 
+declare module 'winduum/supports' {
+	export const supportsTimelineTrigger: boolean;
+
+	export {};
+}
+
 declare module 'winduum/src/components/carousel' {
 	export interface ObserveCarouselOptions {
 		visibleAttribute?: string

package/types/index.d.ts.map

@@ -5,6 +5,7 @@
 		"PluginOptions",
 		"defaultConfig",
 		"createPlugin",
+		"supportsTimelineTrigger",
 		"ObserveCarouselOptions",
 		"PaginationCarouselOptions",
 		"ScrollCarouselOptions",
@@ -65,6 +66,7 @@
 	],
 	"sources": [
 		"../plugin/index.d.ts",
+		"../src/supports.js",
 		"../src/components/carousel/index.d.ts",
 		"../src/components/compare/index.d.ts",
 		"../src/components/details/index.d.ts",
@@ -93,8 +95,9 @@
 		null,
 		null,
 		null,
+		null,
 		null
 	],
-	"mappings": ";;kBAEiBA,aAAaA;;;;;;;;;;;;;;;;;;;;cAoBjBC,aAAaA;;yBAEFC,YAAYA;;;;;;kBCxBnBC,sBAAsBA;;;;;;;;kBAQtBC,yBAAyBA;;;;;;kBAMzBC,qBAAqBA;;;;;;;;kBAQrBC,uBAAuBA;;;;;kBAKvBC,mBAAmBA;;;;iBAIpBC,UAAUA;iBACVC,UAAUA;iBACVC,QAAQA;iBACRC,YAAYA;iBACZC,eAAeA;iBACfC,cAAcA;iBACdC,kBAAkBA;iBAClBC,gBAAgBA;iBAChBC,YAAYA;;;;;;kBCvCXC,kBAAkBA;;;;;iBAKnBC,WAAWA;iBACXC,eAAeA;iBACfC,YAAYA;;;;;;kBCPXC,cAAcA;;;;;cAKlBC,cAAcA;iBACXC,WAAWA;iBACXC,YAAYA;iBACZC,aAAaA;;;;;;kBCRZJ,cAAcA;;;;;;;;;;cAUlBC,cAAcA;iBACXI,UAAUA;iBACVC,WAAWA;;;;;;kBCZVC,mBAAmBA;;;;;;;;;;iBAUpBC,UAAUA;iBACVC,WAAWA;iBACXC,gBAAgBA;iBAChBC,sBAAsBA;iBACtBC,iBAAiBA;iBACjBC,YAAYA;;;;;;kBCfXC,mBAAmBA;;;;;;;;kBAQnBC,oBAAoBA;;;;;;;;;;;;;;;;;;;iBAmBrBC,YAAYA;iBACZC,aAAaA;;;;;;WC5BnBC,gBAAgBA;;;;;iBAKVC,SAASA;;;;;;kBCLRC,gBAAgBA;;;;;;;kBAOhBC,iBAAiBA;;;;;;iBAMlBC,UAAUA;iBACVC,SAASA;;;;;;kBCdRF,iBAAiBA;;;;;iBAKlBG,YAAYA;;;;;;;kBCHXC,kBAAkBA;;;;;;;;;;;kBAWlBC,kBAAkBA;;;;iBAInBC,WAAWA;iBACXC,WAAWA;iBACXC,aAAaA;;;;;;kBCnBZC,uBAAuBA;;;;;;;kBAOvBC,eAAeA;;;;;kBAKfC,gBAAgBA;;;;;iBAKjBC,gBAAgBA;iBAChBC,QAAQA;iBACRC,cAAcA;;;;;;kBCnBbC,eAAeA;;;;;;iBAMhBC,UAAUA;;;;;;iBCNVC,UAAUA",
+	"mappings": ";;kBAEiBA,aAAaA;;;;;;;;;;;;;;;;;;;;cAoBjBC,aAAaA;;yBAEFC,YAAYA;;;;;;cCrBvBC,uBAAuBA;;;;;;kBCHnBC,sBAAsBA;;;;;;;;kBAQtBC,yBAAyBA;;;;;;kBAMzBC,qBAAqBA;;;;;;;;kBAQrBC,uBAAuBA;;;;;kBAKvBC,mBAAmBA;;;;iBAIpBC,UAAUA;iBACVC,UAAUA;iBACVC,QAAQA;iBACRC,YAAYA;iBACZC,eAAeA;iBACfC,cAAcA;iBACdC,kBAAkBA;iBAClBC,gBAAgBA;iBAChBC,YAAYA;;;;;;kBCvCXC,kBAAkBA;;;;;iBAKnBC,WAAWA;iBACXC,eAAeA;iBACfC,YAAYA;;;;;;kBCPXC,cAAcA;;;;;cAKlBC,cAAcA;iBACXC,WAAWA;iBACXC,YAAYA;iBACZC,aAAaA;;;;;;kBCRZJ,cAAcA;;;;;;;;;;cAUlBC,cAAcA;iBACXI,UAAUA;iBACVC,WAAWA;;;;;;kBCZVC,mBAAmBA;;;;;;;;;;iBAUpBC,UAAUA;iBACVC,WAAWA;iBACXC,gBAAgBA;iBAChBC,sBAAsBA;iBACtBC,iBAAiBA;iBACjBC,YAAYA;;;;;;kBCfXC,mBAAmBA;;;;;;;;kBAQnBC,oBAAoBA;;;;;;;;;;;;;;;;;;;iBAmBrBC,YAAYA;iBACZC,aAAaA;;;;;;WC5BnBC,gBAAgBA;;;;;iBAKVC,SAASA;;;;;;kBCLRC,gBAAgBA;;;;;;;kBAOhBC,iBAAiBA;;;;;;iBAMlBC,UAAUA;iBACVC,SAASA;;;;;;kBCdRF,iBAAiBA;;;;;iBAKlBG,YAAYA;;;;;;;kBCHXC,kBAAkBA;;;;;;;;;;;kBAWlBC,kBAAkBA;;;;iBAInBC,WAAWA;iBACXC,WAAWA;iBACXC,aAAaA;;;;;;kBCnBZC,uBAAuBA;;;;;;;kBAOvBC,eAAeA;;;;;kBAKfC,gBAAgBA;;;;;iBAKjBC,gBAAgBA;iBAChBC,QAAQA;iBACRC,cAAcA;;;;;;kBCnBbC,eAAeA;;;;;;iBAMhBC,UAAUA;;;;;;iBCNVC,UAAUA",
 	"ignoreList": []
 }