cronapp-framework-mobile-js/components/crn-slider-item.components.json

Javascript library for CronApp's projects

{
  "name": "crn-slider-item",
  "text_pt_BR": "Item de Carrossel",
  "text_en_US": "Carousel Item",
  "class": "adjust-icon mdi mdi-view-carousel",
  "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/item.slider.template.html",
  "wrapper": false,
  "pallete": false,
  "forcedGroup": true,
  "properties": {
    "id": {
      "order": 1
    },
    "class": {
      "order": 9999
    },
    "xattr-theme": {
      "displayName_en_US": "Slider theme",
      "displayName_pt_BR": "Tema do slider",
      "order": 3
    },
    "style": {
      "displayName_en_US": "Customize the slider",
      "displayName_pt_BR": "Personalize o item",
      "order": 1
    }
  },
  "attributesForPreview": [
    {
      "name": "xattr-theme",
      "type": "options",
      "target": "class",
      "values": [
        {
          "key": "default-bg",
          "value_pt_BR": "Padrão do tema",
          "value_en_US": "Default theme",
          "color": "--colorDefault"
        },
        {
          "key": "positive-bg",
          "value_pt_BR": "Secundário",
          "value_en_US": "Secondary",
          "color": "--colorPrimary"
        },
        {
          "key": "balanced-bg",
          "value_pt_BR": "Sucesso",
          "value_en_US": "Success",
          "color": "--colorSuccess"
        },
        {
          "key": "calm-bg",
          "value_pt_BR": "Informação",
          "value_en_US": "Info",
          "color": "--colorCalm"
        },
        {
          "key": "energized-bg",
          "value_pt_BR": "Aviso",
          "value_en_US": "Warning",
          "color": "--colorWarning"
        },
        {
          "key": "assertive-bg",
          "value_pt_BR": "Perigo",
          "value_en_US": "Danger",
          "color": "--colorDanger"
        },
        {
          "key": "light-bg",
          "value_pt_BR": "Claro",
          "value_en_US": "Light",
          "color": "--colorLight"
        },
        {
          "key": "stable-bg",
          "value_pt_BR": "Estável",
          "value_en_US": "Stable",
          "color": "--colorStable"
        },
        {
          "key": "royal-bg",
          "value_pt_BR": "Real",
          "value_en_US": "Royal",
          "color": "--colorRoyal"
        },
        {
          "key": "dark-bg",
          "value_pt_BR": "Escuro",
          "value_en_US": "Dark",
          "color": "--colorDark"
        }
      ]
    },
    {
      "name": "object-fit",
      "target": "style",
      "type": "options",
      "values": [
        {
          "key": "object-fit: cover;",
          "value_pt_BR": "Proporcional",
          "value_en_US": "Proportional"
        },
        {
          "key": "object-fit: contain;",
          "value_pt_BR": "Ajustado",
          "value_en_US": "Adjusted"
        },
        {
          "key": "object-fit: fill;",
          "value_pt_BR": "Preencher (padrão)",
          "value_en_US": "Fill (default)"
        },
        {
          "key": "object-fit: none;",
          "value_pt_BR": "Nenhum",
          "value_en_US": "None"
        }
      ]
    },
    {
      "name": "vertical-text-position",
      "type": "btngroup",
      "target": "class",
      "values": [
        {
          "key": "top-13",
          "value_pt_BR": "Topo",
          "value_en_US": "Top",
          "icon": "mdi mdi-arrow-up-bold"
        },
        {
          "key": "top-50",
          "value_pt_BR": "Centro",
          "value_en_US": "Center",
          "icon": "mdi mdi-ray-vertex"
        },
        {
          "key": "top-78",
          "value_pt_BR": "Abaixo",
          "value_en_US": "Bottom",
          "icon": "mdi mdi-arrow-down-bold"
        }
      ]
    },
    {
      "name": "horizontal-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"
        }
      ]
    }
  ],
  "childrenProperties": [
    {
      "name": "src",
      "type": "projectResource",
      "resourceType": "image/jpeg,image/gif,image/png,image/svg+xml",
      "displayName_pt_BR": "Imagem",
      "displayName_en_US": "Image",
      "selector": "img",
      "order": 1
    },
    {
      "name": "content",
      "selector": "h2",
      "displayName_pt_BR": "Subtítulo",
      "displayName_en_US": "Subtitle",
      "type": "text",
      "order": 2
    },
    {
      "name": "object-fit",
      "displayName_pt_BR": "Preenchimento da imagem",
      "displayName_en_US": "Image filling",
      "selector": "img"
    },
    {
      "name": "horizontal-text-position",
      "selector": "h2",
      "displayName_pt_BR": "Posição horizontal do texto",
      "displayName_en_US": "Horizontal text position"
    },
    {
      "name": "vertical-text-position",
      "selector": "h2",
      "displayName_pt_BR": "Posição vertical do texto",
      "displayName_en_US": "Vertical text position"
    },
    {
      "name": "ng-click",
      "selector": "div",
      "type": "event"
    },
    {
      "name": "on-tap",
      "selector": "div",
      "type": "event"
    },
    {
      "name": "on-double-tap",
      "selector": "div",
      "type": "event"
    },
    {
      "name": "on-hold",
      "selector": "div",
      "type": "event"
    },
    {
      "name": "on-drag",
      "selector": "div",
      "type": "event"
    },
    {
      "name": "on-swipe",
      "selector": "div",
      "type": "event"
    },
    {
      "name": "on-swipe-left",
      "selector": "div",
      "type": "event"
    },
    {
      "name": "on-swipe-right",
      "selector": "div",
      "type": "event"
    }
  ]
}