@@ -80,6 +78,23 @@ Multiple Scripts: Add as many scripts as you need to your project by referencing
```
+
+**Range sliders:** each script is **self-contained** (one tag). Use **`RangeSlider.js`** for custom thumbs or **`RangeSliderSimple.js`** for native thumbs only. Use jsDelivr (not raw `githubusercontent.com`, which often serves `text/plain` and blocks execution). The URLs below use **`@1`**, same as the other jsDelivr examples in this README—**not `@main`**, so embeds stay on a stable major ref.
+
+```
+
+```
+
+Native-thumb variant (`RangeSliderSimple` is **1.0.0** in source):
+
+```
+
+```
+
+For a **stricter** pin, use a [release tag](https://github.com/TheCodeRaccoons/WebTricks/releases) (e.g. `@v1.1.0` for RangeSlider, `@v1.0.0` for RangeSliderSimple) or a **commit SHA**.
+
+If a page uses **both** slider types, you may include **both** scripts; they use separate attribute namespaces (`wt-rangeslider-*` vs `wt-rangeslidersimple-*`).
+
Ready to Use: Once imported, the scripts initialize automatically, provided the correct HTML attributes are in place.
@@ -129,12 +144,44 @@ All official releases shall be in master. Any updates in between (u
After a pull request has been open for over 30 days with no activity or response from the author, it'll be automatically marked as stale. We might fork your changes and merge the changes ourselves. Since GitHub tracks contributions by commits, you will be credited.
+
+
Our Contributors
+
+ The community supports this project; huge thanks to everyone who has made this possible!
+
-
-
-### Disclaimer
-Even though this project has Webflow on its name I'm by no means part of the webflow team, just a dev sharing a bit of the work I've done over the years and trying to help out others looking for easier ways to build for the web.
diff --git a/__tests__/CMSFilter.test.js b/__tests__/CMSFilter.test.js
new file mode 100644
index 0000000..516ab00
--- /dev/null
+++ b/__tests__/CMSFilter.test.js
@@ -0,0 +1,343 @@
+/** @jest-environment jsdom */
+
+// Prevent auto init before we control DOM
+Object.defineProperty(document, "readyState", {
+ value: "loading",
+ configurable: true,
+});
+
+// requestAnimationFrame polyfill for consistency
+if (!global.requestAnimationFrame) global.requestAnimationFrame = (cb) => cb();
+
+describe("CMSFilter", () => {
+ let CMSFilter, InitializeCMSFilter;
+
+ beforeEach(() => {
+ document.body.innerHTML = "";
+ window.webtricks = [];
+ jest.resetModules();
+ ({
+ CMSFilter,
+ InitializeCMSFilter,
+ } = require("../Dist/WebflowOnly/CMSFilter.js"));
+ });
+
+ function buildBasicDOM({
+ withPagination = false,
+ loadMode = "load-all",
+ advanced = false,
+ emptyMax,
+ } = {}) {
+ const paginationMarkup = withPagination
+ ? `
+
+ `;
+
+ // No secure context / no clipboard API
+ Object.defineProperty(window, 'isSecureContext', { value: false, configurable: true });
+ delete global.navigator.clipboard;
+
+ // Mock execCommand (jsdom doesn't implement it by default)
+ document.execCommand = jest.fn(() => true);
+
+ InitializeShareLink();
+
+ const el = document.getElementById('copyBtn');
+
+ // Listen for the custom event
+ const eventSpy = jest.fn();
+ el.addEventListener('sharelink:copy', eventSpy);
+
+ el.click();
+
+ expect(document.execCommand).toHaveBeenCalledWith('copy');
+ // Event dispatched
+ expect(eventSpy).toHaveBeenCalledTimes(1);
+ expect(eventSpy.mock.calls[0][0].detail.success).toBe(true);
+
+ // Restore
+ jest.advanceTimersByTime(10);
+
+ // Cleanup
+ delete document.execCommand;
+ jest.useRealTimers();
+ });
+});
diff --git a/docs/Functional/CookieConsent.md b/docs/Functional/CookieConsent.md
index 81aa7d1..b7c57df 100644
--- a/docs/Functional/CookieConsent.md
+++ b/docs/Functional/CookieConsent.md
@@ -1,12 +1,15 @@
# CookieConsent
## Version
+
Current Version: 1.0.0
## Description
+
CookieConsent is a GDPR-compliant cookie consent management system that provides granular control over cookie preferences and script loading. It supports multiple consent categories, manages consent persistence, and controls script loading based on user preferences.
## Functionality
+
- Cookie consent banner management
- Multiple consent categories
- Granular script loading control
@@ -17,18 +20,22 @@ CookieConsent is a GDPR-compliant cookie consent management system that provides
- Category-based script loading
## Usage
+
Add the script to your project and include the required attributes on your banner and script elements.
### Installation
+
```html
```
### Required Attributes
+
- `wt-cookieconsent-element="banner"` - Applied to the main cookie banner container
- `wt-cookieconsent-script="category"` - Applied to scripts that require consent
### Optional Elements and Attributes
+
- `wt-cookieconsent-element="accept-all"` - Accept all cookies button
- `wt-cookieconsent-element="accept-necessary"` - Accept necessary cookies only button
- `wt-cookieconsent-element="manage-cookies"` - Manage cookies settings button
@@ -36,6 +43,7 @@ Add the script to your project and include the required attributes on your banne
- `wt-cookieconsent-category="category-name"` - Category checkbox inputs
## Considerations
+
1. **GDPR Compliance**: Supports granular consent management
2. **Script Loading**: Automatically handles script loading based on consent
3. **Persistence**: Stores consent in cookies with configurable expiry
@@ -45,6 +53,7 @@ Add the script to your project and include the required attributes on your banne
## Examples
### Basic Implementation
+
```html
@@ -59,6 +68,7 @@ Add the script to your project and include the required attributes on your banne
```
### Advanced Implementation with Categories
+
```html
Choose your cookie preferences
@@ -102,6 +112,7 @@ Add the script to your project and include the required attributes on your banne
```
### Inline Script Implementation
+
```html
```
### Required Attributes
+
- `wt-copycb-element="container"` - Applied to the container element
- `wt-copycb-element="trigger"` - Applied to the click trigger element
- `wt-copycb-element="target"` - Applied to the element containing text to copy
### Optional Attributes
+
- `wt-copycb-message="Copied!"` - Custom success message
- `wt-copycb-active="is-copy"` - CSS class for active state
- `wt-copycb-timeout="2000"` - Duration to show success state (ms)
- `wt-copycb-element="texttarget"` - Element within trigger to update with success message
## Considerations
+
1. **Clipboard API**: Uses modern navigator.clipboard API
2. **State Management**: Automatically resets to original state
3. **Visual Feedback**: Supports both text and class-based feedback
@@ -44,6 +52,7 @@ Add the script to your project and include the required attributes on your copy
## Examples
### Basic Implementation
+
```html
@@ -52,6 +61,7 @@ Add the script to your project and include the required attributes on your copy
```
### Advanced Implementation
+
```html
-
-
- 
+ 
+ 
+ 
+ 
