gridstack-8.x-2.5/gridstack.libraries.yml

# Front-end and Admin UI.
gridstack:
  remote: https://github.com/troolee/gridstack.js
  version: 0.2.x
  license:
    name: MIT
    url: https://github.com/troolee/gridstack.js/blob/master/LICENSE
    gpl-compatible: true
  js:
    /libraries/gridstack/dist/gridstack.min.js: { minified: true, weight: -2 }
  dependencies:
    - core/jquery
    - core/underscore

# The minimum CSS rules to support both native CSS Grid and dynamic layout like
# Oulayer (Masonry/Packery/Isotope filterable) layouts.
static:
  css:
    base:
      css/gridstack.static.css: {}

# GridStack JS specific rules. Not needed by native CSS Grid.
library:
  css:
    base:
      css/gridstack.library.css: {}
  dependencies:
    - gridstack/static

# Admin UI only.
# @todo removed jquery API in v1.0.0.
ui:
  css:
    theme:
      css/admin/gridstack.admin.ui.css: {}
  dependencies:
  - core/jquery
  - core/jquery.ui
  - core/jquery.ui.draggable
  - core/jquery.ui.droppable
  - core/jquery.ui.resizable
  - gridstack/library

# Admin UI only. Since v0.5.4, jquery.ui is included with gridstack.all.js.
# Meaning cannot use gridstack.all.js since jQuery UI might be already loaded
# on the page by core or other contrib modules.
all:
  js:
    /libraries/gridstack/dist/gridstack.jQueryUI.min.js: { minified: true, weight: -2 }
  dependencies:
    - gridstack/ui
    - gridstack/gridstack

# Can be enabled via Use non-minified GridStack library option.
dev:
  js:
    /libraries/gridstack/dist/gridstack.js: { weight: -2 }
    /libraries/gridstack/dist/gridstack.jQueryUI.js: { weight: -2 }
  dependencies:
    - gridstack/ui

# Basic layout fixes to avoid broken boxes when containing blocks.
layout:
  css:
    layout:
      css/gridstack.layout.css: {}

# Front-end (js-driven) uses lightweight Undescore, not Lodash.
base:
  css:
    base:
      css/gridstack.css: {}
    theme:
       css/gridstack.theme.css: {}
  dependencies:
    - core/underscore
    - blazy/load
    - gridstack/layout


# Admin UI only.
backbone:
  js:
    js/admin/gridstack.admin.base.min.js: { minified: true, weight: -0.009 }
    js/admin/gridstack.admin.backbone.model.min.js: { minified: true, weight: -0.008 }
    js/admin/gridstack.admin.backbone.view.min.js: { minified: true, weight: -0.007 }
    js/admin/gridstack.admin.backbone.crud.min.js: { minified: true, weight: -0.006 }
    js/admin/gridstack.admin.backbone.min.js: { minified: true, weight: -0.005 }
    js/admin/gridstack.admin.ui.min.js: { minified: true, weight: -0.004 }
  dependencies:
    - core/jquery
    - core/backbone
    - blazy/dblazy

# Admin UI only.
admin_base:
  css:
    theme:
      css/admin/gridstack.admin.css: {}

admin_layout:
  js:
    js/admin/gridstack.admin.layout.min.js: { minified: true }
  css:
    theme:
      css/admin/gridstack.admin.layout.css: {}
  dependencies:
    - gridstack/debug

# Admin UI only.
admin:
  js:
    js/admin/gridstack.admin.min.js: { minified: true, weight: -0.003 }
  dependencies:
    - gridstack/backbone
    - gridstack/admin_base

# Required by GridStack JS and native CSS Grid to make it responsive.
fe:
  js:
    js/gridstack.fe.min.js: { minified: true, weight: -0.003 }
  css:
    theme:
      css/gridstack.js.css: {}
  dependencies:
    - gridstack/base

# Native CSS Grid won't load GridStack JS, yet still uses JS for responsiveness.
native:
  js:
    js/gridstack.native.min.js: { minified: true, weight: -0.002 }
  css:
    theme:
      css/gridstack.native.css: {}
  dependencies:
    - gridstack/fe

# Front-end (js-driven), not loaded when using native CSS Grid.
load:
  js:
    js/gridstack.load.min.js: { minified: true, weight: -0.002 }
  dependencies:
    - gridstack/gridstack
    - gridstack/library
    - gridstack/fe

skin:
  css:
    theme:
      css/gridstack.skin.css: {}
  dependencies:
    - gridstack/base

debug:
  css:
    layout:
      css/admin/gridstack.debug.css: {}