install.json

{
  "resources": {
    "head": [
      {
        "type": "script",
        "src": "./offline.min.js"
      },
      {
        "type": "style",
        "src": "./themes/offline-language-{{ options.language }}.css",
        "if": "!options.indicator"
      },
      {
        "type": "style",
        "src": "./themes/offline-language-{{ options.language }}-indicator.css",
        "if": "options.indicator"
      },
      {
        "type": "style",
        "src": "./themes/offline-theme-{{ options.theme }}.css",
        "if": "!options.indicator"
      },
      {
        "type": "style",
        "src": "./themes/offline-theme-{{ options.theme }}-indicator.css",
        "if": "options.indicator"
      }
    ]
  },
  "options": {
    "properties": {
      "indicator": {
        "title": "Always on",
        "description": "When checked, a connectivity indicator will always be present on the bottom-left corner of the page. When unchecked, Offline will only show a message when there are connectivity issues.",
        "type": "boolean",
        "default": false
      },
      "language": {
        "title": "Language",
        "description": "The language of the message displayed to the user when connectivity is lost or regained.",
        "type": "string",
        "enum": [
          "arabic",
          "chinese-simplified",
          "chinese-traditional",
          "dutch",
          "english",
          "french",
          "german",
          "italian",
          "pashto",
          "persian",
          "polish",
          "portuguese-brazil",
          "spanish",
          "turkish"
        ],
        "enumNames": {
          "arabic": "Arabic",
          "chinese-simplified": "Simplified Chinese",
          "chinese-traditional": "Traditional Chinese",
          "czech": "Czech",
          "dutch": "Dutch",
          "english": "English",
          "french": "French",
          "german": "German",
          "italian": "Italian",
          "pashto": "Pashto",
          "persian": "Persian",
          "polish": "Polish",
          "portuguese-brazil": "Brazilian Portuguese",
          "spanish": "Spanish",
          "turkish": "Turkish"
        },
        "default": "english"
      },
      "theme": {
        "title": "Theme",
        "description": "Describes the look and feel of the message.",
        "type": "string",
        "enum": [
          "default",
          "dark",
          "chrome",
          "slide"
        ],
        "enumNames": {
          "default": "Default",
          "dark": "Dark",
          "chrome": "Chrome",
          "slide": "Slide"
        },
        "default": "default"
      }
    }
  }
}