@hortonstudio/main 1.2.11 → 1.2.13

package/attributes-master/packages/accordion/src/actions/settings.ts

@@ -1,61 +0,0 @@
-import { extractCommaSeparatedValues, isKeyOf, isNotEmpty, parseNumericAttribute } from '@finsweet/attributes-utils';
-
-import { SETTINGS } from '../utils/constants';
-import { getAttribute, hasAttributeValue, queryElement } from '../utils/selectors';
-import type { AccordionGroupData, InitialState } from '../utils/types';
-
-/**
- * Collects a group's settings.
- * @param group
- * @returns A new {@link AccordionGroupData} object.
- */
-export const getGroupSettings = (group: HTMLElement): AccordionGroupData => {
-  const single = hasAttributeValue(group, 'single', 'true');
-  const rawInitial = getAttribute(group, 'initial');
-  const activeClass = getAttribute(group, 'activeclass');
-
-  let initial: InitialState;
-
-  if (rawInitial) {
-    if (isKeyOf(rawInitial, SETTINGS.initial.values)) {
-      initial = rawInitial;
-    } else {
-      const rawInitialValues = extractCommaSeparatedValues(rawInitial);
-      initial = rawInitialValues.map(parseNumericAttribute).filter(isNotEmpty);
-    }
-  }
-
-  return { group, single, initial, activeClass, accordions: [] };
-};
-
-/**
- * @returns An accordion's settings.
- * @param accordion
- * @param groupData
- */
-export const getAccordionSettings = (accordion: HTMLElement, groupData: AccordionGroupData) => {
-  const scope = accordion;
-  const trigger = queryElement('trigger', { scope });
-  const content = queryElement('content', { scope });
-  const arrow = queryElement('arrow', { scope });
-
-  if (!trigger || !content) return;
-
-  const groupActiveClass = groupData.activeClass;
-  const accordionActiveClass = getAttribute(accordion, 'activeclass');
-  const triggerActiveClass = getAttribute(trigger, 'activeclass');
-  const contentActiveClass = getAttribute(content, 'activeclass');
-  const arrowActiveClass = arrow ? getAttribute(arrow, 'activeclass') : null;
-
-  return {
-    accordion,
-    trigger,
-    content,
-    arrow,
-    groupActiveClass,
-    accordionActiveClass,
-    triggerActiveClass,
-    contentActiveClass,
-    arrowActiveClass,
-  };
-};

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

@@ -1,145 +0,0 @@
-import { addListener, isVisible } from '@finsweet/attributes-utils';
-
-import { setAccordionA11y, setAccordionAriaExpanded } from './actions/a11y';
-import { setActiveClass } from './actions/classes';
-import { closeContent, openContent } from './actions/content';
-import { getAccordionSettings, getGroupSettings } from './actions/settings';
-import { getElementSelector } from './utils/selectors';
-import type { AccordionData, AccordionGroupData } from './utils/types';
-
-/**
- * Inits an accordion group.
- * @param accordion
- * @param groupsData
- * @returns
- */
-export const initAccordionGroup = (accordion: HTMLElement, groupsData: AccordionGroupData[]) => {
-  const group = accordion.closest<HTMLElement>(getElementSelector('group')) || document.body;
-
-  let groupData = groupsData.find((data) => data.group === group);
-  if (!groupData) {
-    groupData = getGroupSettings(group);
-
-    groupsData.push(groupData);
-  }
-
-  const accordionData = groupData.accordions.find((data) => data.accordion === accordion);
-  if (accordionData) return groupData;
-
-  const controls = initAccordion(accordion, groupData);
-  if (controls) {
-    groupData.accordions.push({
-      accordion,
-      controls,
-    });
-  }
-
-  setInitialGroupState(groupData);
-
-  return groupData;
-};
-
-/**
- * Inits an accordion.
- * @param accordion
- * @param groupData
- *
- * @returns The accordion's controls.
- */
-const initAccordion = (
-  accordion: HTMLElement,
-  groupData: AccordionGroupData
-): AccordionData['controls'] | undefined => {
-  const settings = getAccordionSettings(accordion, groupData);
-  if (!settings) return;
-
-  const { trigger, content } = settings;
-
-  let isOpen = isVisible(content);
-  let cancel: (() => void) | undefined;
-
-  // Force the content to be closed if the accordion is not visible.
-  if (!isVisible(accordion)) {
-    cancel = closeContent(content);
-  }
-
-  setAccordionA11y(trigger, content, isOpen);
-  setActiveClass({
-    ...settings,
-    isOpen,
-  });
-
-  /**
-   * Expands/contracts the content element.
-   * @param event The Event object, if it was done by a user interaction.
-   */
-  const toggleContent = (event?: Event) => {
-    cancel?.();
-    cancel = undefined;
-
-    if (isOpen) {
-      cancel = closeContent(content);
-      isOpen = false;
-    } else {
-      openContent(content);
-      isOpen = true;
-
-      // Close all other Accordions if the group is single.
-      if (groupData.single && event) {
-        for (const data of groupData.accordions) {
-          if (data.accordion !== accordion) data.controls.close();
-        }
-      }
-    }
-
-    setAccordionAriaExpanded(settings.trigger, isOpen);
-    setActiveClass({
-      ...settings,
-      isOpen,
-    });
-  };
-
-  const destroy = addListener(trigger, 'click', toggleContent);
-
-  return {
-    destroy,
-    open: () => {
-      if (!isOpen) toggleContent();
-    },
-    close: () => {
-      if (isOpen) toggleContent();
-    },
-    isOpen: () => isOpen,
-  };
-};
-
-/**
- * Ensures all accordions are correctly open/closed on page load.
- * @param groupData
- */
-const setInitialGroupState = ({ single, initial, accordions }: AccordionGroupData) => {
-  let openedSingle = false;
-
-  const isInitialNone = initial === 'none';
-  const isInitialIndexes = Array.isArray(initial);
-
-  for (const [index, { controls }] of accordions.entries()) {
-    const adjustedIndex = index + 1;
-
-    const shouldOpen = isInitialIndexes && initial.includes(adjustedIndex);
-    const shouldClose =
-      (single && openedSingle) || (isInitialIndexes && !initial.includes(adjustedIndex)) || isInitialNone;
-
-    if (shouldClose) {
-      controls.close();
-      continue;
-    }
-
-    if (shouldOpen) {
-      controls.open();
-      openedSingle = true;
-    }
-
-    openedSingle ||= controls.isOpen();
-  }
-};

package/attributes-master/packages/accordion/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/accordion/src/init.ts

@@ -1,37 +0,0 @@
-import { type FinsweetAttributeInit, waitWebflowReady } from '@finsweet/attributes-utils';
-
-import { initListAccordions } from './actions/list';
-import { initAccordionGroup } from './factory';
-import { LIST_ELEMENT_SELECTOR } from './utils/constants';
-import { queryAllElements } from './utils/selectors';
-import type { AccordionGroupData } from './utils/types';
-
-export const init: FinsweetAttributeInit = async () => {
-  await waitWebflowReady();
-
-  // Get all accordions
-  const accordions = queryAllElements('accordion');
-
-  // Init all groups
-  const groupsData: AccordionGroupData[] = [];
-
-  for (const accordion of accordions) {
-    initAccordionGroup(accordion, groupsData);
-  }
-
-  // Listen for List instances, if any
-  const usesList = accordions.some((accordion) => accordion.closest(LIST_ELEMENT_SELECTOR));
-  const listsCleanup = usesList ? await initListAccordions(groupsData) : undefined;
-
-  // Finalize
-  return {
-    result: groupsData,
-    destroy() {
-      for (const { accordions } of groupsData) {
-        for (const { controls } of accordions) controls.destroy();
-      }
-
-      listsCleanup?.();
-    },
-  };
-};

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

@@ -1,62 +0,0 @@
-import {
-  ACCORDION_ATTRIBUTE,
-  type AttributeElements,
-  type AttributeSettings,
-  LIST_ATTRIBUTE,
-} from '@finsweet/attributes-utils';
-
-export const ELEMENTS = [
-  /**
-   * Defines a group of accordion elements.
-   */
-  'group',
-
-  /**
-   * Defines an accordion element.
-   */
-  'accordion',
-
-  /**
-   * Defines a trigger element.
-   */
-  'trigger',
-
-  /**
-   * Defines a content element.
-   */
-  'content',
-
-  /**
-   * Defines an arrow element.
-   */
-  'arrow',
-] as const satisfies AttributeElements;
-
-export const SETTINGS = {
-  /**
-   * Defines if only one accordion can be open in a group at a time.
-   */
-  single: {
-    key: 'single',
-    values: ['true'],
-  },
-
-  /**
-   * Defines the initially open accordions in a group.
-   * Accepts both {@link SETTINGS.initial.values.none} or any arbitrary numbers in a comma-separated list.
-   */
-  initial: {
-    key: 'initial',
-    values: ['none'],
-  },
-
-  /**
-   * Defines the active CSS class to add.
-   */
-  activeclass: {
-    key: 'activeclass',
-    defaultValue: `is-${ACCORDION_ATTRIBUTE}-active`,
-  },
-} as const satisfies AttributeSettings;
-
-export const LIST_ELEMENT_SELECTOR = `[fs-${LIST_ATTRIBUTE}-element="list"]`;

package/attributes-master/packages/accordion/src/utils/helpers.ts

@@ -1,5 +0,0 @@
-/**
- * @returns An element's computed height.
- * @param content
- */
-export const getElementHeight = (content: HTMLElement) => `${getComputedStyle(content).height}`;

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

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

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

@@ -1,23 +0,0 @@
-import type { SETTINGS } from './constants';
-
-export interface AccordionData {
-  accordion: HTMLElement;
-  controls: {
-    destroy: () => void;
-    open: () => void;
-    close: () => void;
-    isOpen: () => boolean;
-  };
-}
-
-export interface AccordionGroupData {
-  group: HTMLElement;
-  single: boolean;
-  initial: InitialState;
-  accordions: AccordionData[];
-  activeClass: string;
-}
-
-type InitialValues = (typeof SETTINGS)['initial']['values'][number];
-
-export type InitialState = InitialValues | number[] | undefined;

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

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