Utilities Additions

[novacbn]

CHANGELOG

• Added IS_SERVER: boolean constant.

• Added the following Actions / Action Features

  • intersection_observer(HTMLElement, {on_intersect: (intersections: IntersectionObserverEntry[]) => void}): IIntersectionObserverAction — Light Svelte Action wrapper around the IntersectionObserver API.

    • intersection_observer({...: IntersectionObserverInit}) — Pass IntersectionObserverInit options.
    • NOTE: Properties map to snake_case, e.g. rootMargin -> root_margin

  • mutation_observer(HTMLElement, {on_mutate: (mutations: MutationRecord[]) => void}): IMutationObserverAction — Light Svelte Action wrapper around the MutationObserver API.

    • mutation_observer({...: MutationObserverInit}) — Pass MutationObserverInit options.
    • NOTE: Properties map to snake_case, e.g. attributeFilter -> attribute_filter

• Added the following Components / Component Features

  • Utilities

    • BrowserRender — Disables rendering of child content whenever Component is initialized on a Server.

    • ServerRender — Disables rendering of child content whenever Component is initialized on the Browser.

    • IntersectionRender — Starts rendering the child content whenever the content intersects the viewport, via a IntersectionObserver.

      • <IntersectionRender fallthrough={boolean}> — When true, always renders content in SSR environments, e.g. SvelteKit
      • <IntersectionRender loading="eager"> — Changes behavior to stop rendering the child content whenever it leaves the viewport, instead of persisting.
      • <IntersectionRender has_intersected={boolean}> — Is true after the child content has intersected once.
      • <IntersectionRender is_intersecting={boolean}> — Is true whenever the child content is intersecting.
      • <IntersectionRender root> — Maps to IntersectionObserverInit.root.
      • <IntersectionRender root_margin> — Maps to IntersectionObserverInit.rootMargin.
      • <IntersectionRender threshold> — Maps to IntersectionObserverInit.threshold.

[github-actions[bot]]

Preview: https://novacbn-kahi-ui-pr-55-run-67.surge.sh

[github-actions[bot]]

Preview: https://novacbn-kahi-ui-pr-55-run-69.surge.sh

[github-actions[bot]]

Preview: https://novacbn-kahi-ui-pr-55-run-71.surge.sh

[github-actions[bot]]

Preview: https://novacbn-kahi-ui-pr-55-run-73.surge.sh

[github-actions[bot]]

Preview: https://novacbn-kahi-ui-pr-55-run-75.surge.sh

[github-actions[bot]]

Preview: https://novacbn-kahi-ui-pr-55-run-77.surge.sh