@hortonstudio/main 1.2.4 → 1.2.6

package/attributes-master/packages/readtime/CHANGELOG.md

@@ -0,0 +1,108 @@
+# @finsweet/attributes-readtime
+
+## 1.2.10
+
+### Patch Changes
+
+- Updated dependencies [2af0bad]
+  - @finsweet/attributes-utils@0.1.0
+
+## 1.2.9
+
+### Patch Changes
+
+- Updated dependencies [378d74d]
+  - @finsweet/attributes-utils@0.0.6
+
+## 1.2.8
+
+### Patch Changes
+
+- Updated dependencies [01973d8]
+  - @finsweet/attributes-utils@0.0.5
+
+## 1.2.7
+
+### Patch Changes
+
+- Updated dependencies [deef758]
+  - @finsweet/attributes-utils@0.0.4
+
+## 1.2.6
+
+### Patch Changes
+
+- Updated dependencies [d21cbca]
+  - @finsweet/attributes-utils@0.0.3
+
+## 1.2.5
+
+### Patch Changes
+
+- c7b544d: chore: updated dependencies
+- Updated dependencies [c7b544d]
+  - @finsweet/attributes-utils@0.0.2
+
+## 1.2.4
+
+### Patch Changes
+
+- b56e5e5: rename fsAttribute in places of usage to finsweetAttribute
+- Updated dependencies [b56e5e5]
+  - @finsweet/attributes-utils@0.0.1
+
+## 1.2.3
+
+### Patch Changes
+
+- 1b3142f0: Fix bug regarding read time, for small paragraphs, default to 1 minute. Add examples data for select custom and input counter
+
+## 1.2.2
+
+### Patch Changes
+
+- 2930a679: Added copy/paste examples.
+
+## 1.2.1
+
+### Patch Changes
+
+- c6112e4b: Updated `getInstanceIndex` to get instance from `ATTRIBUTES.element.key`
+
+## 1.2.0
+
+### Minor Changes
+
+- e4b3b680: Created new `window.fsAttributes.destroy()` method to support SPA environments.
+  This new method allows users to destroy all Attributes instances, cleaning up event listeners, observers, states, global variables, etc.
+
+  Websites that use a client-side router that simulates an SPA environment like [barba.js](https://barba.js.org/) or [Swup](https://swup.js.org/) can now properly init and destroy Attributes.
+  After destroying, Attributes can be manually re-initted by calling `window.fsAttribute[ATTRIBUTE_KEY].init()`.
+
+  Updated changesets system, now all updates will be correctly reflected in [the official updates page](https://www.finsweet.com/attributes/updates).
+
+## 1.1.1
+
+### Patch Changes
+
+- Updated dependencies [4792998a]
+  - @global/constants@1.2.0
+  - @global/factory@1.1.5
+
+## 1.1.0
+
+### Minor Changes
+
+- 07f32375: Created `fs-cmsattribute` Attribute
+
+### Patch Changes
+
+- Updated dependencies [07f32375]
+  - @global/constants@1.1.0
+  - @global/factory@1.1.4
+
+## 1.0.1
+
+### Patch Changes
+
+- 6f397d94: Published the package.

package/attributes-master/packages/readtime/README.md

@@ -0,0 +1,25 @@
+# `readtime` Attribute
+
+Display the read time of an article.
+
+## Getting Started
+
+Please follow the documentation at [finsweet.com/attributes](https://www.finsweet.com/attributes) to learn how to use Attributes in your Webflow projects.
+
+## Accessing the API
+
+To learn how to access the API, please check the general [API Reference](../attributes/README.md#api-reference) documentation:
+
+```javascript
+window.FinsweetAttributes ||= [];
+window.FinsweetAttributes.push([
+  'readtime',
+  () => {
+    // Your code goes here.
+  },
+]);
+```
+
+## License
+
+[Apache 2.0](../../LICENSE.md)

package/attributes-master/packages/readtime/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "@finsweet/attributes-readtime",
+  "version": "1.2.10",
+  "description": "Calculate and display the estimated read time of Rich Text content based on word count.",
+  "private": true,
+  "type": "module",
+  "types": "src/index.ts",
+  "scripts": {
+    "lint": "eslint ./src && prettier --check ./src",
+    "lint:fix": "eslint ./src --fix && prettier --write ./src",
+    "check": "tsc --noEmit"
+  },
+  "exports": {
+    ".": {
+      "types": "./src/index.ts",
+      "import": "./src/index.ts"
+    }
+  },
+  "dependencies": {
+    "@finsweet/attributes-utils": "workspace:*"
+  }
+}

package/attributes-master/packages/readtime/src/factory.ts

@@ -0,0 +1,21 @@
+import { getAttribute, getInstance, queryElement } from './utils/selectors';
+
+/**
+ * Inits the read time for an instance.
+ * @param timeElement
+ */
+export const initReadTime = (timeElement: Element) => {
+  const instance = getInstance(timeElement);
+
+  const contentsElement = queryElement('contents', { instance });
+  if (!contentsElement) return;
+
+  const wpm = getAttribute(timeElement, 'wpm');
+  const decimals = getAttribute(timeElement, 'decimals');
+
+  const wordsCount = contentsElement.innerText.match(/[\w\d’'-]+/gi)?.length ?? 0;
+
+  const readTime = wordsCount / wpm;
+
+  timeElement.textContent = !decimals && readTime < 0.5 ? '1' : readTime.toFixed(decimals);
+};

package/attributes-master/packages/readtime/src/index.ts

@@ -0,0 +1,3 @@
+export { version } from '../package.json';
+export { init } from './init';
+export { ELEMENTS, SETTINGS } from './utils/constants';

package/attributes-master/packages/readtime/src/init.ts

@@ -0,0 +1,19 @@
+import { type FinsweetAttributeInit, waitWebflowReady } from '@finsweet/attributes-utils';
+
+import { initReadTime } from './factory';
+import { queryAllElements } from './utils/selectors';
+
+/**
+ * Inits the attribute.
+ */
+export const init: FinsweetAttributeInit = async () => {
+  await waitWebflowReady();
+
+  const timeElements = queryAllElements('time');
+
+  for (const timeElement of timeElements) {
+    initReadTime(timeElement);
+  }
+
+  return {};
+};

package/attributes-master/packages/readtime/src/utils/constants.ts

@@ -0,0 +1,33 @@
+import { type AttributeElements, type AttributeSettings } from '@finsweet/attributes-utils';
+
+export const ELEMENTS = [
+  /**
+   * Defines any wrapper that contains the content to be metered.
+   */
+  'contents',
+
+  /**
+   * Defines the element that will display the time.
+   */
+  'time',
+] as const satisfies AttributeElements;
+
+export const SETTINGS = {
+  /**
+   * Defines the Words Per Minute ratio.
+   */
+  wpm: {
+    key: 'wpm',
+    defaultValue: '265',
+    isNumeric: true,
+  },
+
+  /**
+   * Defines the amount of decimals displayed in the time output.
+   */
+  decimals: {
+    key: 'decimals',
+    defaultValue: '0',
+    isNumeric: true,
+  },
+} as const satisfies AttributeSettings;

package/attributes-master/packages/readtime/src/utils/selectors.ts

@@ -0,0 +1,9 @@
+import { generateSelectors, READ_TIME_ATTRIBUTE } from '@finsweet/attributes-utils';
+
+import { ELEMENTS, SETTINGS } from './constants';
+
+export const { getInstance, queryElement, queryAllElements, getAttribute } = generateSelectors(
+  READ_TIME_ATTRIBUTE,
+  ELEMENTS,
+  SETTINGS
+);

package/attributes-master/packages/readtime/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "../../tsconfig.json"
+}

package/attributes-master/packages/removequery/CHANGELOG.md

@@ -0,0 +1,8 @@
+# @finsweet/attributes-removequery
+
+## 0.0.1
+
+### Patch Changes
+
+- Updated dependencies [2af0bad]
+  - @finsweet/attributes-utils@0.1.0

package/attributes-master/packages/removequery/README.md

@@ -0,0 +1,25 @@
+# `removequery` Attribute
+
+Remove the URL query parameters from the URL after the page loads.
+
+## Getting Started
+
+Please follow the documentation at [finsweet.com/attributes](https://www.finsweet.com/attributes) to learn how to use Attributes in your Webflow projects.
+
+## Accessing the API
+
+To learn how to access the API, please check the general [API Reference](../attributes/README.md#api-reference) documentation:
+
+```javascript
+window.FinsweetAttributes ||= [];
+window.FinsweetAttributes.push([
+  'removequery',
+  () => {
+    // Your code goes here.
+  },
+]);
+```
+
+## License
+
+[Apache 2.0](../../LICENSE.md)

package/attributes-master/packages/removequery/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "@finsweet/attributes-removequery",
+  "version": "0.0.1",
+  "description": "Remove the URL query parameters from the URL after the page loads.",
+  "private": true,
+  "type": "module",
+  "types": "src/index.ts",
+  "scripts": {
+    "lint": "eslint ./src && prettier --check ./src",
+    "lint:fix": "eslint ./src --fix && prettier --write ./src",
+    "check": "tsc --noEmit"
+  },
+  "exports": {
+    ".": {
+      "types": "./src/index.ts",
+      "import": "./src/index.ts"
+    }
+  },
+  "dependencies": {
+    "@finsweet/attributes-utils": "workspace:*"
+  }
+}

package/attributes-master/packages/removequery/src/index.ts

@@ -0,0 +1,3 @@
+export { version } from '../package.json';
+export { init } from './init';
+export { ELEMENTS, SETTINGS } from './utils/constants';

package/attributes-master/packages/removequery/src/init.ts

@@ -0,0 +1,18 @@
+import { type FinsweetAttributeInit, waitAttributeLoaded, waitWebflowReady } from '@finsweet/attributes-utils';
+
+/**
+ * Inits the attribute.
+ */
+export const init: FinsweetAttributeInit = async () => {
+  await waitWebflowReady();
+  await waitAttributeLoaded('list');
+  await waitAttributeLoaded('queryparam');
+
+  const url = new URL(window.location.href);
+
+  url.search = '';
+
+  window.history.replaceState({}, '', url);
+
+  return {};
+};

package/attributes-master/packages/removequery/src/utils/constants.ts

@@ -0,0 +1,5 @@
+import { type AttributeElements, type AttributeSettings } from '@finsweet/attributes-utils';
+
+export const ELEMENTS = [] as const satisfies AttributeElements;
+
+export const SETTINGS = {} as const satisfies AttributeSettings;

package/attributes-master/packages/removequery/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "../../tsconfig.json"
+}

package/attributes-master/packages/scrolldisable/CHANGELOG.md

@@ -0,0 +1,164 @@
+# @finsweet/attributes-scrolldisable
+
+## 1.6.9
+
+### Patch Changes
+
+- Updated dependencies [2af0bad]
+  - @finsweet/attributes-utils@0.1.0
+
+## 1.6.8
+
+### Patch Changes
+
+- Updated dependencies [378d74d]
+  - @finsweet/attributes-utils@0.0.6
+
+## 1.6.7
+
+### Patch Changes
+
+- Updated dependencies [01973d8]
+  - @finsweet/attributes-utils@0.0.5
+
+## 1.6.6
+
+### Patch Changes
+
+- Updated dependencies [deef758]
+  - @finsweet/attributes-utils@0.0.4
+
+## 1.6.5
+
+### Patch Changes
+
+- Updated dependencies [d21cbca]
+  - @finsweet/attributes-utils@0.0.3
+
+## 1.6.4
+
+### Patch Changes
+
+- c7b544d: chore: updated dependencies
+- Updated dependencies [c7b544d]
+  - @finsweet/attributes-utils@0.0.2
+
+## 1.6.3
+
+### Patch Changes
+
+- b56e5e5: rename fsAttribute in places of usage to finsweetAttribute
+- Updated dependencies [b56e5e5]
+  - @finsweet/attributes-utils@0.0.1
+
+## 1.6.2
+
+### Patch Changes
+
+- dc0f0dba: fix: support disabling scrolling when `fs-scrolldisable-element="when-visible"` is used on an element that it's displayed on page load.
+
+## 1.6.1
+
+### Patch Changes
+
+- e0f8a545: Attempted to fix the current issues in [body-scroll-lock](https://github.com/willmcpo/body-scroll-lock) by monkey-patching the package with [Vercel's fork](https://github.com/vercel/body-scroll-lock).
+
+## 1.6.0
+
+### Minor Changes
+
+- e4b3b680: Created new `window.fsAttributes.destroy()` method to support SPA environments.
+  This new method allows users to destroy all Attributes instances, cleaning up event listeners, observers, states, global variables, etc.
+
+  Websites that use a client-side router that simulates an SPA environment like [barba.js](https://barba.js.org/) or [Swup](https://swup.js.org/) can now properly init and destroy Attributes.
+  After destroying, Attributes can be manually re-initted by calling `window.fsAttribute[ATTRIBUTE_KEY].init()`.
+
+  Updated changesets system, now all updates will be correctly reflected in [the official updates page](https://www.finsweet.com/attributes/updates).
+
+## 1.5.0
+
+### Minor Changes
+
+- 07f32375: Created `fs-cmsattribute` Attribute
+
+## 1.4.0
+
+### Minor Changes
+
+- Added support wizard and publishing new schema version
+
+## 1.3.0
+
+### Minor Changes
+
+Included a new `window.fsAttributes.push()` method in the developer API that provides a standarized way to safely access any Attribute internals once it has fully loaded.
+It can be used like:
+
+```html
+<script>
+  window.fsAttributes = window.fsAttributes || [];
+  window.fsAttributes.push([
+    'scrolldisable',
+    () => {
+      console.log('Attribute has successfully loaded!');
+    },
+  ]);
+</script>
+```
+
+## 1.2.0
+
+### Minor Changes
+
+- Created `changesets.json` API.
+
+## 1.1.11
+
+### Patch Changes
+
+- Updated `Example 3: When Visible` data.
+- Updated `README.md`.
+
+## 1.1.10
+
+### Minor Changes
+
+- Added a [temporary fix](https://github.com/willmcpo/body-scroll-lock/issues/237#issuecomment-954804479) to prevent Safari on `iOS 15` from jumping to the top of the page.
+  This temporary patch will be removed once [body-scroll-lock](https://github.com/willmcpo/body-scroll-lock) releases an official update that addresses this issue.
+
+## 1.1.9
+
+### Patch Changes
+
+- Added `initAttributes` call to make sure `window.fsAttributes` exists.
+
+## 1.1.8
+
+### Patch Changes
+
+- Updated `examples.json`.
+
+## 1.1.7
+
+### Patch Changes
+
+- Renamed the property in `window.fsAttributes` to the original Attribute key name.
+
+## 1.1.6
+
+### Patch Changes
+
+- Implemented the `generateSelectors` util.
+
+## 1.1.5
+
+### Patch Changes
+
+- Fixed `currentScript` vs `params` distinction.
+- Created `CHANGELOG.md`.
+
+## 1.0.0
+
+### Major Changes
+
+- Created the attribute package.

package/attributes-master/packages/scrolldisable/README.md

@@ -0,0 +1,29 @@
+# `scrolldisable` Attribute
+
+Users can prevent the page from scrolling when:
+
+- An element is clicked.
+- An element is visible on the page.
+- A Nav Menu is open.
+
+## Getting Started
+
+Please follow the documentation at [finsweet.com/attributes](https://www.finsweet.com/attributes) to learn how to use Attributes in your Webflow projects.
+
+## Accessing the API
+
+To learn how to access the API, please check the general [API Reference](../attributes/README.md#api-reference) documentation:
+
+```javascript
+window.FinsweetAttributes ||= [];
+window.FinsweetAttributes.push([
+  'scrolldisable',
+  () => {
+    // Your code goes here.
+  },
+]);
+```
+
+## License
+
+[Apache 2.0](../../LICENSE.md)

package/attributes-master/packages/scrolldisable/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@finsweet/attributes-scrolldisable",
+  "version": "1.6.9",
+  "description": "Disables scrolling on certain events.",
+  "private": true,
+  "type": "module",
+  "types": "src/index.ts",
+  "scripts": {
+    "lint": "eslint ./src && prettier --check ./src",
+    "lint:fix": "eslint ./src --fix && prettier --write ./src",
+    "check": "tsc --noEmit"
+  },
+  "exports": {
+    ".": {
+      "types": "./src/index.ts",
+      "import": "./src/index.ts"
+    }
+  },
+  "dependencies": {
+    "body-scroll-lock": "^4.0.0-beta.0",
+    "just-debounce": "^1.1.0",
+    "@finsweet/attributes-utils": "workspace:*"
+  },
+  "devDependencies": {
+    "@types/body-scroll-lock": "^3.1.0"
+  }
+}

package/attributes-master/packages/scrolldisable/src/click.ts

@@ -0,0 +1,40 @@
+import { addListener, isElement, isHTMLElement } from '@finsweet/attributes-utils';
+
+import { disableScrolling, enableScrolling, findFirstScrollableElement, isScrollingDisabled } from './scroll';
+import { getAttribute, getElementSelector } from './utils/selectors';
+
+/**
+ * Inits listening for click triggers.
+ * @param preserveScrollTargets The targets where scrolling must be preserved.
+ */
+export const initClickTriggers = (preserveScrollTargets: Element[]): (() => void) => {
+  const clickCleanup = addListener(window, 'click', ({ target }) => {
+    if (!isElement(target)) return;
+
+    // Get the trigger
+    const toggleTrigger = target.closest(getElementSelector('toggle'));
+
+    const disableTrigger = toggleTrigger || target.closest(getElementSelector('disable'));
+    const enableTrigger = toggleTrigger || target.closest(getElementSelector('enable'));
+
+    const trigger = disableTrigger || enableTrigger;
+    if (!trigger) return;
+
+    // Make sure the media query is valid
+    const mediaToMatch = getAttribute(trigger, 'media');
+    if (mediaToMatch && !window.matchMedia(mediaToMatch).matches) return;
+
+    // Handle action
+    if (isScrollingDisabled() && enableTrigger) enableScrolling();
+    else if (!isScrollingDisabled() && isHTMLElement(disableTrigger)) {
+      for (const target of new Set([
+        ...preserveScrollTargets,
+        findFirstScrollableElement(disableTrigger) || disableTrigger,
+      ])) {
+        disableScrolling(target);
+      }
+    }
+  });
+
+  return clickCleanup;
+};