cronapp-framework-js/components/crn-carousel.components.json

Javascript library for CronApp's projects

{
  "name": "crn-carousel",
  "text_pt_BR": "Carrossel",
  "text_en_US": "Carousel",
  "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-carousel.svg",
  "description": "Sequência de slides com botões de navegação",
  "description_en_US": "Slide sequence with navigation buttons",
  "category": [
    "LAYOUTS"
  ],
  "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/carousel.template.html",
  "properties": {
    "class": {
      "order": 9999
    },
    "id": {
      "order": 1
    }
  },
  "forcedGroup": false,
  "wrapper": true,
  "handleRules": {
    "canOrder": true,
    "canActivate": true,
    "canIncrement": true,
    "rules": [
      {
        "activeSelector": "div.carousel-inner div.item.active",
        "activeClass": "active",
        "sourceHTML": "<div class=\"item\" data-component=\"crn-carousel-item\" id=\"crn-carousel-item-${RANDOM}\"><img data-component=\"crn-image\" alt=\"First Slide\" style=\"margin: 0 auto; object-fit: cover;\" xattr-position=\"\" object-fit=\"object-fit: cover;\" src=\"node_modules/cronapp-framework-js/img/placehold-900x500.png\"><div class=\"carousel-caption\"><h1 data-component=\"crn-title\" class=\"text-center\" title-position=\"text-center\">New Slide</h1><h2 data-component=\"crn-subtitle\" class=\"text-center\" subtitle-position=\"text-center\">Subtitle</h2></div></div>",
        "targetSelector": "div.carousel-inner"
      },
      {
        "activeSelector": "ol.carousel-indicators li.active",
        "activeClass": "active",
        "sourceHTML": " <li></li>",
        "targetSelector": "ol.carousel-indicators"
      }
    ]
  },
  "styles": [
    {
      "selector": "div#{id} .carousel-inner",
      "text_pt_BR": "Plano de fundo do carousel",
      "text_en_US": "Carousel background"
    },
    {
      "selector": "div#{id} .carousel-control.left",
      "text_pt_BR": "Seta Esquerda",
      "text_en_US": "Left Arrow"
    },
    {
      "selector": "div#{id} .carousel-control.right",
      "text_pt_BR": "Seta Direita",
      "text_en_US": "Right Arrow"
    },
    {
      "selector": "div#{id} .carousel-indicators",
      "text_pt_BR": "Indicador Padrão",
      "text_en_US": "Standard Indicator"
    },
    {
      "selector": "div#{id} .carousel-indicators .active",
      "text_pt_BR": "Indicador Ativo",
      "text_en_US": "Active Indicator"
    },
    {
      "selector": "div#{id} .carousel-caption h1",
      "text_pt_BR": "Título",
      "text_en_US": "Title"
    },
    {
      "selector": "div#{id} .carousel-caption h2",
      "text_pt_BR": "Subtítulo",
      "text_en_US": "Subtitle"
    }
  ],
  "attributesForPreview": [],
  "childrenProperties": [    
    {
      "name": "ng-init",
      "selector": "div.carousel",
      "type": "event"
    },
    {
      "name": "ng-init",
      "selector": "div.carousel",
      "type": "event"
    },
    {
      "name": "ng-click",
      "selector": "div.carousel",
      "type": "event"
    },
    {
      "name": "ng-dblclick",
      "selector": "div.carousel",
      "type": "event"
    },
    {
      "name": "ng-mouseenter",
      "selector": "div.carousel",
      "type": "event"
    },
    {
      "name": "ng-mouseleave",
      "selector": "div.carousel",
      "type": "event"
    },
    {
      "name": "ng-mousemove",
      "selector": "div.carousel",
      "type": "event"
    }
  ]
}