@kitconcept/volto-light-theme/src/config/slots.ts

Volto Light Theme by kitconcept

import type { ConfigType } from '@plone/registry';
import Theming from '../components/Theming/Theming';
import FooterLogos from '../components/Footer/slots/FooterLogos';
import FollowUsLogoAndLinks from '../components/Footer/slots/FollowUsLogoAndLinks';
import Colophon from '../components/Footer/slots/Colophon';
import CoreFooter from '../components/Footer/slots/CoreFooter';
import StickyMenu from '../components/StickyMenu/StickyMenu';
import type { Content } from '@plone/types';

export function hasInheritedBehavior(behavior: string) {
  return ({ content }: { content: Content }) =>
    Object.keys(content?.['@components']?.inherit || {}).includes(behavior);
}

export default function install(config: ConfigType) {
  config.registerSlotComponent({
    slot: 'aboveHeader',
    name: 'Theming',
    component: Theming,
  });

  config.registerSlotComponent({
    slot: 'aboveHeader',
    name: 'StickyMenu',
    component: StickyMenu,
  });

  config.registerSlotComponent({
    name: 'footerLogos',
    slot: 'preFooter',
    component: FooterLogos,
  });

  config.registerSlotComponent({
    name: 'coreFooter',
    slot: 'footer',
    component: CoreFooter,
    predicates: [hasInheritedBehavior('kitconcept.footer')],
  });

  config.registerSlotComponent({
    name: 'PostFooterFollowUsLogoAndLinks',
    slot: 'postFooter',
    component: FollowUsLogoAndLinks,
  });

  config.registerSlotComponent({
    name: 'Colophon',
    slot: 'postFooter',
    component: Colophon,
  });

  return config;
}