@hortonstudio/main 1.2.5 → 1.2.6

package/attributes-master/packages/list/src/utils/dom.ts

@@ -0,0 +1,108 @@
+import {
+  CMS_CSS_CLASSES,
+  type CollectionEmptyElement,
+  type CollectionItemElement,
+  type CollectionListElement,
+  type CollectionListWrapperElement,
+  type PageCountElement,
+  type PaginationButtonElement,
+  type PaginationWrapperElement,
+} from '@finsweet/attributes-utils';
+
+import type { ELEMENTS } from './constants';
+import { getElementSelector } from './selectors';
+
+export const CMS_CSS_SELECTORS = {
+  wrapper: `.${CMS_CSS_CLASSES.wrapper}`,
+  list: `.${CMS_CSS_CLASSES.list}`,
+  item: `.${CMS_CSS_CLASSES.item}`,
+  'pagination-wrapper': `.${CMS_CSS_CLASSES.paginationWrapper}`,
+  'pagination-next': `.${CMS_CSS_CLASSES.paginationNext}`,
+  'pagination-previous': `.${CMS_CSS_CLASSES.paginationPrevious}`,
+  'page-count': `.${CMS_CSS_CLASSES.pageCount}`,
+  empty: `.${CMS_CSS_CLASSES.emptyState}`,
+} satisfies Partial<Record<(typeof ELEMENTS)[number], string>>;
+
+/**
+ * @returns A CSS selector for a CMS element.
+ * @param key
+ */
+export const getCMSElementSelector = (key: keyof typeof CMS_CSS_SELECTORS) => {
+  return `:is(${CMS_CSS_SELECTORS[key]}, ${getElementSelector(key)})`;
+};
+
+/**
+ * This helper is intended to allow users setting the selectors to either the `Collection List Wrapper` or the `Collection List` elements.
+ * This way there will never be any misunderstanding about the setup.
+ * @param referenceElement The element or selector of the element.
+ * @param target The requested element/elements. It can be either the `Collection List Wrapper`, the `Collection List` or all the `Collection Item` elements.
+ * @param page The page document.
+ * @returns The specified collection element/elements.
+ */
+export function getCollectionElements(referenceElement: Element, target: 'page-count'): PageCountElement | null;
+export function getCollectionElements(
+  referenceElement: Element,
+  target: 'pagination-next' | 'pagination-previous'
+): PaginationButtonElement | null;
+export function getCollectionElements(
+  referenceElement: Element,
+  target: 'pagination-wrapper'
+): PaginationWrapperElement | null;
+export function getCollectionElements(referenceElement: Element, target: 'empty'): CollectionEmptyElement | null;
+export function getCollectionElements(referenceElement: Element, target: 'item'): CollectionItemElement[];
+export function getCollectionElements(referenceElement: Element, target: 'list'): CollectionListElement | null;
+export function getCollectionElements(
+  referenceElement: Element,
+  target: 'wrapper'
+): CollectionListWrapperElement | null;
+export function getCollectionElements(
+  referenceElement: Element,
+  target: keyof typeof CMS_CSS_SELECTORS
+):
+  | CollectionListWrapperElement
+  | CollectionListElement
+  | CollectionItemElement[]
+  | PaginationButtonElement
+  | PageCountElement
+  | CollectionEmptyElement
+  | null {
+  const collectionListWrapper = referenceElement.closest<CollectionListWrapperElement>(
+    getCMSElementSelector('wrapper')
+  );
+  if (!collectionListWrapper) return null;
+
+  const collectionList = collectionListWrapper.querySelector<CollectionListElement>(getCMSElementSelector('list'));
+
+  if (target === 'wrapper') {
+    return collectionListWrapper;
+  }
+  if (target === 'list') {
+    return collectionList;
+  }
+  if (target === 'item') {
+    return [
+      ...(collectionList?.querySelectorAll<CollectionItemElement>(`:scope > ${getCMSElementSelector(target)}`) || []),
+    ];
+  }
+  if (target === 'page-count') {
+    return collectionListWrapper.querySelector<PageCountElement>(getCMSElementSelector(target));
+  }
+  if (target === 'empty') {
+    return collectionListWrapper.querySelector<CollectionListWrapperElement>(
+      `:scope > ${getCMSElementSelector(target)}`
+    );
+  }
+  if (target === 'pagination-wrapper') {
+    return collectionListWrapper.querySelector<PaginationWrapperElement>(getCMSElementSelector(target));
+  }
+
+  return collectionListWrapper.querySelector<PaginationButtonElement>(getCMSElementSelector(target));
+}
+
+/**
+ * @returns All the `Collection List Wrapper` elements in the page.
+ * @param page
+ */
+export const getAllCollectionListWrappers = (page: Document = document) => [
+  ...page.querySelectorAll<CollectionListWrapperElement>(getCMSElementSelector('wrapper')),
+];

package/attributes-master/packages/list/src/utils/pagination.ts

@@ -0,0 +1,14 @@
+/**
+ * Extracts the {@link URLSearchParams} from a list's Pagination Button.
+ * @param paginationButton A {@link PaginationButtonElement}.
+ *
+ * @returns The search params as {@link Object.entries}, if the button is valid.
+ */
+export const getPaginationSearchEntries = (paginationButton: HTMLAnchorElement) => {
+  const { href } = paginationButton;
+
+  const { searchParams } = new URL(href);
+
+  const searchEntries = [...searchParams.entries()];
+  return searchEntries;
+};

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

@@ -0,0 +1,18 @@
+import { generateSelectors, LIST_ATTRIBUTE } from '@finsweet/attributes-utils';
+
+import { ELEMENTS, SETTINGS } from './constants';
+
+export const {
+  getElementSelector,
+  queryElement,
+  queryAllElements,
+  getSettingSelector,
+  getSettingAttributeName,
+  getClosestElement,
+  getAttribute,
+  hasAttributeValue,
+  getInstance,
+  getInstanceSelector,
+} = generateSelectors(LIST_ATTRIBUTE, ELEMENTS, SETTINGS);
+
+export const CUSTOM_VALUE_ATTRIBUTE = getSettingAttributeName('value');

package/attributes-master/packages/list/src/utils/store.ts

@@ -0,0 +1,5 @@
+import type { CollectionListWrapperElement } from '@finsweet/attributes-utils';
+
+import type { List } from '../components/List';
+
+export const listInstancesStore = new Map<CollectionListWrapperElement, List>();

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

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

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

@@ -0,0 +1,171 @@
+# @finsweet/attributes-mirrorclick
+
+## 1.5.7
+
+### Patch Changes
+
+- Updated dependencies [2af0bad]
+  - @finsweet/attributes-utils@0.1.0
+
+## 1.5.6
+
+### Patch Changes
+
+- Updated dependencies [378d74d]
+  - @finsweet/attributes-utils@0.0.6
+
+## 1.5.5
+
+### Patch Changes
+
+- Updated dependencies [01973d8]
+  - @finsweet/attributes-utils@0.0.5
+
+## 1.5.4
+
+### Patch Changes
+
+- Updated dependencies [deef758]
+  - @finsweet/attributes-utils@0.0.4
+
+## 1.5.3
+
+### Patch Changes
+
+- Updated dependencies [d21cbca]
+  - @finsweet/attributes-utils@0.0.3
+
+## 1.5.2
+
+### Patch Changes
+
+- c7b544d: chore: updated dependencies
+- Updated dependencies [c7b544d]
+  - @finsweet/attributes-utils@0.0.2
+
+## 1.5.1
+
+### Patch Changes
+
+- b56e5e5: rename fsAttribute in places of usage to finsweetAttribute
+- Updated dependencies [b56e5e5]
+  - @finsweet/attributes-utils@0.0.1
+
+## 1.5.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.4.6
+
+### Patch Changes
+
+- Updated dependencies [4792998a]
+  - @global/constants@1.2.0
+  - @global/factory@1.1.5
+
+## 1.4.5
+
+### Patch Changes
+
+- Updated dependencies [07f32375]
+  - @global/constants@1.1.0
+  - @global/factory@1.1.4
+
+## 1.4.4
+
+### Patch Changes
+
+- Updated dependencies [7542dcdb]
+  - @global/constants@1.0.2
+  - @global/factory@1.1.3
+
+## 1.4.3
+
+### Patch Changes
+
+- Updated dependencies [bdd1a78]
+  - @global/constants@1.0.1
+  - @global/factory@1.1.2
+
+## 1.4.2
+
+### Patch Changes
+
+- Updated dependencies [13c3e23]
+  - @global/factory@1.1.1
+
+## 1.4.1
+
+### Patch Changes
+
+- Updated dependencies [627bf25]
+  - @global/factory@1.1.0
+
+## 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([
+    'mirrorclick',
+    () => {
+      console.log('Attribute has successfully loaded!');
+    },
+  ]);
+</script>
+```
+
+## 1.2.0
+
+### Minor Changes
+
+- Created `changesets.json` API.
+
+## 1.1.3
+
+### Patch Changes
+
+- Added `initAttributes` call to make sure `window.fsAttributes` exists.
+
+## 1.1.2
+
+### Patch Changes
+
+- Updated `examples.json`.
+
+## 1.1.1
+
+### Patch Changes
+
+- Implemented the `generateSelectors` util.
+
+## 1.1.0
+
+### Minor Changes
+
+- Created `CHANGELOG.md`.
+
+## 1.0.0
+
+### Major Changes
+
+- Created the attribute package.

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

@@ -0,0 +1,25 @@
+# `mirrorclick` Attribute
+
+Mirror a click from one element to another.
+
+## 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([
+  'mirrorclick',
+  () => {
+    // Your code goes here.
+  },
+]);
+```
+
+## License
+
+[Apache 2.0](../../LICENSE.md)

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

@@ -0,0 +1,22 @@
+{
+  "name": "@finsweet/attributes-mirrorclick",
+  "version": "1.5.7",
+  "description": "Mirrors click events between two elements.",
+  "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/mirrorclick/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/mirrorclick/src/init.ts

@@ -0,0 +1,35 @@
+import { addListener, type FinsweetAttributeInit, isElement, isHTMLElement } from '@finsweet/attributes-utils';
+
+import { getAttribute, getElementSelector, getInstance, queryAllElements } from './utils/selectors';
+
+/**
+ * Inits click events mirroring.
+ */
+export const init: FinsweetAttributeInit = () => {
+  const clickCleanup = addListener(window, 'click', ({ target }) => {
+    if (!isElement(target)) return;
+
+    const mirrorTrigger = target.closest(getElementSelector('trigger'));
+    if (!mirrorTrigger) return;
+
+    // Get the instance index
+    const instance = getInstance(mirrorTrigger);
+
+    const mirrorTargets = queryAllElements('target', { instance });
+
+    for (const mirrorTarget of mirrorTargets) {
+      if (!isHTMLElement(mirrorTarget)) continue;
+
+      const delay = getAttribute(mirrorTarget, 'delay') || getAttribute(mirrorTrigger, 'delay');
+
+      if (delay) window.setTimeout(() => mirrorTarget.click(), delay);
+      else mirrorTarget.click();
+    }
+  });
+
+  return {
+    destroy() {
+      clickCleanup();
+    },
+  };
+};

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

@@ -0,0 +1,20 @@
+import { type AttributeElements, type AttributeSettings } from '@finsweet/attributes-utils';
+
+export const ELEMENTS = [
+  /**
+   * Defines the element as the trigger of the event.
+   */
+  'trigger',
+
+  /**
+   * Defines the element as the target to mirror the fired event.
+   */
+  'target',
+] as const satisfies AttributeElements;
+
+export const SETTINGS = {
+  /**
+   * Defines a delay to wait until the click event is replicated on the target.
+   */
+  delay: { key: 'delay', isNumeric: true },
+} as const satisfies AttributeSettings;

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

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

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

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

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

@@ -0,0 +1,172 @@
+# @finsweet/attributes-mirrorinput
+
+## 1.4.7
+
+### Patch Changes
+
+- Updated dependencies [2af0bad]
+  - @finsweet/attributes-utils@0.1.0
+
+## 1.4.6
+
+### Patch Changes
+
+- Updated dependencies [378d74d]
+  - @finsweet/attributes-utils@0.0.6
+
+## 1.4.5
+
+### Patch Changes
+
+- Updated dependencies [01973d8]
+  - @finsweet/attributes-utils@0.0.5
+
+## 1.4.4
+
+### Patch Changes
+
+- Updated dependencies [deef758]
+  - @finsweet/attributes-utils@0.0.4
+
+## 1.4.3
+
+### Patch Changes
+
+- Updated dependencies [d21cbca]
+  - @finsweet/attributes-utils@0.0.3
+
+## 1.4.2
+
+### Patch Changes
+
+- c7b544d: chore: updated dependencies
+- Updated dependencies [c7b544d]
+  - @finsweet/attributes-utils@0.0.2
+
+## 1.4.1
+
+### Patch Changes
+
+- b56e5e5: rename fsAttribute in places of usage to finsweetAttribute
+- Updated dependencies [b56e5e5]
+  - @finsweet/attributes-utils@0.0.1
+
+## 1.4.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.3.6
+
+### Patch Changes
+
+- Updated dependencies [4792998a]
+  - @global/constants@1.2.0
+  - @global/factory@1.1.5
+
+## 1.3.5
+
+### Patch Changes
+
+- Updated dependencies [07f32375]
+  - @global/constants@1.1.0
+  - @global/factory@1.1.4
+
+## 1.3.4
+
+### Patch Changes
+
+- Updated dependencies [7542dcdb]
+  - @global/constants@1.0.2
+  - @global/factory@1.1.3
+
+## 1.3.3
+
+### Patch Changes
+
+- Updated dependencies [bdd1a78]
+  - @global/constants@1.0.1
+  - @global/factory@1.1.2
+
+## 1.3.2
+
+### Patch Changes
+
+- Updated dependencies [13c3e23]
+  - @global/factory@1.1.1
+
+## 1.3.1
+
+### Patch Changes
+
+- Updated dependencies [627bf25]
+  - @global/factory@1.1.0
+
+## 1.3.0
+
+### Minor Changes
+
+- Added support wizard and publishing new schema version
+
+## 1.2.1
+
+### Patch Changes
+
+- Fixed checkboxes not being correctly synced between trigger and target.
+- Internal: updated `@finsweet/ts-utils` to include the fix.
+
+## 1.2.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([
+    'mirrorinput',
+    () => {
+      console.log('Attribute has successfully loaded!');
+    },
+  ]);
+</script>
+```
+
+## 1.1.0
+
+### Minor Changes
+
+- Created `changesets.json` API.
+
+## 1.0.3
+
+### Patch Changes
+
+- Added `initAttributes` call to make sure `window.fsAttributes` exists.
+
+## 1.0.2
+
+### Patch Changes
+
+- Updated `examples.json`.
+
+## 1.0.1
+
+### Patch Changes
+
+- Implemented the `generateSelectors` util.
+
+## 1.0.0
+
+### Major Changes
+
+- Created the attribute package.

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

@@ -0,0 +1,25 @@
+# `mirrorinput` Attribute
+
+Mirror a user input to another input.
+
+## 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([
+  'mirrorinput',
+  () => {
+    // Your code goes here.
+  },
+]);
+```
+
+## License
+
+[Apache 2.0](../../LICENSE.md)

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

@@ -0,0 +1,22 @@
+{
+  "name": "@finsweet/attributes-mirrorinput",
+  "version": "1.4.7",
+  "description": "Mirrors input events between two elements.",
+  "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/mirrorinput/src/index.ts

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