{
  "name": "crn-list-avatar",
  "text_pt_BR": "Lista com avatar",
  "text_en_US": "Avatar list",
  "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-list-avatar.svg",
  "description": "Lista de dados com avatar",
  "description_en_US": "Data list with avatar",
  "category": [
    "LISTS"
  ],
  "wrapper": true,
  "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/list.avatar.template.html",
  "forcedGroup": true,
  "properties": {
    "id": {
      "order": 3
    },
    "class": {
      "order": 9999
    }
  },
  "handleRules": {
    "canIncrement": true,
    "rules": [
      {
        "sourceHTML": "<a class=\"item item-avatar-left text-left\" xattr-position=\"item-avatar-left\" xattr-text-position=\"text-left\" data-component=\"crn-list-item-avatar\" id=\"crn-list-item-avatar-${RANDOM}\"><img alt=\"Avatar\" src=\"img/nophoto.png\" class=\"component-holder\" data-component=\"crn-image\" id=\"crn-image-${RANDOM}\"><h2 class=\"dark\" xattr-theme=\"dark\">List Title</h2><h3 class=\"dark\" xattr-theme=\"dark\">List Subtitle</h3</a>",
        "targetSelector": "div"
      }
    ]
  },
  "attributesForPreview": [
    {
      "name": "xattr-position",
      "type": "btngroup",
      "target": "class",
      "values": [
        {
          "key": "item-avatar-left",
          "value_pt_BR": "Esquerda",
          "value_en_US": "Left",
          "icon": "mdi mdi-arrow-collapse-left"
        },
        {
          "key": "item-avatar-right",
          "value_pt_BR": "Direita",
          "value_en_US": "Right",
          "icon": "mdi mdi-arrow-collapse-right"
        }
      ]
    },
    {
      "name": "xattr-text-position",
      "type": "btngroup",
      "target": "class",
      "values": [
        {
          "key": "text-left",
          "value_pt_BR": "Esquerda",
          "value_en_US": "Left",
          "icon": "mdi mdi-ray-start"
        },
        {
          "key": "text-center",
          "value_pt_BR": "Centro",
          "value_en_US": "Center",
          "icon": "mdi mdi-ray-vertex"
        },
        {
          "key": "text-right",
          "value_pt_BR": "Direita",
          "value_en_US": "Right",
          "icon": "mdi mdi-ray-end"
        }
      ]
    },
    {
      "name": "xattr-theme",
      "type": "options",
      "target": "class",
      "values": [
        {
          "key": "default",
          "value_pt_BR": "Padrão do tema",
          "value_en_US": "Default theme",
          "color": "--colorDefault"
        },
        {
          "key": "positive",
          "value_pt_BR": "Secundário",
          "value_en_US": "Secondary",
          "color": "--colorPrimary"
        },
        {
          "key": "balanced",
          "value_pt_BR": "Sucesso",
          "value_en_US": "Success",
          "color": "--colorSuccess"
        },
        {
          "key": "calm",
          "value_pt_BR": "Informação",
          "value_en_US": "Info",
          "color": "--colorCalm"
        },
        {
          "key": "energized",
          "value_pt_BR": "Aviso",
          "value_en_US": "Warning",
          "color": "--colorWarning"
        },
        {
          "key": "assertive",
          "value_pt_BR": "Perigo",
          "value_en_US": "Danger",
          "color": "--colorDanger"
        },
        {
          "key": "light",
          "value_pt_BR": "Claro",
          "value_en_US": "Light",
          "color": "--colorLight"
        },
        {
          "key": "stable",
          "value_pt_BR": "Estável",
          "value_en_US": "Stable",
          "color": "--colorStable"
        },
        {
          "key": "royal",
          "value_pt_BR": "Real",
          "value_en_US": "Royal",
          "color": "--colorRoyal"
        },
        {
          "key": "dark",
          "value_pt_BR": "Escuro",
          "value_en_US": "Dark",
          "color": "--colorDark"
        }
      ]
    }
  ],
  "childrenProperties": [
    {
      "name": "crn-datasource",
      "selector": "div",
      "displayName_pt_BR": "Fonte de dados",
      "displayName_en_US": "Datasource",
      "type": "pageDatasource",
      "order": 1,
      "mandatory": true
    },
    {
      "name": "ng-repeat",
      "selector": "div",
      "type": "text",
      "order": 2
    },
    {
      "name": "src",
      "selector": "img",
      "removable": false,
      "displayName_pt_BR": "Avatar",
      "displayName_en_US": "Avatar",
      "type": "projectResource",
      "resourceType": "image/jpeg,image/gif,image/png",
      "order": 3
    },
    {
      "name": "content",
      "displayName_pt_BR": "Título",
      "displayName_en_US": "Title",
      "selector": "h2",
      "type": "content",
      "order": 4
    },
    {
      "name": "content",
      "displayName_pt_BR": "Subtítulo",
      "displayName_en_US": "Subtitle",
      "selector": "h3",
      "type": "content",
      "order": 5
    },
    {
      "name": "xattr-theme",
      "displayName_pt_BR": "Tema do Tìtulo",
      "displayName_en_US": "Title theme",
      "selector": "h2",
      "type": "text",
      "order": 6
    },
    {
      "name": "xattr-theme",
      "displayName_pt_BR": "Tema do Subtítulo",
      "displayName_en_US": "Subtitle theme",
      "selector": "h3",
      "type": "text",
      "order": 7
    },
    {
      "name": "xattr-position",
      "displayName_pt_BR": "Posição da Imagem",
      "displayName_en_US": "Image Position",
      "selector": "a",
      "type": "text",
      "order": 8
    },
    {
      "name": "xattr-text-position",
      "displayName_pt_BR": "Posição do Texto",
      "displayName_en_US": "Text Position",
      "selector": "a",
      "type": "text",
      "order": 9
    },
    {
      "name": "ng-click",
      "selector": "a",
      "type": "event"
    },
    {
      "name": "on-tap",
      "selector": "a",
      "type": "event"
    },
    {
      "name": "on-double-tap",
      "selector": "a",
      "type": "event"
    },
    {
      "name": "on-hold",
      "selector": "a",
      "type": "event"
    },
    {
      "name": "on-swipe",
      "selector": "a",
      "type": "event"
    },
    {
      "name": "on-drag",
      "selector": "a",
      "type": "event"
    }
  ],
  "styles": [
    {
      "selector": "div#{id} a",
      "text_pt_BR": "Plano de fundo",
      "text_en_US": "Background"
    },
    {
      "selector": "div#{id} h2",
      "text_pt_BR": "Título",
      "text_en_US": "Title"
    },
    {
      "selector": "div#{id} h3",
      "text_pt_BR": "Subtítulo",
      "text_en_US": "Subtitle"
    }
  ]
}