3cp

ace.define('ace/mode/pdftemplate', ['require', 'exports', 'module' , 'ace/lib/oop', 'ace/mode/text', 'ace/tokenizer', 'ace/mode/pdftemplate_highlight_rules'], function(require, exports, module) {

var oop = require("../lib/oop");
var TextMode = require("./text").Mode;
var Tokenizer = require("../tokenizer").Tokenizer;
var PdfTemplateHighlightRules = require("./pdftemplate_highlight_rules").PdfTemplateHighlightRules;

var Mode = function() {
    this.$tokenizer = new Tokenizer(new PdfTemplateHighlightRules().getRules());
};

3cp

.btn:active,
.btn.active {
  padding-top: 7px;
  padding-bottom: 5px;
}

.btn-lg:active,
.btn-lg.active {
  padding-top: 11px;
  padding-bottom: 9px;

3cp

<template>
  <require from="./person"></require>
  
  <button click.delegate="addPerson()">Add Customer</button>
  <person repeat.for="person of people" person.bind="person"></person>
  
</template>

3cp

<template>
  <require from="./person"></require>
  ${mirrorPeople.length}
  <button click.delegate="addPerson()">Add Customer</button>
  <person 
    repeat.for="person of mirrorPeople" 
    id.bind="person.id"
    firstname.bind="person.firstname"
    lastname.bind="person.lastname"
    delete.call="deletePerson(person.id)"></person>

3cp

<template>
  <button click.delegate="toggleLine()">toggleLine</button><br/>
  <p
      if.bind="line"
      class.bind="line.sx"></p>>
</template>

3cp

<template>
  <require from="./child"></require>
  
  <button click.delegate="newItems()">new items</button>
  <child repeat.for="item of items" id.bind="item.id" value.bind="item.value"></child>
  
</template>

3cp

<template>
  <require from="./line"></require>
  <button click.delegate="reverseItems()">reverse array</button>
  <ul>
    <li as-element="line" repeat.for="item of items" model.bind="item" label.bind="labels[item.s]"></li>
  </ul>
</template>

3cp

<template>
  <require from="./line"></require>
  <line value.bind="1"></line>
</template>

3cp

<template>
  <require from="./line"></require>
  <button click.delegate="update()">update</button>
  <svg width="100" height="100">
    <line 
      repeat.for="value of values" 
      value.bind="value"
      label.bind="labels[value]"
      ></line>
  </svg>

3cp

<template>
  <require from="./child"></require>
  <child if.bind="stage == 1">first</child>
  <child if.bind="stage == 2">second</child>
  <button click.delegate="stage = 1" disabled.bind="stage == 1">Previous</button>
  <button click.delegate="stage = 2" disabled.bind="stage == 2">Next</button>
</template>