@hortonstudio/main 1.2.11 → 1.2.13

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

@@ -1,52 +0,0 @@
-import {
-  type FinsweetAttributeInit,
-  isNotEmpty,
-  waitAttributeLoaded,
-  waitWebflowReady,
-} from '@finsweet/attributes-utils';
-
-import { listenEvents } from './actions/events';
-import { observeElements } from './actions/observe';
-import { populateOptions } from './actions/populate';
-import { collectSettings } from './actions/settings';
-import { queryAllElements } from './utils/selectors';
-
-/**
- * Inits the attribute.
- */
-export const init: FinsweetAttributeInit = async () => {
-  await waitWebflowReady();
-  await waitAttributeLoaded('list');
-
-  const referenceElements = queryAllElements('dropdown');
-
-  const cleanups = referenceElements.map(initComboBox).filter(isNotEmpty);
-
-  return {
-    result: referenceElements,
-    destroy() {
-      for (const cleanup of cleanups) cleanup();
-    },
-  };
-};
-
-/**
- * Inits a new combo box instance.
- * @param referenceElement The element that has the `dropdown` attribute.
- *
- * @returns A callback to destroy all listeners.
- */
-const initComboBox = (referenceElement: HTMLElement) => {
-  const settings = collectSettings(referenceElement);
-  if (!settings) return;
-
-  populateOptions(settings, '', false, true);
-
-  const disconnectObservers = observeElements(settings);
-  const removeEventListeners = listenEvents(settings);
-
-  return () => {
-    disconnectObservers();
-    removeEventListeners();
-  };
-};

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

@@ -1,48 +0,0 @@
-import {
-  ARROW_DOWN_KEY,
-  ARROW_UP_KEY,
-  type AttributeElements,
-  type AttributeSettings,
-  SPACE_KEY,
-  TAB_KEY,
-} from '@finsweet/attributes-utils';
-
-export const ELEMENTS = [
-  /**
-   * Defines a dropdown element.
-   */
-  'dropdown',
-
-  /**
-   * Defines the label that displays the currently selected option.
-   */
-  'label',
-
-  /**
-   * Defines an option that will clear dropdown selection and input field.
-   */
-  'clear',
-
-  /**
-   * Defines a state where no results were found from `input` field search.
-   */
-  'empty',
-] as const satisfies AttributeElements;
-
-export const SETTINGS = {
-  /**
-   * If no results were found from `input` field search, it prevents input field from being cleared.
-   */
-  preventclear: { key: 'preventclear', values: ['true'] },
-
-  /**
-   * Defines if the reset option should be hidden whenever there isn't an active selection.
-   */
-  hideinitial: { key: 'hideinitial', values: ['true'] },
-} as const satisfies AttributeSettings;
-
-export const DROPDOWN_IS_OPEN = 'w--open';
-
-export const FS_DROPDOWN_TOGGLE_KEY = 'fs-dropdown-toggle-key';
-
-export const CONTROL_KEYS = [SPACE_KEY, TAB_KEY, ARROW_UP_KEY, ARROW_DOWN_KEY];

package/attributes-master/packages/combobox/src/utils/dropdowns.ts

@@ -1,120 +0,0 @@
-import { ARIA_ACTIVEDESCENDANT_KEY, ID_KEY, isElement, simulateEvent, TABINDEX_KEY } from '@finsweet/attributes-utils';
-
-import type { Settings } from './types';
-
-/**
- * `toggleDropdown()` closes or opens a dropdown element.
- * @param settings A {@link Settings} element.
- * @param focusInputElement Defaults to `true`.
- */
-export const toggleDropdown = (settings: Settings) => {
-  const { dropdownToggle } = settings;
-
-  simulateEvent(dropdownToggle, ['click', 'mouseup']);
-};
-
-/**
- * `toggleDropdownCloseIcon()` handles show/hide state of the dropdown close icon.
- * @param settings A {@link Settings} element.
- */
-export const toggleDropdownCloseIcon = (settings: Settings) => {
-  const { clearDropdown, inputElement, optionsStore, selectElement, preventClear } = settings;
-
-  const inputElValue = inputElement?.value?.toLowerCase();
-
-  if (preventClear && inputElValue) {
-    clearDropdown.style.display = 'block';
-
-    return;
-  }
-
-  const selectedOption = optionsStore.find(({ value }) => value === selectElement.value);
-
-  if (selectedOption) {
-    const selectedText = selectedOption.text.toLowerCase();
-
-    if (!inputElValue) {
-      clearDropdown.style.display = 'none';
-      return;
-    }
-
-    if (inputElValue && inputElValue !== selectedText) {
-      clearDropdown.style.display = 'none';
-      return;
-    }
-
-    clearDropdown.style.display = 'block';
-
-    return;
-  }
-
-  clearDropdown.style.display = 'none';
-};
-
-/**
- * `focusOnInput()` focuses the input element.
- * @param settings A {@link Settings} element.
- */
-
-export const focusOnInput = (settings: Settings) => {
-  const { inputElement } = settings;
-
-  const end = inputElement.value.length;
-
-  inputElement.setSelectionRange(end, end);
-  inputElement.focus();
-  inputElement.setAttribute(TABINDEX_KEY, '0');
-};
-
-/**
- * dispatches custom event `updateComboboxInputField`
- */
-export const updateComboboxInputField = (settings: Settings) => {
-  const event = new Event('updateComboboxInputField');
-
-  settings.inputElement.dispatchEvent(event);
-};
-
-/**
- * This function sets the `aria-activedescendant` attribute on the input element.
- * @param inputElement input element
- * @param focusedElement element that is currently focused
- */
-export const setActiveDescendant = (
-  inputElement: HTMLInputElement,
-  focusedElement: HTMLAnchorElement | HTMLOptionElement
-) => {
-  const optionId = focusedElement.getAttribute(ID_KEY);
-
-  inputElement.setAttribute(ARIA_ACTIVEDESCENDANT_KEY, `${optionId || ''}`);
-};
-
-/**
- * Returns the {@link OptionData} of an event target.
- *
- * @param e The Event object.
- * @param settings The instance {@link Settings}.
- *
- * @returns The {@link OptionData} object, if found.
- */
-export const getClickedOptionData = (e: Event, { optionsStore }: Settings) => {
-  const { target } = e;
-
-  if (!isElement(target)) return;
-
-  const optionElement = target.closest('a');
-  if (!optionElement) return;
-
-  const optionData = optionsStore.find(({ element }) => element === optionElement);
-  if (!optionData) return;
-
-  return optionData;
-};
-
-/**
- * Function that accepts an event object and stops propagation and default behavior.
- */
-export const cleanupBubble = (e: Event) => {
-  e.preventDefault();
-  e.stopPropagation();
-};

package/attributes-master/packages/combobox/src/utils/index.ts

@@ -1 +0,0 @@
-export * from './dropdowns';

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

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

package/attributes-master/packages/combobox/src/utils/types.ts

@@ -1,14 +0,0 @@
-import type { collectSettings } from '../actions/settings';
-
-export type Settings = NonNullable<ReturnType<typeof collectSettings>>;
-
-export interface OptionData {
-  text: string;
-  value: string;
-  element: HTMLAnchorElement | HTMLOptionElement;
-  selected: boolean;
-  focused: boolean;
-  hidden?: boolean;
-}
-
-export type OptionsStore = OptionData[];

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

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

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

@@ -1,213 +0,0 @@
-# @finsweet/attributes-copyclip
-
-## 2.0.7
-
-### Patch Changes
-
-- Updated dependencies [2af0bad]
-  - @finsweet/attributes-utils@0.1.0
-
-## 2.0.6
-
-### Patch Changes
-
-- Updated dependencies [378d74d]
-  - @finsweet/attributes-utils@0.0.6
-
-## 2.0.5
-
-### Patch Changes
-
-- Updated dependencies [01973d8]
-  - @finsweet/attributes-utils@0.0.5
-
-## 2.0.4
-
-### Patch Changes
-
-- Updated dependencies [deef758]
-  - @finsweet/attributes-utils@0.0.4
-
-## 2.0.3
-
-### Patch Changes
-
-- Updated dependencies [d21cbca]
-  - @finsweet/attributes-utils@0.0.3
-
-## 2.0.2
-
-### Patch Changes
-
-- Updated dependencies [c7b544d]
-  - @finsweet/attributes-utils@0.0.2
-
-## 2.0.1
-
-### Patch Changes
-
-- b56e5e5: rename fsAttribute in places of usage to finsweetAttribute
-- Updated dependencies [b56e5e5]
-  - @finsweet/attributes-utils@0.0.1
-
-## 2.0.0
-
-### Major Changes
-
-- 1186678: copyclip: prepared for v2 release
-
-## 1.7.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.6.1
-
-### Patch Changes
-
-- Updated dependencies [4792998a]
-  - @global/constants@1.2.0
-  - @global/factory@1.1.5
-
-## 1.6.0
-
-### Minor Changes
-
-- 07f32375: Created `fs-cmsattribute` Attribute
-
-### Patch Changes
-
-- Updated dependencies [07f32375]
-  - @global/constants@1.1.0
-  - @global/factory@1.1.4
-
-## 1.5.5
-
-### Patch Changes
-
-- Updated dependencies [7542dcdb]
-  - @global/constants@1.0.2
-  - @global/factory@1.1.3
-
-## 1.5.4
-
-### Patch Changes
-
-- Updated dependencies [bdd1a78]
-  - @global/constants@1.0.1
-  - @global/factory@1.1.2
-
-## 1.5.3
-
-### Patch Changes
-
-- Updated dependencies [13c3e23]
-  - @global/factory@1.1.1
-
-## 1.5.2
-
-### Patch Changes
-
-- Updated dependencies [627bf25]
-  - @global/factory@1.1.0
-
-## 1.5.1
-
-### Patch Changes
-
-- Fixed copying empty targets causing unexpected behaviors.
-
-## 1.5.0
-
-### Minor Changes
-
-- Added support to copy content from Form Fields (`input`, `select`, `textarea`).
-
-## 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([
-    'copyclip',
-    ([copyTriggers, destroyCallbacks]) => {
-      console.log('Attribute has successfully loaded!');
-      console.log([copyTriggers, destroyCallbacks]);
-    },
-  ]);
-</script>
-```
-
-## 1.2.1
-
-### Patch Changes
-
-- Fixed hidden target elements (set to `display: none`) not being copied correctly.
-  This fixes the issue both for regular targets and for sibling targets.
-
-## 1.2.0
-
-### Minor Changes
-
-- Created `changesets.json` API.
-
-## 1.1.9
-
-### Patch Changes
-
-- Published production files.
-
-## 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.1.10
-
-### Minor Changes
-
-- Added `initAttributes` call to make sure `window.fsAttributes` exists.
-
-## 1.0.0
-
-### Major Changes
-
-- Created the attribute package.

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

@@ -1,27 +0,0 @@
-# `copyclip` Attribute
-
-Copy content to the clipboard with a single click in Webflow.
-
-## 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([
-  'copyclip',
-  (clipboardInstances) => {
-    // Your code goes here.
-  },
-]);
-```
-
-The `result` object contains the [ClipboardJS](https://clipboardjs.com/) instances that are currently active on the page.
-
-## License
-
-[Apache 2.0](../../LICENSE.md)

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

@@ -1,23 +0,0 @@
-{
-  "name": "@finsweet/attributes-copyclip",
-  "version": "2.0.7",
-  "description": "Set any element to copy a string value to the clipboard when clicking on it.",
-  "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": {
-    "clipboard": "^2.0.11",
-    "@finsweet/attributes-utils": "workspace:*"
-  }
-}

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

@@ -1,67 +0,0 @@
-import { isFormField } from '@finsweet/attributes-utils';
-import ClipboardJS from 'clipboard';
-
-/**
- * Creates a new `ClipboardJS` instance.
- * @param params
- * @returns The created `ClipboardJS` instance.
- */
-export const createClipboardJsInstance = ({
-  trigger,
-  textToCopy,
-  target,
-  textNode,
-  originalText,
-  successMessage,
-  successDuration,
-  successClass,
-}: {
-  trigger: HTMLElement;
-  textToCopy?: string | null;
-  target?: Element | null;
-  textNode?: ChildNode;
-  originalText?: string | null;
-  successMessage?: string | null;
-  successDuration: number;
-  successClass: string;
-}) => {
-  const clipboard = new ClipboardJS(trigger, {
-    text: () => {
-      if (textToCopy) return textToCopy;
-
-      if (target) {
-        const text = isFormField(target) ? target.value : target.textContent || '';
-        return text;
-      }
-
-      return trigger.textContent || '';
-    },
-  });
-
-  let successState = false;
-
-  // Clear selection after copy
-  clipboard.on('success', (event: ClipboardJS.Event) => {
-    event.clearSelection();
-
-    if (successState) return;
-
-    successState = true;
-
-    // Add the success CSS class
-    trigger.classList.add(successClass);
-
-    // Add the success message
-    if (textNode && successMessage) textNode.textContent = successMessage;
-
-    // Reset after duration
-    setTimeout(() => {
-      trigger.classList.remove(successClass);
-      if (textNode) textNode.textContent = originalText || '';
-
-      successState = false;
-    }, successDuration);
-  });
-
-  return clipboard;
-};

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

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

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

@@ -1,68 +0,0 @@
-import {
-  findTextNode,
-  type FinsweetAttributeInit,
-  isHTMLElement,
-  isNotEmpty,
-  waitWebflowReady,
-} from '@finsweet/attributes-utils';
-
-import { createClipboardJsInstance } from './factory';
-import { getAttribute, getInstance, queryAllElements, queryElement } from './utils/selectors';
-
-/**
- * Inits the copy to clipboard functionality.
- */
-export const init: FinsweetAttributeInit = async () => {
-  await await waitWebflowReady();
-
-  const copyTriggers = queryAllElements('click');
-
-  const clipboardInstances = copyTriggers
-    .map((trigger) => {
-      if (!isHTMLElement(trigger)) return;
-
-      // Get attributes
-      const textToCopy = getAttribute(trigger, 'text');
-      const successMessage = getAttribute(trigger, 'message');
-      const successDuration = getAttribute(trigger, 'duration');
-      const successClass = getAttribute(trigger, 'activeclass');
-
-      // Get the instance index
-      const instance = getInstance(trigger);
-
-      // Get the target to be copied, if existing
-      const siblingTarget = trigger.parentElement
-        ? queryElement('copy-sibling', { scope: trigger.parentElement })
-        : null;
-
-      const target = siblingTarget || queryElement('copy-this', { instance });
-
-      // Store the text node and the original text
-      const textNode = findTextNode(trigger);
-      const originalText = textNode ? textNode.textContent : undefined;
-
-      // Create options object
-      const clipboardInstance = createClipboardJsInstance({
-        trigger,
-        target,
-        textToCopy,
-        originalText,
-        textNode,
-        successDuration,
-        successMessage,
-        successClass,
-      });
-
-      return clipboardInstance;
-    })
-    .filter(isNotEmpty);
-
-  return {
-    result: clipboardInstances,
-    destroy() {
-      for (const clipboardInstance of clipboardInstances) {
-        clipboardInstance.destroy();
-      }
-    },
-  };
-};

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

@@ -1,40 +0,0 @@
-import { type AttributeElements, type AttributeSettings, COPY_CLIP_ATTRIBUTE } from '@finsweet/attributes-utils';
-
-export const ELEMENTS = [
-  /**
-   * Defines an element to act as the copy trigger.
-   */
-  'click',
-
-  /**
-   * Defines an element to act as the copy target.
-   */
-  'copy-this',
-
-  /**
-   * Defines a sibling element to act as the copy target.
-   */
-  'copy-sibling',
-] as const satisfies AttributeElements;
-
-export const SETTINGS = {
-  /**
-   * Defines the text that will be copied to the clipboard.
-   */
-  text: { key: 'text' },
-
-  /**
-   * Defines the message that will be displayed on success.
-   */
-  message: { key: 'message' },
-
-  /**
-   * Defines the duration of the success state.
-   */
-  duration: { key: 'duration', defaultValue: '1000', isNumeric: true },
-
-  /**
-   * Defines the CSS Class added to the trigger on the success state.
-   */
-  activeclass: { key: 'activeclass', defaultValue: `is-${COPY_CLIP_ATTRIBUTE}-active` },
-} as const satisfies AttributeSettings;