blazy-8.x-2.x-dev/blazy.libraries.yml

# Everything is optional since 2.6. Nothing will be loaded when `No JavaScript`
# lazy option is enabled, unless exceptions met.
# Re-usable library, even for Ultimenu, or any modules wish to have vanilla.
# All dBlazy plugins should weight ~ -5.5 to be usable by blazy/drupal, etc.
dblazy:
  js:
    js/dblazy.min.js: { minified: true, weight: -6 }
    # The integrated basic plugins, separated for readability:
    js/plugin/blazy.once.min.js: { minified: true, weight: -5.9 }
    js/plugin/blazy.sanitizer.min.js: { minified: true, weight: -5.9 }
    # Can be ditched for Cash, or core DOM library, if any.
    js/plugin/blazy.dom.min.js: { minified: true, weight: -5.9 }
  dependencies:
    - core/drupal
    - core/once

dompurify:
  remote: https://github.com/cure53/DOMPurify
  version: VERSION
  license:
    name: MPL
    url: https://raw.githubusercontent.com/cure53/DOMPurify/main/LICENSE
    gpl-compatible: false
  js:
    /libraries/dompurify/dist/purify.min.js: { minified: true, weight: -16 }

# This library appears to be unmaintained, yet it is great and stable for 2KB.
# Forked it as a module asset to expose private function/methods and minimize
# dups, and more integrated with Native lazy and module features.
blazy:
  license:
    name: MIT
    url: https://github.com/dinbror/blazy/blob/master/LICENSE
    gpl-compatible: true
  js:
    js/base/blazy.min.js: { minified: true, weight: -5.02 }
  dependencies:
    - blazy/dataset

# An IntersectionObserver with fallback to old bLazy with Native support,
# implemented by blazy/compat, blazy/load, or IO.module to DRY.
bio:
  js:
    js/base/io/bio.min.js: { minified: true, weight: -5.01 }
  dependencies:
    - blazy/dblazy
    - blazy/dataset
    - blazy/observer

# Separate IO for Media from IO for ajaxified blocks and infinite pager.
bio.media:
  js:
    js/base/io/bio.media.min.js: { minified: true, weight: -2 }
  dependencies:
    - blazy/bio

# Drupal-related base.
base:
  css:
    component:
      css/blazy.css: {}
  js:
    js/base/blazy.base.min.js: { minified: true, weight: -5.8 }
  dependencies:
    # @todo watch out for core namespace change.
    - core/drupal.debounce
    - blazy/dblazy

# Shared drupal-related methods normally driven by Drupal UI options.
drupal:
  js:
    js/base/blazy.drupal.min.js: { minified: true, weight: -1.7 }
  dependencies:
    - blazy/base

# The bLazy, IO, Native loader aka initializer for IE9+ and modern browsers.
load:
  js:
    js/blazy.load.min.js: { minified: true, weight: -1.5 }
  dependencies:
    - blazy/bio.media
    - blazy/drupal
    - blazy/loading

# Compat methods between Native and lazyload script when being ditched to enact
# lost module features: Blur, VIDEO, multi-breakpoint BG and aspect ratio.
# @todo refine to not depend on bio.media.
compat:
  js:
    js/blazy.compat.min.js: { minified: true, weight: -1.4 }
  dependencies:
    - blazy/bio.media
    - blazy/drupal

# Ajax helper for VIS, alike.
bio.ajax:
  js:
    js/base/io/bio.ajax.min.js: { minified: true }
  dependencies:
    - core/drupal.ajax
    - blazy/compat

# Cosmetic components.
loading:
  css:
    component:
      css/components/blazy.loading.css: {}
  js:
    js/plugin/blazy.loading.min.js: { minified: true, weight: -5.5 }
  dependencies:
    - blazy/base

filter:
  css:
    component:
      css/components/blazy.filter.css: {}
  js:
    js/components/blazy.filter.min.js: { minified: true, weight: -1.6 }
  dependencies:
    - blazy/dblazy

blur:
  css:
    component:
      css/components/blazy.blur.css: {}
  js:
    js/components/blazy.blur.min.js: { minified: true, weight: -1.8 }
  dependencies:
    - blazy/animate

media:
  css:
    component:
      css/components/blazy.media.css: {}
  js:
    js/components/blazy.media.min.js: { minified: true }
  dependencies:
    - blazy/drupal
    - blazy/ratio
    # - blazy/multimedia

oembed:
  css:
    component:
      css/components/blazy.oembed.css: {}

preview:
  css:
    component:
      css/components/blazy.preview.css: {}

ratio:
  css:
    component:
      css/components/blazy.ratio.css: {}
  dependencies:
    - blazy/base

# CSS grids.
style:
  css:
    component:
      css/components/blazy.style.css: {}
  dependencies:
    - blazy/base

column:
  css:
    component:
      css/components/grid/blazy.column.css: {}
  dependencies:
    - blazy/style

dygrid:
  js:
    js/components/grid/blazy.dygrid.min.js: { minified: true, weight: -0.05 }
  dependencies:
    - blazy/base
    - blazy/loading

masonry:
  js:
    js/components/grid/blazy.masonry.min.js: { minified: true, weight: -0.05 }
  dependencies:
    - blazy/base
    - blazy/loading

flex:
  css:
    component:
      css/components/grid/blazy.flex.css: {}
  js:
    js/components/grid/blazy.flex.min.js: { minified: true, weight: -0.04 }
  dependencies:
    - blazy/compat
    - blazy/style
    - blazy/masonry

flexbox:
  css:
    component:
      css/components/grid/blazy.flexbox.css: {}
  js:
    js/components/grid/blazy.flexbox.min.js: { minified: true, weight: -0.04 }
  dependencies:
    - blazy/style
    - blazy/dygrid

grid:
  css:
    component:
      css/components/grid/blazy.grid.css: {}
  dependencies:
    - blazy/base

nativegrid:
  css:
    component:
      css/components/grid/blazy.nativegrid.css: {}
  js:
    js/components/grid/blazy.nativegrid.min.js: { minified: true, weight: -0.04 }
  dependencies:
    - blazy/dygrid

nativegrid.masonry:
  css:
    component:
      css/components/grid/blazy.nativegrid.masonry.css: {}
  js:
    js/components/grid/blazy.nativegrid.masonry.min.js: { minified: true, weight: -0.04 }
  dependencies:
    - blazy/compat
    - blazy/nativegrid
    - blazy/style
    - blazy/masonry

# Lightboxes.
lightbox:
  css:
    component:
      css/components/box/blazy.lightbox.css: {}
  dependencies:
    - blazy/base

blazybox:
  css:
    component:
      css/components/box/blazy.blazybox.css: {}
  js:
    js/components/box/blazy.blazybox.min.js: { minified: true }
  dependencies:
    - blazy/drupal
    - blazy/lightbox
    # - blazy/multimedia
    - blazy/ratio

flybox:
  css:
    component:
      css/components/box/blazy.flybox.css: {}
  js:
    js/components/box/blazy.flybox.min.js: { minified: true }
  dependencies:
    - blazy/blazybox

colorbox:
  css:
    component:
      css/components/box/blazy.colorbox.css: {}
  js:
    js/components/jquery/blazy.colorbox.min.js: { minified: true }
  dependencies:
    - blazy/drupal
    - blazy/ratio
    - colorbox/colorbox

# A decent altenative for the deprecated photobox, and too old colorbox.
# Cannot depend on its module due to libraries and loader are not separated.
magnific_popup:
  remote: https://dimsemenov.com/plugins/magnific-popup/
  version: 1.0
  license:
    name: MIT
    url: https://github.com/dimsemenov/Magnific-Popup/blob/master/LICENSE
    gpl-compatible: true
  js:
    /libraries/magnific-popup/dist/jquery.magnific-popup.min.js: { minified: true }
  css:
    base:
      /libraries/magnific-popup/dist/magnific-popup.css: {}
  dependencies:
    - core/jquery

mfp:
  css:
    theme:
      css/components/box/blazy.mfp.css: {}
  js:
    js/components/jquery/blazy.mfp.min.js: { minified: true }
  dependencies:
    - blazy/magnific_popup
    # @todo revert if not enough: - blazy/compat
    - blazy/lightbox
    - blazy/media

admin.grid:
  css:
    theme:
      css/components/admin/blazy.admin-grid.css: {}
  dependencies:
    - blazy/nativegrid

admin.optionset:
  css:
    theme:
      css/components/admin/blazy.admin-optionset.css: {}

admin.lb:
  css:
    theme:
      css/components/admin/blazy.admin-lb.css: {}

admin.tabs:
  css:
    theme:
      css/components/admin/blazy.admin-tabs.css: {}
  js:
    js/components/admin/blazy.admin-tabs.min.js: { minified: true }
  dependencies:
    - blazy/dblazy

admin:
  css:
    theme:
      css/components/admin/blazy.admin.css: {}
      css/components/admin/blazy.admin-modal.css: {}
      css/components/admin/blazy.admin-tooltip.css: {}
  js:
    js/components/jquery/blazy.admin.min.js: { minified: true }
  dependencies:
    - core/jquery
    - blazy/drupal
    - blazy/admin.grid