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

Javascript library for CronApp's projects

{
  "name": "crn-slider",
  "text_pt_BR": "Carrossel",
  "text_en_US": "Carousel",
  "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-carousel.svg",
  "description": "Sequência de slides com botão de navegação",
  "description_en_US": "Slide sequence with navigation button",
  "category": [
    "LAYOUTS"
  ],
  "wrapper": false,
  "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/slider.template.html",
  "properties": {
    "id": {
      "order": 2
    },
    "class": {
      "order": 9999
    }
  },
  "handleRules": {
    "canIncrement": true,
    "rules": [
      {
        "activeClass": "active",
        "sourceHTML": "<ion-slide xattr-theme=\"positive-bg\" id=\"crn-slider-item-${RANDOM}\" data-component=\"crn-slider-item\" class=\"positive-bg crn-slider-item\" data-container=\"true\" data-replace=\"true\"> <img alt=\"Placehold\" src=\"node_modules/cronapp-framework-mobile-js/img/placehold-300x200.png\" class=\"component-holder\" style=\"object-fit: cover;\" xattr-position=\"\" width=\"100%\" height=\"100%\" object-fit=\"object-fit: cover;\" data-component=\"crn-image\" id=\"crn-image-${RANDOM}\"> <h2 class=\"text-center top-50\" data-component=\"crn-label\" data-container=\"true\" data-replace=\"true\" horizontal-text-position=\"text-center\" vertical-text-position=\"top-50\">NEW SLIDE</h2> </ion-slide>",
        "targetSelector": "ion-slide-box"
      }
    ]
  },
  "childrenProperties": [
    {
      "name": "auto-play",
      "selector": "ion-slide-box",
      "displayName_pt_BR": "Início automático",
      "displayName_en_US": "Auto play",
      "type": "logic"
    },
    {
      "name": "slide-interval",
      "selector": "ion-slide-box",
      "displayName_pt_BR": "Intervalo de transição (segundos)",
      "displayName_en_US": "Slide interval (seconds)"
    },
    {
      "name": "does-continue",
      "selector": "ion-slide-box",
      "displayName_pt_BR": "Reprodução contínua?",
      "displayName_en_US": "Does continue?",
      "type": "logic"
    },
    {
      "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"
    }
  ],
  "styles": [
    {
      "selector": "div#{id} .slider-pager .slider-pager-page.active ",
      "text_pt_BR": "Navegação ativa",
      "text_en_US": "Active slider dots"
    },
    {
      "selector": "div#{id} .slider-pager .slider-pager-page ",
      "text_pt_BR": "Navegação padrão",
      "text_en_US": "Default slider dots"
    }
  ]
}