remove mobile2048.
Change-Id: Ie22485d24a10d1ec80f738df5fb8a8833f7405a5
Signed-off-by: yonghwan82.jeon <yonghwan82.jeon@samsung.com>
+++ /dev/null
-<?xml version="1.0" encoding="utf-8"?>
-<?xml-stylesheet type="text/xsl" href="../description.xsl"?>
-<Overview version="1.0">
- <SampleName>Mobile 2048</SampleName>
- <SampleVersion>1.0</SampleVersion>
- <Preview>Mobile2048.png</Preview>
- <Description>
- Use a Tizen Builder Project to create Tizen Web application using Tizen Builder.
- </Description>
-</Overview>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-<widget xmlns="http://www.w3.org/ns/widgets" xmlns:tizen="http://tizen.org/ns/widgets" id="http://yourdomain/test6" version="0.2.1" viewmodes="maximized">
- <tizen:application id="EZ0ai63Hnx.test6" package="EZ0ai63Hnx" required_version="2.2"/>
- <content src="index.html"/>
- <feature name="http://tizen.org/feature/screen.size.all"/>
- <icon src="icon.png"/>
- <name>test6</name>
- <tizen:privilege name="http://tizen.org/privilege/application.launch"/>
-</widget>
+++ /dev/null
-/*******************************************************************************
-* This file was generated by Tizen Web UI Builder.
-* User should hand edit this file.
-********************************************************************************/
-
- html, body {
- zoom: 100%;
- margin: 0;
- padding: 0;
- background: #faf8ef;
- color: #776e65;
- font-family:"Clear Sans", "Helvetica Neue", Arial, sans-serif;
- font-size: 18px;
-}
-body {
- zoom: 100%;
- margin: 0px 0;
-}
-.heading:after {
- content:"";
- display: block;
- clear: both;
-}
-h1.title {
- font-size: 80px;
- font-weight: bold;
- margin: 0;
- display: block;
- float: left;
-}
-@-webkit-keyframes move-up {
- 0% {
- top: 25px;
- opacity: 1;
- }
- 100% {
- top: -50px;
- opacity: 0;
- }
-}
-@-moz-keyframes move-up {
- 0% {
- top: 25px;
- opacity: 1;
- }
- 100% {
- top: -50px;
- opacity: 0;
- }
-}
-@keyframes move-up {
- 0% {
- top: 25px;
- opacity: 1;
- }
- 100% {
- top: -50px;
- opacity: 0;
- }
-}
-.scores-container {
- float: left;
- text-align: left;
-}
-.score-container, .best-container {
- position: absolute;
- display: inline-block;
- background: #bbada0;
- padding: 15px 25px;
- font-size: 25px;
- height: 0px;
- line-height: 0px;
- font-weight: bold;
- border-radius: 3px;
- color: white;
- margin-top: 10px;
- text-align: center;
-}
-.score-container:after, .best-container:after {
- position: absolute;
- width: 100%;
- top: 0px;
- left: 0;
- text-transform: uppercase;
- font-size: 13px;
- line-height: 13px;
- text-align: center;
- color: #eee4da;
-}
-.score-container .score-addition, .best-container .score-addition {
- position: absolute;
- right: 30px;
- color: red;
- font-size: 25px;
- line-height: 5px;
- font-weight: bold;
- color: rgba(119, 110, 101, 0.9);
- z-index: 100;
- -webkit-animation: move-up 600ms ease-in;
- -moz-animation: move-up 600ms ease-in;
- animation: move-up 600ms ease-in;
- -webkit-animation-fill-mode: both;
- -moz-animation-fill-mode: both;
- animation-fill-mode: both;
-}
-p {
- margin-top: 0;
- margin-bottom: 10px;
- line-height: 1.65;
-}
-a {
- color: #776e65;
- font-weight: bold;
- text-decoration: underline;
- cursor: pointer;
-}
-strong.important {
- text-transform: uppercase;
-}
-hr {
- border: none;
- border-bottom: 1px solid #d8d4d0;
- margin-top: 20px;
- margin-bottom: 30px;
-}
-.container {
- width: 500px;
- margin: 0 auto;
-}
-@-webkit-keyframes fade-in {
- 0% {
- opacity: 0;
- }
- 100% {
- opacity: 1;
- }
-}
-@-moz-keyframes fade-in {
- 0% {
- opacity: 0;
- }
- 100% {
- opacity: 1;
- }
-}
-@keyframes fade-in {
- 0% {
- opacity: 0;
- }
- 100% {
- opacity: 1;
- }
-}
-.game-container {
- margin-top: 0px;
- position: relative;
- padding: 15px;
- cursor: default;
- -webkit-touch-callout: none;
- -ms-touch-callout: none;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- -ms-touch-action: none;
- touch-action: none;
- background: #bbada0;
- border-radius: 6px;
- width: 500px;
- height: 500px;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
-}
-.game-container .game-message {
- display: none;
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- background: rgba(238, 228, 218, 0.5);
- z-index: 100;
- text-align: center;
- -webkit-animation: fade-in 800ms ease 1200ms;
- -moz-animation: fade-in 800ms ease 1200ms;
- animation: fade-in 800ms ease 1200ms;
- -webkit-animation-fill-mode: both;
- -moz-animation-fill-mode: both;
- animation-fill-mode: both;
-}
-.game-container .game-message p {
- font-size: 60px;
- font-weight: bold;
- height: 60px;
- line-height: 60px;
- margin-top: 222px;
-}
-.game-container .game-message .lower {
- display: block;
- margin-top: 59px;
-}
-.game-container .game-message a {
- display: inline-block;
- background: #8f7a66;
- border-radius: 3px;
- padding: 0 20px;
- text-decoration: none;
- color: #f9f6f2;
- height: 40px;
- line-height: 42px;
- margin-left: 9px;
-}
-.game-container .game-message a.keep-playing-button {
- display: none;
-}
-.game-container .game-message.game-won {
- background: rgba(237, 194, 46, 0.5);
- color: #f9f6f2;
-}
-.game-container .game-message.game-won a.keep-playing-button {
- display: inline-block;
-}
-.game-container .game-message.game-won, .game-container .game-message.game-over {
- display: block;
-}
-.grid-container {
- position: absolute;
- z-index: 1;
-}
-.grid-row {
- margin-bottom: 15px;
-}
-.grid-row:last-child {
- margin-bottom: 0;
-}
-.grid-row:after {
- content:"";
- display: block;
- clear: both;
-}
-.grid-cell {
- width: 106.25px;
- height: 106.25px;
- margin-right: 15px;
- float: left;
- border-radius: 3px;
- background: rgba(238, 228, 218, 0.35);
-}
-.grid-cell:last-child {
- margin-right: 0;
-}
-.tile-container {
- position: absolute;
- z-index: 2;
-}
-.tile, .tile .tile-inner {
- width: 107px;
- height: 107px;
- line-height: 116.25px;
-}
-.tile.tile-position-1-1 {
- -webkit-transform: translate(0px, 0px);
- -moz-transform: translate(0px, 0px);
- transform: translate(0px, 0px);
-}
-.tile.tile-position-1-2 {
- -webkit-transform: translate(0px, 121px);
- -moz-transform: translate(0px, 121px);
- transform: translate(0px, 121px);
-}
-.tile.tile-position-1-3 {
- -webkit-transform: translate(0px, 242px);
- -moz-transform: translate(0px, 242px);
- transform: translate(0px, 242px);
-}
-.tile.tile-position-1-4 {
- -webkit-transform: translate(0px, 363px);
- -moz-transform: translate(0px, 363px);
- transform: translate(0px, 363px);
-}
-.tile.tile-position-2-1 {
- -webkit-transform: translate(121px, 0px);
- -moz-transform: translate(121px, 0px);
- transform: translate(121px, 0px);
-}
-.tile.tile-position-2-2 {
- -webkit-transform: translate(121px, 121px);
- -moz-transform: translate(121px, 121px);
- transform: translate(121px, 121px);
-}
-.tile.tile-position-2-3 {
- -webkit-transform: translate(121px, 242px);
- -moz-transform: translate(121px, 242px);
- transform: translate(121px, 242px);
-}
-.tile.tile-position-2-4 {
- -webkit-transform: translate(121px, 363px);
- -moz-transform: translate(121px, 363px);
- transform: translate(121px, 363px);
-}
-.tile.tile-position-3-1 {
- -webkit-transform: translate(242px, 0px);
- -moz-transform: translate(242px, 0px);
- transform: translate(242px, 0px);
-}
-.tile.tile-position-3-2 {
- -webkit-transform: translate(242px, 121px);
- -moz-transform: translate(242px, 121px);
- transform: translate(242px, 121px);
-}
-.tile.tile-position-3-3 {
- -webkit-transform: translate(242px, 242px);
- -moz-transform: translate(242px, 242px);
- transform: translate(242px, 242px);
-}
-.tile.tile-position-3-4 {
- -webkit-transform: translate(242px, 363px);
- -moz-transform: translate(242px, 363px);
- transform: translate(242px, 363px);
-}
-.tile.tile-position-4-1 {
- -webkit-transform: translate(363px, 0px);
- -moz-transform: translate(363px, 0px);
- transform: translate(363px, 0px);
-}
-.tile.tile-position-4-2 {
- -webkit-transform: translate(363px, 121px);
- -moz-transform: translate(363px, 121px);
- transform: translate(363px, 121px);
-}
-.tile.tile-position-4-3 {
- -webkit-transform: translate(363px, 242px);
- -moz-transform: translate(363px, 242px);
- transform: translate(363px, 242px);
-}
-.tile.tile-position-4-4 {
- -webkit-transform: translate(363px, 363px);
- -moz-transform: translate(363px, 363px);
- transform: translate(363px, 363px);
-}
-.tile {
- position: absolute;
- -webkit-transition: 100ms ease-in-out;
- -moz-transition: 100ms ease-in-out;
- transition: 100ms ease-in-out;
- -webkit-transition-property: -webkit-transform;
- -moz-transition-property: -moz-transform;
- transition-property: transform;
-}
-.tile .tile-inner {
- border-radius: 3px;
- background: #eee4da;
- text-align: center;
- font-weight: bold;
- z-index: 10;
- font-size: 55px;
-}
-.tile.tile-2 .tile-inner {
- background: #eee4da;
- box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0), inset 0 0 0 1px rgba(255, 255, 255, 0);
-}
-.tile.tile-4 .tile-inner {
- background: #ede0c8;
- box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0), inset 0 0 0 1px rgba(255, 255, 255, 0);
-}
-.tile.tile-8 .tile-inner {
- color: #f9f6f2;
- background: #f2b179;
-}
-.tile.tile-16 .tile-inner {
- color: #f9f6f2;
- background: #f59563;
-}
-.tile.tile-32 .tile-inner {
- color: #f9f6f2;
- background: #f67c5f;
-}
-.tile.tile-64 .tile-inner {
- color: #f9f6f2;
- background: #f65e3b;
-}
-.tile.tile-128 .tile-inner {
- color: #f9f6f2;
- background: #edcf72;
- box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.2381), inset 0 0 0 1px rgba(255, 255, 255, 0.14286);
- font-size: 35px;
-}
-@media screen and (max-width: 520px) {
- .tile.tile-128 .tile-inner {
- font-size: 25px;
- }
-}
-.tile.tile-256 .tile-inner {
- color: #f9f6f2;
- background: #edcc61;
- box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.31746), inset 0 0 0 1px rgba(255, 255, 255, 0.19048);
- font-size: 35px;
-}
-@media screen and (max-width: 520px) {
- .tile.tile-256 .tile-inner {
- font-size: 25px;
- }
-}
-.tile.tile-512 .tile-inner {
- color: #f9f6f2;
- background: #edc850;
- box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.39683), inset 0 0 0 1px rgba(255, 255, 255, 0.2381);
- font-size: 35px;
-}
-@media screen and (max-width: 520px) {
- .tile.tile-512 .tile-inner {
- font-size: 25px;
- }
-}
-.tile.tile-1024 .tile-inner {
- color: #f9f6f2;
- background: #edc53f;
- box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.47619), inset 0 0 0 1px rgba(255, 255, 255, 0.28571);
- font-size: 25px;
-}
-@media screen and (max-width: 520px) {
- .tile.tile-1024 .tile-inner {
- font-size: 15px;
- }
-}
-.tile.tile-2048 .tile-inner {
- color: #f9f6f2;
- background: #edc22e;
- box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.55556), inset 0 0 0 1px rgba(255, 255, 255, 0.33333);
- font-size: 25px;
-}
-@media screen and (max-width: 520px) {
- .tile.tile-2048 .tile-inner {
- font-size: 15px;
- }
-}
-.tile.tile-super .tile-inner {
- color: #f9f6f2;
- background: #3c3a32;
- font-size: 30px;
-}
-@media screen and (max-width: 520px) {
- .tile.tile-super .tile-inner {
- font-size: 10px;
- }
-}
-@-webkit-keyframes appear {
- 0% {
- opacity: 0;
- -webkit-transform: scale(0);
- -moz-transform: scale(0);
- transform: scale(0);
- }
- 100% {
- opacity: 1;
- -webkit-transform: scale(1);
- -moz-transform: scale(1);
- transform: scale(1);
- }
-}
-@-moz-keyframes appear {
- 0% {
- opacity: 0;
- -webkit-transform: scale(0);
- -moz-transform: scale(0);
- transform: scale(0);
- }
- 100% {
- opacity: 1;
- -webkit-transform: scale(1);
- -moz-transform: scale(1);
- transform: scale(1);
- }
-}
-@keyframes appear {
- 0% {
- opacity: 0;
- -webkit-transform: scale(0);
- -moz-transform: scale(0);
- transform: scale(0);
- }
- 100% {
- opacity: 1;
- -webkit-transform: scale(1);
- -moz-transform: scale(1);
- transform: scale(1);
- }
-}
-.tile-new .tile-inner {
- -webkit-animation: appear 200ms ease 100ms;
- -moz-animation: appear 200ms ease 100ms;
- animation: appear 200ms ease 100ms;
- -webkit-animation-fill-mode: backwards;
- -moz-animation-fill-mode: backwards;
- animation-fill-mode: backwards;
-}
-@-webkit-keyframes pop {
- 0% {
- -webkit-transform: scale(0);
- -moz-transform: scale(0);
- transform: scale(0);
- }
- 50% {
- -webkit-transform: scale(1.2);
- -moz-transform: scale(1.2);
- transform: scale(1.2);
- }
- 100% {
- -webkit-transform: scale(1);
- -moz-transform: scale(1);
- transform: scale(1);
- }
-}
-@-moz-keyframes pop {
- 0% {
- -webkit-transform: scale(0);
- -moz-transform: scale(0);
- transform: scale(0);
- }
- 50% {
- -webkit-transform: scale(1.2);
- -moz-transform: scale(1.2);
- transform: scale(1.2);
- }
- 100% {
- -webkit-transform: scale(1);
- -moz-transform: scale(1);
- transform: scale(1);
- }
-}
-@keyframes pop {
- 0% {
- -webkit-transform: scale(0);
- -moz-transform: scale(0);
- transform: scale(0);
- }
- 50% {
- -webkit-transform: scale(1.2);
- -moz-transform: scale(1.2);
- transform: scale(1.2);
- }
- 100% {
- -webkit-transform: scale(1);
- -moz-transform: scale(1);
- transform: scale(1);
- }
-}
-.tile-merged .tile-inner {
- z-index: 20;
- -webkit-animation: pop 200ms ease 100ms;
- -moz-animation: pop 200ms ease 100ms;
- animation: pop 200ms ease 100ms;
- -webkit-animation-fill-mode: backwards;
- -moz-animation-fill-mode: backwards;
- animation-fill-mode: backwards;
-}
-.above-game:after {
- content:"";
- display: block;
- clear: both;
-}
-.game-intro {
- float: left;
- line-height: 42px;
- margin-bottom: 0;
-}
-.restart-button {
- display: inline-block;
- background: #8f7a66;
- border-radius: 3px;
- padding: 0 0px;
- text-decoration: none;
- color: #f9f6f2;
- height: 30px;
- line-height: 30px;
- display: block;
- text-align: center;
- float: right;
-}
-.game-explanation {
- margin-top: 50px;
-}
-html, body {
- font-size: 15px;
-}
-body {
- margin: 20px 0;
- padding: 0 20px;
-}
-h1.title {
- font-size: 27px;
- margin-top: 15px;
-}
-.container {
- width: 280px;
- margin: 0 auto;
-}
-.score-container, .best-container {
- margin-top: 0;
- padding: 15px 10px;
- min-width: 40px;
-}
-.heading {
- margin-bottom: 2px;
-}
-.game-intro {
- width: 55%;
- display: block;
- box-sizing: border-box;
- line-height: 1.65;
-}
-.restart-button {
- width: 42%;
- padding: 0;
- display: block;
- box-sizing: border-box;
- margin-top: 2px;
-}
-.game-container {
- margin-top: 17px;
- position: relative;
- padding: 10px;
- cursor: default;
- -webkit-touch-callout: none;
- -ms-touch-callout: none;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- -ms-touch-action: none;
- touch-action: none;
- background: #bbada0;
- border-radius: 6px;
- width: 280px;
- height: 280px;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
-}
-.game-container .game-message {
- display: none;
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- background: rgba(238, 228, 218, 0.5);
- z-index: 100;
- text-align: center;
- -webkit-animation: fade-in 800ms ease 1200ms;
- -moz-animation: fade-in 800ms ease 1200ms;
- animation: fade-in 800ms ease 1200ms;
- -webkit-animation-fill-mode: both;
- -moz-animation-fill-mode: both;
- animation-fill-mode: both;
-}
-.game-container .game-message p {
- font-size: 60px;
- font-weight: bold;
- height: 60px;
- line-height: 60px;
- margin-top: 222px;
-}
-.game-container .game-message .lower {
- display: block;
- margin-top: 59px;
-}
-.game-container .game-message a {
- display: inline-block;
- background: #8f7a66;
- border-radius: 3px;
- padding: 0 20px;
- text-decoration: none;
- color: #f9f6f2;
- height: 40px;
- line-height: 42px;
- margin-left: 9px;
-}
-.game-container .game-message a.keep-playing-button {
- display: none;
-}
-.game-container .game-message.game-won {
- background: rgba(237, 194, 46, 0.5);
- color: #f9f6f2;
-}
-.game-container .game-message.game-won a.keep-playing-button {
- display: inline-block;
-}
-.game-container .game-message.game-won, .game-container .game-message.game-over {
- display: block;
-}
-.grid-container {
- position: absolute;
- z-index: 1;
-}
-.grid-row {
- margin-bottom: 10px;
-}
-.grid-row:last-child {
- margin-bottom: 0;
-}
-.grid-row:after {
- content:"";
- display: block;
- clear: both;
-}
-.grid-cell {
- width: 57.5px;
- height: 57.5px;
- margin-right: 10px;
- float: left;
- border-radius: 3px;
- background: rgba(238, 228, 218, 0.35);
-}
-.grid-cell:last-child {
- margin-right: 0;
-}
-.tile-container {
- position: absolute;
- z-index: 2;
-}
-.tile, .tile .tile-inner {
- width: 58px;
- height: 58px;
- line-height: 67.5px;
-}
-.tile.tile-position-1-1 {
- -webkit-transform: translate(0px, 0px);
- -moz-transform: translate(0px, 0px);
- transform: translate(0px, 0px);
-}
-.tile.tile-position-1-2 {
- -webkit-transform: translate(0px, 67px);
- -moz-transform: translate(0px, 67px);
- transform: translate(0px, 67px);
-}
-.tile.tile-position-1-3 {
- -webkit-transform: translate(0px, 135px);
- -moz-transform: translate(0px, 135px);
- transform: translate(0px, 135px);
-}
-.tile.tile-position-1-4 {
- -webkit-transform: translate(0px, 202px);
- -moz-transform: translate(0px, 202px);
- transform: translate(0px, 202px);
-}
-.tile.tile-position-2-1 {
- -webkit-transform: translate(67px, 0px);
- -moz-transform: translate(67px, 0px);
- transform: translate(67px, 0px);
-}
-.tile.tile-position-2-2 {
- -webkit-transform: translate(67px, 67px);
- -moz-transform: translate(67px, 67px);
- transform: translate(67px, 67px);
-}
-.tile.tile-position-2-3 {
- -webkit-transform: translate(67px, 135px);
- -moz-transform: translate(67px, 135px);
- transform: translate(67px, 135px);
-}
-.tile.tile-position-2-4 {
- -webkit-transform: translate(67px, 202px);
- -moz-transform: translate(67px, 202px);
- transform: translate(67px, 202px);
-}
-.tile.tile-position-3-1 {
- -webkit-transform: translate(135px, 0px);
- -moz-transform: translate(135px, 0px);
- transform: translate(135px, 0px);
-}
-.tile.tile-position-3-2 {
- -webkit-transform: translate(135px, 67px);
- -moz-transform: translate(135px, 67px);
- transform: translate(135px, 67px);
-}
-.tile.tile-position-3-3 {
- -webkit-transform: translate(135px, 135px);
- -moz-transform: translate(135px, 135px);
- transform: translate(135px, 135px);
-}
-.tile.tile-position-3-4 {
- -webkit-transform: translate(135px, 202px);
- -moz-transform: translate(135px, 202px);
- transform: translate(135px, 202px);
-}
-.tile.tile-position-4-1 {
- -webkit-transform: translate(202px, 0px);
- -moz-transform: translate(202px, 0px);
- transform: translate(202px, 0px);
-}
-.tile.tile-position-4-2 {
- -webkit-transform: translate(202px, 67px);
- -moz-transform: translate(202px, 67px);
- transform: translate(202px, 67px);
-}
-.tile.tile-position-4-3 {
- -webkit-transform: translate(202px, 135px);
- -moz-transform: translate(202px, 135px);
- transform: translate(202px, 135px);
-}
-.tile.tile-position-4-4 {
- -webkit-transform: translate(202px, 202px);
- -moz-transform: translate(202px, 202px);
- transform: translate(202px, 202px);
-}
-.tile .tile-inner {
- font-size: 35px;
-}
-.game-message p {
- font-size: 30px !important;
- height: 30px !important;
- line-height: 30px !important;
- margin-top: 90px !important;
-}
-.game-message .lower {
- margin-top: 30px !important;
-}
\ No newline at end of file
+++ /dev/null
-<html>
- <head>
- <META content="text/html; charset=UTF-8" http-equiv="Content-Type">
- <meta content="A Tizen Web Application Template" name="description">
- <meta content="width=320,user-scalable=no" name="viewport">
- <title>
- </title>
- <!-- for web ui f/w -->
- <link href="tizen-web-ui-fw/latest/themes/tizen-white/tizen-web-ui-fw-theme.css" name="tizen-theme" rel="stylesheet">
- <!-- Javascripts -->
- <!-- for web ui f/w -->
- <script src="tizen-web-ui-fw/latest/js/jquery.js"></script>
- <script src="tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.js"></script>
- <script data-framework-theme="tizen-white" src="tizen-web-ui-fw/latest/js/tizen-web-ui-fw.js"></script>
- <!-- for data binding -->
- <script src="./tizen-ui-builder-fw/xmltojson.js" data-uib="designer=false"></script>
- <script src="./tizen-ui-builder-fw/knockout.js" data-uib="designer=false"></script>
- <script src="./tizen-ui-builder-fw/knockout.mapping.js" data-uib="designer=false"></script>
- <script src="./tizen-ui-builder-fw/knockout.bindingselector.js" data-uib="designer=false"></script>
- <script src="./tizen-ui-builder-fw/uibinding.js" data-uib="designer=false"></script>
- <!-- for page system -->
- <script src="./tizen-ui-builder-fw/page-system.js" data-uib="designer=false"></script>
- <script src="./index.managed.js" data-uib="designer=false"></script>
- <script src="./tizen-ui-builder-fw/app-entry.js" data-uib="designer=false"></script>
- <!-- for event handler -->
- <script data-handling-page="+all" src="./index.js" data-uib="designer=false"></script>
- <script src="mobile.js" data-uib="designer=false"></script>
-
- <!-- User Code -->
- <script src="js/main.js"></script>
- <!-- User Style sheets -->
- <link href="css/style.css" rel="stylesheet" type="text/css">
-
- <!-- for n-screen -->
- <link href="./index.managed.css" rel="stylesheet" type="text/css" data-uib="designer=false">
- </head>
- <body>
- <div data-role="page" id="page1">
- <div class="contents" data-handler="false" data-role="content" data-scroll="y" id="content1">
- <img id="advertisement" src="res/TDC.png">
- <div class="container" id="container">
- <div class="game-container" id="gamecontainer">
- <div class="grid-container" id="gridcontainer">
- <div class="grid-row">
- <div class="grid-cell">
- </div>
- <div class="grid-cell">
- </div>
- <div class="grid-cell">
- </div>
- <div class="grid-cell">
- </div>
- </div>
- <div class="grid-row">
- <div class="grid-cell">
- </div>
- <div class="grid-cell">
- </div>
- <div class="grid-cell">
- </div>
- <div class="grid-cell">
- </div>
- </div>
- <div class="grid-row">
- <div class="grid-cell">
- </div>
- <div class="grid-cell">
- </div>
- <div class="grid-cell">
- </div>
- <div class="grid-cell">
- </div>
- </div>
- <div class="grid-row">
- <div class="grid-cell">
- </div>
- <div class="grid-cell">
- </div>
- <div class="grid-cell">
- </div>
- <div class="grid-cell">
- </div>
- </div>
- </div>
- <div class="tile-container" id="tilecontainer">
- <div class="tile tile-2 tile-position-3-3 tile-new">
- <div class="tile-inner">
- </div>
- </div>
- <div class="tile tile-2 tile-position-2-2 tile-new">
- <div class="tile-inner">
- </div>
- </div>
- </div>
- </div>
- <div class="scores-container" id="scorescontainer">
- <div class="best-container" id="bestcontainer">
- </div>
- <div class="score-container" id="scorecontainer">
- </div>
- </div>
- <div class="above-game" id="abovegame">
- <div class="restart-button" id="restartbutton">New Game
- </div>
- </div>
- <div id="logo">
- <label id="label1">2048</label>
- </div>
- </div>
- </div>
- </div>
- </body>
-</html>
+++ /dev/null
-/*******************************************************************************
-* This file was generated by Tizen Web UI Builder.
-* User should hand edit this file.
-********************************************************************************/
-
-/**
- * @param {Object} event
- * @base onload
- * @returns {Boolean}
-*/
-app.onload = function() {
- // TODO:: Do your app initialization job
- console.log("loaded");
-};
-
-/**
- * @param {Object} event
- * @base onunload
- * @returns {Boolean}
-*/
-app.onunload = function() {
- // TODO:: Do your app termination job
- console.log("unloaded");
-};
-
-/**
- * @param {Object} event
- * @base onshow
- * @returns {Boolean}
-*/
-app.onshow = function() {
- // TODO:: Do your job on visible
- console.log("onshown");
-};
-
-/**
- * @param {Object} event
- * @base onhide
- * @returns {Boolean}
-*/
-app.onhide = function() {
- // TODO:: Do your job on invisible
- console.log("onhidden");
-};
-
-/**
- * @param {Object} event
- * @base _page1_page
- * @returns {Boolean}
-*/
-_page1_page.prototype.onpageinit = function(event) {
- this.container.append($("<div>").addClass("game-message"));
-};
-
+++ /dev/null
-/*******************************************************************************
-* This file was generated by Tizen Web UI Builder.
-* This file will be auto-generated each and everytime you save your project.
-* Do not hand edit this file.
-********************************************************************************/
-
-/* nscreen Name : common, page name : page1 */
-@import url("page1_common.css") screen;
-
-/* nscreen Name : mobile_360x640_(9x16), page name : page1 */
-@import url("page1_720x1280_(9x16).css") screen and (device-width:720px) and (device-height:1280px);
+++ /dev/null
-/*******************************************************************************
-* This file was generated by Tizen Web UI Builder.
-* This file will be auto-generated each and everytime you save your project.
-* Do not hand edit this file.
-********************************************************************************/
-
-app.init = function() {
-
-
- var newPage;
- newPage = new _page1_page();
- newPage.init_page();
-
-};
-
-// page classes
-
-/**
-* Object _page1_page()
-* @super _page
-* @constructor
-* @memberOf_page1_page
-*/
-function _page1_page() {
-}
-
-// inherit _page
-_page1_page.prototype = new _page("page1");
-
-// widget assist
-_page1_page.prototype.content1 = undefined;
-_page1_page.prototype.advertisement = undefined;
-_page1_page.prototype.container = undefined;
-_page1_page.prototype.gamecontainer = undefined;
-_page1_page.prototype.gridcontainer = undefined;
-_page1_page.prototype.tilecontainer = undefined;
-_page1_page.prototype.scorescontainer = undefined;
-_page1_page.prototype.bestcontainer = undefined;
-_page1_page.prototype.scorecontainer = undefined;
-_page1_page.prototype.abovegame = undefined;
-_page1_page.prototype.restartbutton = undefined;
-_page1_page.prototype.logo = undefined;
-_page1_page.prototype.label1 = undefined;
-
-// default widget event handler
-
-_page1_page.prototype.init_page = function() {
- this._init_page(function() {
-
- // widget assist (real object binding)
-
- /**
- * @type jQueryObject
- */
- _page1_page.prototype.content1 = $("#page1 #content1");
-
- /**
- * @type jQueryObject
- */
- _page1_page.prototype.advertisement = $("#page1 #advertisement");
-
- /**
- * @type jQueryObject
- */
- _page1_page.prototype.container = $("#page1 #container");
-
- /**
- * @type jQueryObject
- */
- _page1_page.prototype.gamecontainer = $("#page1 #gamecontainer");
-
- /**
- * @type jQueryObject
- */
- _page1_page.prototype.gridcontainer = $("#page1 #gridcontainer");
-
- /**
- * @type jQueryObject
- */
- _page1_page.prototype.tilecontainer = $("#page1 #tilecontainer");
-
- /**
- * @type jQueryObject
- */
- _page1_page.prototype.scorescontainer = $("#page1 #scorescontainer");
-
- /**
- * @type jQueryObject
- */
- _page1_page.prototype.bestcontainer = $("#page1 #bestcontainer");
-
- /**
- * @type jQueryObject
- */
- _page1_page.prototype.scorecontainer = $("#page1 #scorecontainer");
-
- /**
- * @type jQueryObject
- */
- _page1_page.prototype.abovegame = $("#page1 #abovegame");
-
- /**
- * @type jQueryObject
- */
- _page1_page.prototype.restartbutton = $("#page1 #restartbutton");
-
- /**
- * @type jQueryObject
- */
- _page1_page.prototype.logo = $("#page1 #logo");
-
- /**
- * @type jQueryObject
- */
- _page1_page.prototype.label1 = $("#page1 #label1");
-
- // data binding
-
- // bind widget event handler
-
- });
-
-
-};
+++ /dev/null
-
-window.onload = function () {
- // TODO:: Do your initialization job
-
- // add eventListener for tizenhwkey
- document.addEventListener('tizenhwkey', function(e) {
- if(e.keyName == "back")
- tizen.application.getCurrentApplication().exit();
- });
-
- // Sample code
- /*
- var textbox = document.querySelector('.contents');
- textbox.addEventListener("click", function(){
- box = document.querySelector('#textbox');
- box.innerHTML = box.innerHTML == "Basic" ? "Sample" : "Basic";
- });
- */
-};
+++ /dev/null
-/*******************************************************************************\r
-* This file was generated by Tizen Web UI Builder.\r
-* User should hand edit this file.\r
-********************************************************************************/\r
-//alert("bind_polyfill");\r
-Function.prototype.bind = Function.prototype.bind || function (target) {\r
- var self = this;\r
- return function (args) {\r
- if (!(args instanceof Array)) {\r
- args = [args];\r
- }\r
- self.apply(target, args);\r
- };\r
-};\r
-\r
-//alert("classlist_polyfill");\r
-(function () {\r
- if (typeof window.Element === "undefined" ||\r
- "classList" in document.documentElement) {\r
- return;\r
- }\r
-\r
- var prototype = Array.prototype,\r
- push = prototype.push,\r
- splice = prototype.splice,\r
- join = prototype.join;\r
-\r
- function DOMTokenList(el) {\r
- this.el = el;\r
- // The className needs to be trimmed and split on whitespace\r
- // to retrieve a list of classes.\r
- var classes = el.className.replace(/^\s+|\s+$/g, '').split(/\s+/);\r
- for (var i = 0; i < classes.length; i++) {\r
- push.call(this, classes[i]);\r
- }\r
- }\r
-\r
- DOMTokenList.prototype = {\r
- add: function (token) {\r
- if (this.contains(token)) return;\r
- push.call(this, token);\r
- this.el.className = this.toString();\r
- },\r
- contains: function (token) {\r
- return this.el.className.indexOf(token) != -1;\r
- },\r
- item: function (index) {\r
- return this[index] || null;\r
- },\r
- remove: function (token) {\r
- if (!this.contains(token)) return;\r
- for (var i = 0; i < this.length; i++) {\r
- if (this[i] == token) break;\r
- }\r
- splice.call(this, i, 1);\r
- this.el.className = this.toString();\r
- },\r
- toString: function () {\r
- return join.call(this, ' ');\r
- },\r
- toggle: function (token) {\r
- if (!this.contains(token)) {\r
- this.add(token);\r
- } else {\r
- this.remove(token);\r
- }\r
-\r
- return this.contains(token);\r
- }\r
- };\r
-\r
- window.DOMTokenList = DOMTokenList;\r
-\r
- function defineElementGetter(obj, prop, getter) {\r
- if (Object.defineProperty) {\r
- Object.defineProperty(obj, prop, {\r
- get: getter\r
- });\r
- } else {\r
- obj.__defineGetter__(prop, getter);\r
- }\r
- }\r
-\r
- defineElementGetter(HTMLElement.prototype, 'classList', function () {\r
- return new DOMTokenList(this);\r
- });\r
-})();\r
-\r
-//alert("animframe_polyfill");\r
-(function () {\r
- var lastTime = 0;\r
- var vendors = ['webkit', 'moz'];\r
- for (var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {\r
- window.requestAnimationFrame = window[vendors[x] + 'RequestAnimationFrame'];\r
- window.cancelAnimationFrame = window[vendors[x] + 'CancelAnimationFrame'] ||\r
- window[vendors[x] + 'CancelRequestAnimationFrame'];\r
- }\r
-\r
- if (!window.requestAnimationFrame) {\r
- window.requestAnimationFrame = function (callback) {\r
- var currTime = new Date().getTime();\r
- var timeToCall = Math.max(0, 16 - (currTime - lastTime));\r
- var id = window.setTimeout(function () {\r
- callback(currTime + timeToCall);\r
- },\r
- timeToCall);\r
- lastTime = currTime + timeToCall;\r
- return id;\r
- };\r
- }\r
-\r
- if (!window.cancelAnimationFrame) {\r
- window.cancelAnimationFrame = function (id) {\r
- clearTimeout(id);\r
- };\r
- }\r
-}());\r
-\r
-//alert("keyboard_input_manger");\r
-function KeyboardInputManager() {\r
- this.events = {};\r
-\r
- if (window.navigator.msPointerEnabled) {\r
- //Internet Explorer 10 style\r
- this.eventTouchstart = "MSPointerDown";\r
- this.eventTouchmove = "MSPointerMove";\r
- this.eventTouchend = "MSPointerUp";\r
- } else {\r
- this.eventTouchstart = "touchstart";\r
- this.eventTouchmove = "touchmove";\r
- this.eventTouchend = "touchend";\r
- }\r
-\r
- this.listen();\r
-}\r
-\r
-KeyboardInputManager.prototype.on = function (event, callback) {\r
- if (!this.events[event]) {\r
- this.events[event] = [];\r
- }\r
- this.events[event].push(callback);\r
-};\r
-\r
-KeyboardInputManager.prototype.emit = function (event, data) {\r
- var callbacks = this.events[event];\r
- if (callbacks) {\r
- callbacks.forEach(function (callback) {\r
- callback(data);\r
- });\r
- }\r
-};\r
-\r
-KeyboardInputManager.prototype.listen = function () {\r
- var self = this;\r
-\r
- var map = {\r
- 38: 0, // Up\r
- 39: 1, // Right\r
- 40: 2, // Down\r
- 37: 3, // Left\r
- 75: 0, // Vim up\r
- 76: 1, // Vim right\r
- 74: 2, // Vim down\r
- 72: 3, // Vim left\r
- 87: 0, // W\r
- 68: 1, // D\r
- 83: 2, // S\r
- 65: 3 // A\r
- };\r
-\r
- // Respond to direction keys\r
- document.addEventListener("keydown", function (event) {\r
- var modifiers = event.altKey || event.ctrlKey || event.metaKey ||\r
- event.shiftKey;\r
- var mapped = map[event.which];\r
-\r
- if (!modifiers) {\r
- if (mapped !== undefined) {\r
- event.preventDefault();\r
- self.emit("move", mapped);\r
- }\r
- }\r
-\r
- // R key restarts the game\r
- if (!modifiers && event.which === 82) {\r
- self.restart.call(self, event);\r
- }\r
- });\r
-\r
- // Respond to button presses\r
- //this.bindButtonPress(".retry-button", this.restart);\r
- //this.bindButtonPress(".restart-button", this.restart);\r
- this.bindButtonPress("#restartbutton", this.restart);\r
- //this.bindButtonPress(".keep-playing-button", this.keepPlaying);\r
-\r
- // Respond to swipe events\r
- var touchStartClientX, touchStartClientY;\r
- var gameContainer = document.getElementsByClassName("game-container")[0];\r
-\r
- gameContainer.addEventListener(this.eventTouchstart, function (event) {\r
- if ((!window.navigator.msPointerEnabled && event.touches.length > 1) ||\r
- event.targetTouches > 1) {\r
- return; // Ignore if touching with more than 1 finger\r
- }\r
-\r
- if (window.navigator.msPointerEnabled) {\r
- touchStartClientX = event.pageX;\r
- touchStartClientY = event.pageY;\r
- } else {\r
- touchStartClientX = event.touches[0].clientX;\r
- touchStartClientY = event.touches[0].clientY;\r
- }\r
-\r
- event.preventDefault();\r
- });\r
-\r
- gameContainer.addEventListener(this.eventTouchmove, function (event) {\r
- event.preventDefault();\r
- });\r
-\r
- gameContainer.addEventListener(this.eventTouchend, function (event) {\r
- if ((!window.navigator.msPointerEnabled && event.touches.length > 0) ||\r
- event.targetTouches > 0) {\r
- return; // Ignore if still touching with one or more fingers\r
- }\r
-\r
- var touchEndClientX, touchEndClientY;\r
-\r
- if (window.navigator.msPointerEnabled) {\r
- touchEndClientX = event.pageX;\r
- touchEndClientY = event.pageY;\r
- } else {\r
- touchEndClientX = event.changedTouches[0].clientX;\r
- touchEndClientY = event.changedTouches[0].clientY;\r
- }\r
-\r
- var dx = touchEndClientX - touchStartClientX;\r
- var absDx = Math.abs(dx);\r
-\r
- var dy = touchEndClientY - touchStartClientY;\r
- var absDy = Math.abs(dy);\r
-\r
- if (Math.max(absDx, absDy) > 10) {\r
- // (right : left) : (down : up)\r
- self.emit("move", absDx > absDy ? (dx > 0 ? 1 : 3) : (dy > 0 ? 2 : 0));\r
- }\r
- });\r
-};\r
-\r
-KeyboardInputManager.prototype.restart = function (event) {\r
- event.preventDefault();\r
- this.emit("restart");\r
-};\r
-\r
-KeyboardInputManager.prototype.keepPlaying = function (event) {\r
- event.preventDefault();\r
- this.emit("keepPlaying");\r
-};\r
-\r
-KeyboardInputManager.prototype.bindButtonPress = function (selector, fn) {\r
- var button = document.querySelector(selector);\r
- button.addEventListener("click", fn.bind(this));\r
- button.addEventListener(this.eventTouchend, fn.bind(this));\r
-};\r
-\r
-//alert("html_actuator");\r
-function HTMLActuator() {\r
- this.tileContainer = document.querySelector(".tile-container");\r
- this.scoreContainer = document.querySelector(".score-container");\r
- this.bestContainer = document.querySelector(".best-container");\r
- this.messageContainer = document.querySelector(".game-message");\r
-\r
- this.score = 0;\r
-}\r
-\r
-HTMLActuator.prototype.actuate = function (grid, metadata) {\r
- var self = this;\r
-\r
- window.requestAnimationFrame(function () {\r
- self.clearContainer(self.tileContainer);\r
-\r
- grid.cells.forEach(function (column) {\r
- column.forEach(function (cell) {\r
- if (cell) {\r
- self.addTile(cell);\r
- }\r
- });\r
- });\r
-\r
- self.updateScore(metadata.score);\r
- self.updateBestScore(metadata.bestScore);\r
-\r
- if (metadata.terminated) {\r
- if (metadata.over) {\r
- self.message(false); // You lose\r
- } else if (metadata.won) {\r
- self.message(true); // You win!\r
- }\r
- }\r
-\r
- });\r
-};\r
-\r
-// Continues the game (both restart and keep playing)\r
-HTMLActuator.prototype.continueGame = function () {\r
- this.clearMessage();\r
-};\r
-\r
-HTMLActuator.prototype.clearContainer = function (container) {\r
- while (container.firstChild) {\r
- container.removeChild(container.firstChild);\r
- }\r
-};\r
-\r
-HTMLActuator.prototype.addTile = function (tile) {\r
- var self = this;\r
-\r
- var wrapper = document.createElement("div");\r
- var inner = document.createElement("div");\r
- var position = tile.previousPosition || { x: tile.x, y: tile.y };\r
- var positionClass = this.positionClass(position);\r
-\r
- // We can't use classlist because it somehow glitches when replacing classes\r
- var classes = ["tile", "tile-" + tile.value, positionClass];\r
-\r
- if (tile.value > 2048) classes.push("tile-super");\r
-\r
- this.applyClasses(wrapper, classes);\r
-\r
- inner.classList.add("tile-inner");\r
- inner.textContent = tile.value;\r
-\r
- if (tile.previousPosition) {\r
- // Make sure that the tile gets rendered in the previous position first\r
- window.requestAnimationFrame(function () {\r
- classes[2] = self.positionClass({ x: tile.x, y: tile.y });\r
- self.applyClasses(wrapper, classes); // Update the position\r
- });\r
- } else if (tile.mergedFrom) {\r
- classes.push("tile-merged");\r
- this.applyClasses(wrapper, classes);\r
-\r
- // Render the tiles that merged\r
- tile.mergedFrom.forEach(function (merged) {\r
- self.addTile(merged);\r
- });\r
- } else {\r
- classes.push("tile-new");\r
- this.applyClasses(wrapper, classes);\r
- }\r
-\r
- // Add the inner part of the tile to the wrapper\r
- wrapper.appendChild(inner);\r
-\r
- // Put the tile on the board\r
- this.tileContainer.appendChild(wrapper);\r
-};\r
-\r
-HTMLActuator.prototype.applyClasses = function (element, classes) {\r
- element.setAttribute("class", classes.join(" "));\r
-};\r
-\r
-HTMLActuator.prototype.normalizePosition = function (position) {\r
- return { x: position.x + 1, y: position.y + 1 };\r
-};\r
-\r
-HTMLActuator.prototype.positionClass = function (position) {\r
- position = this.normalizePosition(position);\r
- return "tile-position-" + position.x + "-" + position.y;\r
-};\r
-\r
-HTMLActuator.prototype.updateScore = function (score) {\r
- this.clearContainer(this.scoreContainer);\r
-\r
- var difference = score - this.score;\r
- this.score = score;\r
-\r
- this.scoreContainer.textContent = this.score;\r
-\r
- if (difference > 0) {\r
- var addition = document.createElement("div");\r
- addition.classList.add("score-addition");\r
- addition.textContent = "+" + difference;\r
-\r
- this.scoreContainer.appendChild(addition);\r
- }\r
-};\r
-\r
-HTMLActuator.prototype.updateBestScore = function (bestScore) {\r
- this.bestContainer.textContent = bestScore;\r
-};\r
-\r
-HTMLActuator.prototype.message = function (won) {\r
- var type = won ? "game-won" : "game-over";\r
- var message = won ? "You win!" : "Game over!";\r
-\r
- this.messageContainer.classList.add(type);\r
- this.messageContainer.getElementsByTagName("p")[0].textContent = message;\r
-};\r
-\r
-HTMLActuator.prototype.clearMessage = function () {\r
- // IE only takes one value to remove at a time.\r
- this.messageContainer.classList.remove("game-won");\r
- this.messageContainer.classList.remove("game-over");\r
-};\r
-\r
-//alert("grid");\r
-function Grid(size, previousState) {\r
- this.size = size;\r
- this.cells = previousState ? this.fromState(previousState) : this.empty();\r
-}\r
-\r
-// Build a grid of the specified size\r
-Grid.prototype.empty = function () {\r
- var cells = [];\r
-\r
- for (var x = 0; x < this.size; x++) {\r
- var row = cells[x] = [];\r
-\r
- for (var y = 0; y < this.size; y++) {\r
- row.push(null);\r
- }\r
- }\r
-\r
- return cells;\r
-};\r
-\r
-Grid.prototype.fromState = function (state) {\r
- var cells = [];\r
-\r
- for (var x = 0; x < this.size; x++) {\r
- var row = cells[x] = [];\r
-\r
- for (var y = 0; y < this.size; y++) {\r
- var tile = state[x][y];\r
- row.push(tile ? new Tile(tile.position, tile.value) : null);\r
- }\r
- }\r
-\r
- return cells;\r
-};\r
-\r
-// Find the first available random position\r
-Grid.prototype.randomAvailableCell = function () {\r
- var cells = this.availableCells();\r
-\r
- if (cells.length) {\r
- return cells[Math.floor(Math.random() * cells.length)];\r
- }\r
-};\r
-\r
-Grid.prototype.availableCells = function () {\r
- var cells = [];\r
-\r
- this.eachCell(function (x, y, tile) {\r
- if (!tile) {\r
- cells.push({ x: x, y: y });\r
- }\r
- });\r
-\r
- return cells;\r
-};\r
-\r
-// Call callback for every cell\r
-Grid.prototype.eachCell = function (callback) {\r
- for (var x = 0; x < this.size; x++) {\r
- for (var y = 0; y < this.size; y++) {\r
- callback(x, y, this.cells[x][y]);\r
- }\r
- }\r
-};\r
-\r
-// Check if there are any cells available\r
-Grid.prototype.cellsAvailable = function () {\r
- return !!this.availableCells().length;\r
-};\r
-\r
-// Check if the specified cell is taken\r
-Grid.prototype.cellAvailable = function (cell) {\r
- return !this.cellOccupied(cell);\r
-};\r
-\r
-Grid.prototype.cellOccupied = function (cell) {\r
- return !!this.cellContent(cell);\r
-};\r
-\r
-Grid.prototype.cellContent = function (cell) {\r
- if (this.withinBounds(cell)) {\r
- return this.cells[cell.x][cell.y];\r
- } else {\r
- return null;\r
- }\r
-};\r
-\r
-// Inserts a tile at its position\r
-Grid.prototype.insertTile = function (tile) {\r
- this.cells[tile.x][tile.y] = tile;\r
-};\r
-\r
-Grid.prototype.removeTile = function (tile) {\r
- this.cells[tile.x][tile.y] = null;\r
-};\r
-\r
-Grid.prototype.withinBounds = function (position) {\r
- return position.x >= 0 && position.x < this.size &&\r
- position.y >= 0 && position.y < this.size;\r
-};\r
-\r
-Grid.prototype.serialize = function () {\r
- var cellState = [];\r
-\r
- for (var x = 0; x < this.size; x++) {\r
- var row = cellState[x] = [];\r
-\r
- for (var y = 0; y < this.size; y++) {\r
- row.push(this.cells[x][y] ? this.cells[x][y].serialize() : null);\r
- }\r
- }\r
-\r
- return {\r
- size: this.size,\r
- cells: cellState\r
- };\r
-};\r
-\r
-//alert("tile");\r
-function Tile(position, value) {\r
- this.x = position.x;\r
- this.y = position.y;\r
- this.value = value || 2;\r
-\r
- this.previousPosition = null;\r
- this.mergedFrom = null; // Tracks tiles that merged together\r
-}\r
-\r
-Tile.prototype.savePosition = function () {\r
- this.previousPosition = { x: this.x, y: this.y };\r
-};\r
-\r
-Tile.prototype.updatePosition = function (position) {\r
- this.x = position.x;\r
- this.y = position.y;\r
-};\r
-\r
-Tile.prototype.serialize = function () {\r
- return {\r
- position: {\r
- x: this.x,\r
- y: this.y\r
- },\r
- value: this.value\r
- };\r
-};\r
-\r
-//alert("local_storage_manager");\r
-window.fakeStorage = {\r
- _data: {},\r
-\r
- setItem: function (id, val) {\r
- return this._data[id] = String(val);\r
- },\r
-\r
- getItem: function (id) {\r
- return this._data.hasOwnProperty(id) ? this._data[id] : undefined;\r
- },\r
-\r
- removeItem: function (id) {\r
- return delete this._data[id];\r
- },\r
-\r
- clear: function () {\r
- return this._data = {};\r
- }\r
-};\r
-\r
-function LocalStorageManager() {\r
- this.bestScoreKey = "bestScore";\r
- this.gameStateKey = "gameState";\r
-\r
- var supported = this.localStorageSupported();\r
- this.storage = supported ? window.localStorage : window.fakeStorage;\r
-}\r
-\r
-LocalStorageManager.prototype.localStorageSupported = function () {\r
- var testKey = "test";\r
- var storage = window.localStorage;\r
-\r
- try {\r
- storage.setItem(testKey, "1");\r
- storage.removeItem(testKey);\r
- return true;\r
- } catch (error) {\r
- return false;\r
- }\r
-};\r
-\r
-// Best score getters/setters\r
-LocalStorageManager.prototype.getBestScore = function () {\r
- return this.storage.getItem(this.bestScoreKey) || 0;\r
-};\r
-\r
-LocalStorageManager.prototype.setBestScore = function (score) {\r
- this.storage.setItem(this.bestScoreKey, score);\r
-};\r
-\r
-// Game state getters/setters and clearing\r
-LocalStorageManager.prototype.getGameState = function () {\r
- var stateJSON = this.storage.getItem(this.gameStateKey);\r
- return stateJSON ? JSON.parse(stateJSON) : null;\r
-};\r
-\r
-LocalStorageManager.prototype.setGameState = function (gameState) {\r
- this.storage.setItem(this.gameStateKey, JSON.stringify(gameState));\r
-};\r
-\r
-LocalStorageManager.prototype.clearGameState = function () {\r
- this.storage.removeItem(this.gameStateKey);\r
-};\r
-\r
-//alert("game_manager");\r
-function GameManager(size, InputManager, Actuator, StorageManager) {\r
- this.size = size; // Size of the grid\r
- this.inputManager = new InputManager;\r
- this.storageManager = new StorageManager;\r
- this.actuator = new Actuator;\r
-\r
- this.startTiles = 2;\r
-\r
- this.inputManager.on("move", this.move.bind(this));\r
- this.inputManager.on("restart", this.restart.bind(this));\r
- this.inputManager.on("keepPlaying", this.keepPlaying.bind(this));\r
-\r
- this.setup();\r
-}\r
-\r
-// Restart the game\r
-GameManager.prototype.restart = function () {\r
- this.storageManager.clearGameState();\r
- this.actuator.continueGame(); // Clear the game won/lost message\r
- this.setup();\r
-};\r
-\r
-// Keep playing after winning (allows going over 2048)\r
-GameManager.prototype.keepPlaying = function () {\r
- this.keepPlaying = true;\r
- this.actuator.continueGame(); // Clear the game won/lost message\r
-};\r
-\r
-// Return true if the game is lost, or has won and the user hasn't kept playing\r
-GameManager.prototype.isGameTerminated = function () {\r
- return this.over || (this.won && !this.keepPlaying);\r
-};\r
-\r
-// Set up the game\r
-GameManager.prototype.setup = function () {\r
- var previousState = this.storageManager.getGameState();\r
-\r
- // Reload the game from a previous game if present\r
- if (previousState) {\r
- this.grid = new Grid(previousState.grid.size,\r
- previousState.grid.cells); // Reload grid\r
- this.score = previousState.score;\r
- this.over = previousState.over;\r
- this.won = previousState.won;\r
- this.keepPlaying = previousState.keepPlaying;\r
- } else {\r
- this.grid = new Grid(this.size);\r
- this.score = 0;\r
- this.over = false;\r
- this.won = false;\r
- this.keepPlaying = false;\r
-\r
- // Add the initial tiles\r
- this.addStartTiles();\r
- }\r
-\r
- // Update the actuator\r
- this.actuate();\r
-};\r
-\r
-// Set up the initial tiles to start the game with\r
-GameManager.prototype.addStartTiles = function () {\r
- for (var i = 0; i < this.startTiles; i++) {\r
- this.addRandomTile();\r
- }\r
-};\r
-\r
-// Adds a tile in a random position\r
-GameManager.prototype.addRandomTile = function () {\r
- if (this.grid.cellsAvailable()) {\r
- var value = Math.random() < 0.9 ? 2 : 4;\r
- var tile = new Tile(this.grid.randomAvailableCell(), value);\r
-\r
- this.grid.insertTile(tile);\r
- }\r
-};\r
-\r
-// Sends the updated grid to the actuator\r
-GameManager.prototype.actuate = function () {\r
- if (this.storageManager.getBestScore() < this.score) {\r
- this.storageManager.setBestScore(this.score);\r
- }\r
-\r
- // Clear the state when the game is over (game over only, not win)\r
- if (this.over) {\r
- this.storageManager.clearGameState();\r
- } else {\r
- this.storageManager.setGameState(this.serialize());\r
- }\r
-\r
- this.actuator.actuate(this.grid, {\r
- score: this.score,\r
- over: this.over,\r
- won: this.won,\r
- bestScore: this.storageManager.getBestScore(),\r
- terminated: this.isGameTerminated()\r
- });\r
-\r
-};\r
-\r
-// Represent the current game as an object\r
-GameManager.prototype.serialize = function () {\r
- return {\r
- grid: this.grid.serialize(),\r
- score: this.score,\r
- over: this.over,\r
- won: this.won,\r
- keepPlaying: this.keepPlaying\r
- };\r
-};\r
-\r
-// Save all tile positions and remove merger info\r
-GameManager.prototype.prepareTiles = function () {\r
- this.grid.eachCell(function (x, y, tile) {\r
- if (tile) {\r
- tile.mergedFrom = null;\r
- tile.savePosition();\r
- }\r
- });\r
-};\r
-\r
-// Move a tile and its representation\r
-GameManager.prototype.moveTile = function (tile, cell) {\r
- this.grid.cells[tile.x][tile.y] = null;\r
- this.grid.cells[cell.x][cell.y] = tile;\r
- tile.updatePosition(cell);\r
-};\r
-\r
-// Move tiles on the grid in the specified direction\r
-GameManager.prototype.move = function (direction) {\r
- // 0: up, 1: right, 2: down, 3: left\r
- var self = this;\r
-\r
- if (this.isGameTerminated()) return; // Don't do anything if the game's over\r
-\r
- var cell, tile;\r
-\r
- var vector = this.getVector(direction);\r
- var traversals = this.buildTraversals(vector);\r
- var moved = false;\r
-\r
- // Save the current tile positions and remove merger information\r
- this.prepareTiles();\r
-\r
- // Traverse the grid in the right direction and move tiles\r
- traversals.x.forEach(function (x) {\r
- traversals.y.forEach(function (y) {\r
- cell = { x: x, y: y };\r
- tile = self.grid.cellContent(cell);\r
-\r
- if (tile) {\r
- var positions = self.findFarthestPosition(cell, vector);\r
- var next = self.grid.cellContent(positions.next);\r
-\r
- // Only one merger per row traversal?\r
- if (next && next.value === tile.value && !next.mergedFrom) {\r
- var merged = new Tile(positions.next, tile.value * 2);\r
- merged.mergedFrom = [tile, next];\r
-\r
- self.grid.insertTile(merged);\r
- self.grid.removeTile(tile);\r
-\r
- // Converge the two tiles' positions\r
- tile.updatePosition(positions.next);\r
-\r
- // Update the score\r
- self.score += merged.value;\r
-\r
- // The mighty 2048 tile\r
- if (merged.value === 2048) self.won = true;\r
- } else {\r
- self.moveTile(tile, positions.farthest);\r
- }\r
-\r
- if (!self.positionsEqual(cell, tile)) {\r
- moved = true; // The tile moved from its original cell!\r
- }\r
- }\r
- });\r
- });\r
-\r
- if (moved) {\r
- this.addRandomTile();\r
-\r
- if (!this.movesAvailable()) {\r
- this.over = true; // Game over!\r
- }\r
-\r
- this.actuate();\r
- }\r
-};\r
-\r
-// Get the vector representing the chosen direction\r
-GameManager.prototype.getVector = function (direction) {\r
- // Vectors representing tile movement\r
- var map = {\r
- 0: { x: 0, y: -1 }, // Up\r
- 1: { x: 1, y: 0 }, // Right\r
- 2: { x: 0, y: 1 }, // Down\r
- 3: { x: -1, y: 0 } // Left\r
- };\r
-\r
- return map[direction];\r
-};\r
-\r
-// Build a list of positions to traverse in the right order\r
-GameManager.prototype.buildTraversals = function (vector) {\r
- var traversals = { x: [], y: [] };\r
-\r
- for (var pos = 0; pos < this.size; pos++) {\r
- traversals.x.push(pos);\r
- traversals.y.push(pos);\r
- }\r
-\r
- // Always traverse from the farthest cell in the chosen direction\r
- if (vector.x === 1) traversals.x = traversals.x.reverse();\r
- if (vector.y === 1) traversals.y = traversals.y.reverse();\r
-\r
- return traversals;\r
-};\r
-\r
-GameManager.prototype.findFarthestPosition = function (cell, vector) {\r
- var previous;\r
-\r
- // Progress towards the vector direction until an obstacle is found\r
- do {\r
- previous = cell;\r
- cell = { x: previous.x + vector.x, y: previous.y + vector.y };\r
- } while (this.grid.withinBounds(cell) &&\r
- this.grid.cellAvailable(cell));\r
-\r
- return {\r
- farthest: previous,\r
- next: cell // Used to check if a merge is required\r
- };\r
-};\r
-\r
-GameManager.prototype.movesAvailable = function () {\r
- return this.grid.cellsAvailable() || this.tileMatchesAvailable();\r
-};\r
-\r
-// Check for available matches between tiles (more expensive check)\r
-GameManager.prototype.tileMatchesAvailable = function () {\r
- var self = this;\r
-\r
- var tile;\r
-\r
- for (var x = 0; x < this.size; x++) {\r
- for (var y = 0; y < this.size; y++) {\r
- tile = this.grid.cellContent({ x: x, y: y });\r
-\r
- if (tile) {\r
- for (var direction = 0; direction < 4; direction++) {\r
- var vector = self.getVector(direction);\r
- var cell = { x: x + vector.x, y: y + vector.y };\r
-\r
- var other = self.grid.cellContent(cell);\r
-\r
- if (other && other.value === tile.value) {\r
- return true; // These two tiles can be merged\r
- }\r
- }\r
- }\r
- }\r
- }\r
-\r
- return false;\r
-};\r
-\r
-GameManager.prototype.positionsEqual = function (first, second) {\r
- return first.x === second.x && first.y === second.y;\r
-};\r
-\r
-//alert("application");\r
-// Wait till the browser is ready to render the game (avoids glitches)\r
-window.requestAnimationFrame(function () {\r
- new GameManager(4, KeyboardInputManager, HTMLActuator, LocalStorageManager);\r
-});\r
-\r
+++ /dev/null
-/*******************************************************************************
-* This file was generated by Tizen Web UI Builder.
-* This file will be auto-generated each and everytime you save your project.
-* Do not hand edit this file.
-********************************************************************************/
-
-#page1 #advertisement {
- position : absolute;
- left : 2px;
- top : 422px;
-}
-
-#page1 #logo {
- position : absolute;
- letter-spacing : 3px;
- border-radius : 5px;
- text-align : center;
- width : 100px;
- virtical-align : middle;
- height : 100px;
- color : #ffffff;
- font-size : 35px;
- background : #edc22e;
- left : 23px;
- top : 17px;
- -webkit-text-stroke-width : 2px;
-}
-
-#page1 #scorescontainer {
- position : absolute;
- height : 65px;
- width : 186px;
- left : 120px;
- top : 14px;
-}
-
-#page1 #abovegame {
- position : absolute;
- height : 35px;
- width : 165px;
- left : 123px;
- padding : 5px 7px 7px 7px;
- z-index : 3;
- top : 76px;
-}
-
-#page1 #gamecontainer {
- position : absolute;
- height : 280px;
- width : 280px;
- left : 23px;
- top : 116px;
-}
+++ /dev/null
-/*******************************************************************************
-* This file was generated by Tizen Web UI Builder.
-* This file will be auto-generated each and everytime you save your project.
-* Do not hand edit this file.
-********************************************************************************/
-
-#page1 #abovegame {
- position : absolute;
- height : 35px;
- width : 141px;
- left : 0px;
- padding : 5px 7px 7px 7px;
- z-index : 3;
- top : 0px;
-}
-
-#page1 #bestcontainer {
- line-height : 1;
- height : 50%;
- min-width : 0px;
- width : 30%;
- background-color : #91ab00;
- left : 0px;
- margin : 5px 5% 5px 5%;
- padding : 10px;
-}
-
-#page1 #scorecontainer {
- line-height : 1;
- height : 50%;
- min-width : 0px;
- width : 30%;
- background-color : #91ab00;
- margin : 5px 5% 5px 5%;
- padding : 10px;
- right : 0px;
-}
-
-#page1 #logo {
- position : absolute;
- letter-spacing : 3px;
- border-radius : 5px;
- text-align : center;
- width : 100px;
- virtical-align : middle;
- height : 100px;
- color : #ffffff;
- font-size : 35px;
- background : #edc22e;
- left : 0px;
- top : 0px;
- -webkit-text-stroke-width : 2px;
-}
-
-#page1 #restartbutton {
- height : 32px;
- width : 100%;
-}
-
-#page1 #label1 {
- line-height : 100px;
- height : 100%;
- top : 0px;
-}
-
-#page1 #scorescontainer {
- position : absolute;
- height : 65px;
- width : 193px;
- left : 0px;
- top : 0px;
-}
-
-#page1 #gamecontainer {
- position : absolute;
- left : 0px;
- top : 0px;
-}
-
-#page1 #advertisement {
- position : absolute;
- left : 0px;
- top : 0px;
-}
+++ /dev/null
-/tizen-animator-fw.js
+++ /dev/null
-/*******************************************************************************
- * Tizen UI Builder Framework 0.3.1
- * Application entry manager
- *
- * @generated Tizen UI Builder
- * @attribute managed, readonly, static
- *******************************************************************************
- */
-
-// entry
-$(function() {
- if (app) {
- // bind user unload event handler
- if (app.onunload)
- $(window).unload(app.onunload);
-
- // call user entry
- if (app.onload)
- app.onload();
-
- if (!document.webkitHidden)
- app.onshow();
-
- // event handler for detecting when visibility changes
- document.addEventListener("webkitvisibilitychange", function() {
- if (document.webkitHidden) {
- app.onhide();
- } else {
- app.onshow();
- }
- }, false);
- }
-
- // event handler for detecting when hardware key clicked
- $(window).on("tizenhwkey", function(e) {
- if (e.originalEvent.keyName == "back") {
- window.history.back();
- }
- });
-});
-
-if (app && app.init) app.init();
+++ /dev/null
-//KO Binding Selector - Knockout.js plugin
-
-//Author : Changwook Doh - changwook.doh@gmail.com
-
-//this module write for binding-overloading of knockout.js
-//In case of jQuery Mobile Widget, they have api name as built-in binding name.
-//This module provide selector of binding by custom-condition.
-
-//This module is tested with ...
-//Knockout JavaScript library v2.1.0rc2
-//(c) Steven Sanderson - http://knockoutjs.com/
-//License: MIT (http://www.opensource.org/licenses/mit-license.php)
-
-//CAUTION :
-//1. this code should be loaded after knockout.js. so, insert this script after knockout.js included.
-//2. if you don't set condition, default binding handler will be changed to new one.
-//3. if there's exist matched binding handler and no matched function called, handler-call will be ignored.
-(function() {
- var _BindingSelectorModule = function() {
- var thiz = this;
- var waitQueue = [];
-
- // check knockout initialized.
- var isKoInitialized = function() {
- // cwdoh: need better solution.
- if (typeof ko !== "undefined" && ko.bindingHandlers) return true;
- return false;
- };
-
- // binding selector
- var bindingSelector = function() {
- // { condition, handler }, ...
- var map = [];
- var defaultHandler = function() {};
-
- var applyBinding = function()
- {
- var params = Array.prototype.slice.call(arguments);
- // get '1st param', callback
- var callback = params.pop();
-
- // search handler that approve condition.
- for ( key in map ) {
- // condition must be 'function' only.
- var condition = map[key].condition;
- if ( typeof condition == "function" ) {
- // if condition check is passed...
- if ( condition.apply( null, params ) ) {
- // get handler
- var handler = map[key].handler;
-
- // if callback exists- 'init' or 'update', call it.
- if ( callback in handler )
- return handler[callback].apply( null, params );
-
- return;
- }
- }
- }
-
- // if no handler, call default handler
- if ( callback in defaultHandler )
- return defaultHandler[callback].apply( null, params );
- };
-
- var returnHandler = {
- "init": function() {
- var params = Array.prototype.slice.call(arguments);
- params.push( defaultHandler );
- params.push("init");
-
- return applyBinding.apply(null, params);
- },
-
- "update": function() {
- var params = Array.prototype.slice.call(arguments);
- params.push( defaultHandler );
- params.push("update");
-
- return applyBinding.apply(null, params);
- },
-
- "add": function( handler, condition ) {
- if ( condition ) {
- // add new binding handler with its condition
- map.push( { "condition": condition, "handler":handler } );
- }
- else {
- // set default handler
- defaultHandler = handler;
-
- // copy properties except 'init', 'update'
- for ( key in defaultHandler ) {
- if ( !(key in returnHandler) ) {
- returnHandler[key] = defaultHandler[key];
- }
- }
- }
- }
- };
-
- return returnHandler;
- };
-
- // add binding
- var addBindingHandler = function( binding, handler, condition ) {
- // cwdoh; makes selector for binding-overloading.
- var _addBindingHandler = function(binding, handler, condition) {
- var _bindingHandler = ko.bindingHandlers[binding];
- var _hasSelector = _bindingHandler && _bindingHandler instanceof bindingSelector;
- var _selector = null;
-
- // if 'binding' is not exists,
- if ( !_bindingHandler ) {
- // create new selector
- _selector = new bindingSelector();
- }
- // elif there's no selector
- else if ( _hasSelector == false ) {
- // create new selector
- _selector = new bindingSelector();
- // add default handler
- _selector.add( _bindingHandler, null );
- }
- // in other cases
- else {
- // get selector
- _selector = _bindingHandler;
- }
-
- // add new handler.
- _selector.add( handler, condition );
-
- // set binding-selector to ko.bindingHandlers
- ko.bindingHandlers[binding] = _selector;
- };
-
- var addBindingsFromWaitQueue = function() {
- if (!isKoInitialized()) return;
- waitQueue.timer = undefined;
-
- // initialize bindings from wait-queue
- while (waitQueue.length > 0) {
- _addBindingHandler.apply(null, waitQueue.shift());
- }
-
- // after KO initialization, change addBindingHandler function from queue-operation to direct-adding.
- addBindingHandler = _addBindingHandler;
- };
-
- waitQueue.push(arguments);
-
- addBindingsFromWaitQueue();
- };
-
- thiz.add = function(binding, handler, condition) {
- addBindingHandler(binding, handler, condition);
- };
-
- thiz.has = function(binding, funk) {
- if (typeof ko.bindingHandlers[binding] != undefined) {
- if (funk in ko.bindingHandlers[binding] ) return true;
- }
- return false;
- };
-
- // cwdoh; if v is false, KO will ignore unmatched binding exception.
- thiz.enableException = function( v ) {
- if ( !v ) {
- // save original parseBindingsString()
- if ( !thiz._parseBindingsString ) {
- thiz._parseBindingsString = ko.bindingProvider.prototype.parseBindingsString;
- }
-
- // define new parseBindingsString()
- ko.bindingProvider.prototype.parseBindingsString = function() {
- try {
- return thiz._parseBindingsString.apply(this, arguments );
- }
- catch (e) {
- console.log( "ignore unmatched exception by enableException:false.")
- }
- };
- }
- else if ( thiz._parseBindingsString ) {
- ko.bindingProvider.prototype.parseBindingsString = thiz._parseBindingsString;
- }
- }
- };
-
- // export symbol
- ko.bindingSelector = new _BindingSelectorModule();
-})();
\ No newline at end of file
+++ /dev/null
-//Knockout JavaScript library v3.0.0rc
-//(c) Steven Sanderson - http://knockoutjs.com/
-//Copyright (c) 2012, 2013 Samsung Electronics Co., Ltd.
-//License: MIT (http://www.opensource.org/licenses/mit-license.php)
-//* Modifications by Samsung Electronics Co., Ltd.
-//1. Modified To communicate with the Tizen IDE.
-
-
-(function(){
- var DEBUG=true;
- (function(undefined){
- var window = this || Function('return this')(),
- document = window.document,
- navigator = window.navigator,
- jQuery = window.jQuery,
- JSON = window.JSON;
- (function(factory) {
- // Support three module loading scenarios
- if (typeof require === 'function' && typeof exports === 'object' && typeof module === 'object') {
- // [1] CommonJS/Node.js
- var target = module['exports'] || exports; // module.exports is for Node.js
- factory(target);
- } else if (typeof define === 'function' && define['amd']) {
- // [2] AMD anonymous module
- define(['exports'], factory);
- } else {
- // [3] No module loader (plain <script> tag) - put directly in global namespace
- factory(window['ko'] = {});
- }
- }(function(koExports){
-// Internally, all KO objects are attached to koExports (even the non-exported ones whose names will be minified by the closure compiler).
-// In the future, the following "ko" variable may be made distinct from "koExports" so that private objects are not externally reachable.
- var ko = typeof koExports !== 'undefined' ? koExports : {};
-// Google Closure Compiler helpers (used only to make the minified file smaller)
- ko.exportSymbol = function(koPath, object) {
- var tokens = koPath.split(".");
-
- // In the future, "ko" may become distinct from "koExports" (so that non-exported objects are not reachable)
- // At that point, "target" would be set to: (typeof koExports !== "undefined" ? koExports : ko)
- var target = ko;
-
- for (var i = 0; i < tokens.length - 1; i++)
- target = target[tokens[i]];
- target[tokens[tokens.length - 1]] = object;
- };
- ko.exportProperty = function(owner, publicName, object) {
- owner[publicName] = object;
- };
- ko.version = "3.0.0rc";
-
- ko.exportSymbol('version', ko.version);
- ko.utils = (function () {
- var objectForEach = function(obj, action) {
- for (var prop in obj) {
- if (obj.hasOwnProperty(prop)) {
- action(prop, obj[prop]);
- }
- }
- };
-
- // Represent the known event types in a compact way, then at runtime transform it into a hash with event name as key (for fast lookup)
- var knownEvents = {}, knownEventTypesByEventName = {};
- var keyEventTypeName = (navigator && /Firefox\/2/i.test(navigator.userAgent)) ? 'KeyboardEvent' : 'UIEvents';
- knownEvents[keyEventTypeName] = ['keyup', 'keydown', 'keypress'];
- knownEvents['MouseEvents'] = ['click', 'dblclick', 'mousedown', 'mouseup', 'mousemove', 'mouseover', 'mouseout', 'mouseenter', 'mouseleave'];
- objectForEach(knownEvents, function(eventType, knownEventsForType) {
- if (knownEventsForType.length) {
- for (var i = 0, j = knownEventsForType.length; i < j; i++)
- knownEventTypesByEventName[knownEventsForType[i]] = eventType;
- }
- });
- var eventsThatMustBeRegisteredUsingAttachEvent = { 'propertychange': true }; // Workaround for an IE9 issue - https://github.com/SteveSanderson/knockout/issues/406
-
- // Detect IE versions for bug workarounds (uses IE conditionals, not UA string, for robustness)
- // Note that, since IE 10 does not support conditional comments, the following logic only detects IE < 10.
- // Currently this is by design, since IE 10+ behaves correctly when treated as a standard browser.
- // If there is a future need to detect specific versions of IE10+, we will amend this.
- var ieVersion = document && (function () {
- var version = 3, div = document.createElement('div'), iElems = div.getElementsByTagName('i');
-
- // Keep constructing conditional HTML blocks until we hit one that resolves to an empty fragment
- do {
- div.innerHTML = '<!--[if gt IE ' + (++version) + ']><i></i><![endif]-->';
- } while (iElems[0]);
- return version > 4 ? version : undefined;
- }());
- var isIe6 = ieVersion === 6,
- isIe7 = ieVersion === 7;
-
- function isClickOnCheckableElement(element, eventType) {
- if ((ko.utils.tagNameLower(element) !== "input") || !element.type) return false;
- if (eventType.toLowerCase() != "click") return false;
- var inputType = element.type;
- return (inputType == "checkbox") || (inputType == "radio");
- }
-
- return {
- fieldsIncludedWithJsonPost: ['authenticity_token', /^__RequestVerificationToken(_.*)?$/],
-
- arrayForEach: function (array, action) {
- for (var i = 0, j = array.length; i < j; i++)
- action(array[i]);
- },
-
- arrayIndexOf: function (array, item) {
- if (typeof Array.prototype.indexOf == "function")
- return Array.prototype.indexOf.call(array, item);
- for (var i = 0, j = array.length; i < j; i++)
- if (array[i] === item)
- return i;
- return -1;
- },
-
- arrayFirst: function (array, predicate, predicateOwner) {
- for (var i = 0, j = array.length; i < j; i++)
- if (predicate.call(predicateOwner, array[i]))
- return array[i];
- return null;
- },
-
- arrayRemoveItem: function (array, itemToRemove) {
- var index = ko.utils.arrayIndexOf(array, itemToRemove);
- if (index >= 0)
- array.splice(index, 1);
- },
-
- arrayGetDistinctValues: function (array) {
- array = array || [];
- var result = [];
- for (var i = 0, j = array.length; i < j; i++) {
- if (ko.utils.arrayIndexOf(result, array[i]) < 0)
- result.push(array[i]);
- }
- return result;
- },
-
- arrayMap: function (array, mapping) {
- array = array || [];
- var result = [];
- for (var i = 0, j = array.length; i < j; i++)
- result.push(mapping(array[i]));
- return result;
- },
-
- arrayFilter: function (array, predicate) {
- array = array || [];
- var result = [];
- for (var i = 0, j = array.length; i < j; i++)
- if (predicate(array[i]))
- result.push(array[i]);
- return result;
- },
-
- arrayPushAll: function (array, valuesToPush) {
- if (valuesToPush instanceof Array)
- array.push.apply(array, valuesToPush);
- else
- for (var i = 0, j = valuesToPush.length; i < j; i++)
- array.push(valuesToPush[i]);
- return array;
- },
-
- addOrRemoveItem: function(array, value, included) {
- var existingEntryIndex = ko.utils.arrayIndexOf(ko.utils.peekObservable(array), value);
- if (existingEntryIndex < 0) {
- if (included)
- array.push(value);
- } else {
- if (!included)
- array.splice(existingEntryIndex, 1);
- }
- },
-
- extend: function (target, source) {
- if (source) {
- for(var prop in source) {
- if(source.hasOwnProperty(prop)) {
- target[prop] = source[prop];
- }
- }
- }
- return target;
- },
-
- objectForEach: objectForEach,
-
- objectMap: function(source, mapping) {
- if (!source)
- return source;
- var target = {};
- for (var prop in source) {
- if (source.hasOwnProperty(prop)) {
- target[prop] = mapping(source[prop], prop, source);
- }
- }
- return target;
- },
-
- emptyDomNode: function (domNode) {
- while (domNode.firstChild) {
- ko.removeNode(domNode.firstChild);
- }
- },
-
- moveCleanedNodesToContainerElement: function(nodes) {
- // Ensure it's a real array, as we're about to reparent the nodes and
- // we don't want the underlying collection to change while we're doing that.
- var nodesArray = ko.utils.makeArray(nodes);
-
- var container = document.createElement('div');
- for (var i = 0, j = nodesArray.length; i < j; i++) {
- container.appendChild(ko.cleanNode(nodesArray[i]));
- }
- return container;
- },
-
- cloneNodes: function (nodesArray, shouldCleanNodes) {
- for (var i = 0, j = nodesArray.length, newNodesArray = []; i < j; i++) {
- var clonedNode = nodesArray[i].cloneNode(true);
- newNodesArray.push(shouldCleanNodes ? ko.cleanNode(clonedNode) : clonedNode);
- }
- return newNodesArray;
- },
-
- setDomNodeChildren: function (domNode, childNodes) {
- ko.utils.emptyDomNode(domNode);
- if (childNodes) {
- for (var i = 0, j = childNodes.length; i < j; i++)
- domNode.appendChild(childNodes[i]);
- }
- },
-
- replaceDomNodes: function (nodeToReplaceOrNodeArray, newNodesArray) {
- var nodesToReplaceArray = nodeToReplaceOrNodeArray.nodeType ? [nodeToReplaceOrNodeArray] : nodeToReplaceOrNodeArray;
- if (nodesToReplaceArray.length > 0) {
- var insertionPoint = nodesToReplaceArray[0];
- var parent = insertionPoint.parentNode;
- for (var i = 0, j = newNodesArray.length; i < j; i++)
- parent.insertBefore(newNodesArray[i], insertionPoint);
- for (var i = 0, j = nodesToReplaceArray.length; i < j; i++) {
- ko.removeNode(nodesToReplaceArray[i]);
- }
- }
- },
-
- fixUpContinuousNodeArray: function(continuousNodeArray, parentNode) {
- // Before acting on a set of nodes that were previously outputted by a template function, we have to reconcile
- // them against what is in the DOM right now. It may be that some of the nodes have already been removed, or that
- // new nodes might have been inserted in the middle, for example by a binding. Also, there may previously have been
- // leading comment nodes (created by rewritten string-based templates) that have since been removed during binding.
- // So, this function translates the old "map" output array into its best guess of the set of current DOM nodes.
- //
- // Rules:
- // [A] Any leading nodes that have been removed should be ignored
- // These most likely correspond to memoization nodes that were already removed during binding
- // See https://github.com/SteveSanderson/knockout/pull/440
- // [B] We want to output a continuous series of nodes. So, ignore any nodes that have already been removed,
- // and include any nodes that have been inserted among the previous collection
-
- if (continuousNodeArray.length) {
- // The parent node can be a virtual element; so get the real parent node
- parentNode = (parentNode.nodeType === 8 && parentNode.parentNode) || parentNode;
-
- // Rule [A]
- while (continuousNodeArray.length && continuousNodeArray[0].parentNode !== parentNode)
- continuousNodeArray.splice(0, 1);
-
- // Rule [B]
- if (continuousNodeArray.length > 1) {
- var current = continuousNodeArray[0], last = continuousNodeArray[continuousNodeArray.length - 1];
- // Replace with the actual new continuous node set
- continuousNodeArray.length = 0;
- while (current !== last) {
- continuousNodeArray.push(current);
- current = current.nextSibling;
- if (!current) // Won't happen, except if the developer has manually removed some DOM elements (then we're in an undefined scenario)
- return;
- }
- continuousNodeArray.push(last);
- }
- }
- return continuousNodeArray;
- },
-
- setOptionNodeSelectionState: function (optionNode, isSelected) {
- // IE6 sometimes throws "unknown error" if you try to write to .selected directly, whereas Firefox struggles with setAttribute. Pick one based on browser.
- if (ieVersion < 7)
- optionNode.setAttribute("selected", isSelected);
- else
- optionNode.selected = isSelected;
- },
-
- stringTrim: function (string) {
- return string === null || string === undefined ? '' :
- string.trim ?
- string.trim() :
- string.toString().replace(/^[\s\xa0]+|[\s\xa0]+$/g, '');
- },
-
- stringTokenize: function (string, delimiter) {
- var result = [];
- var tokens = (string || "").split(delimiter);
- for (var i = 0, j = tokens.length; i < j; i++) {
- var trimmed = ko.utils.stringTrim(tokens[i]);
- if (trimmed !== "")
- result.push(trimmed);
- }
- return result;
- },
-
- stringStartsWith: function (string, startsWith) {
- string = string || "";
- if (startsWith.length > string.length)
- return false;
- return string.substring(0, startsWith.length) === startsWith;
- },
-
- domNodeIsContainedBy: function (node, containedByNode) {
- if (node === containedByNode)
- return true;
- if (containedByNode.contains)
- return containedByNode.contains(node.nodeType === 3 ? node.parentNode : node);
- if (containedByNode.compareDocumentPosition)
- return (containedByNode.compareDocumentPosition(node) & 16) == 16;
- while (node && node != containedByNode) {
- node = node.parentNode;
- }
- return !!node;
- },
-
- domNodeIsAttachedToDocument: function (node) {
- return ko.utils.domNodeIsContainedBy(node, node.ownerDocument.documentElement);
- },
-
- anyDomNodeIsAttachedToDocument: function(nodes) {
- return !!ko.utils.arrayFirst(nodes, ko.utils.domNodeIsAttachedToDocument);
- },
-
- tagNameLower: function(element) {
- // For HTML elements, tagName will always be upper case; for XHTML elements, it'll be lower case.
- // Possible future optimization: If we know it's an element from an XHTML document (not HTML),
- // we don't need to do the .toLowerCase() as it will always be lower case anyway.
- return element && element.tagName && element.tagName.toLowerCase();
- },
-
- registerEventHandler: function (element, eventType, handler) {
- var mustUseAttachEvent = ieVersion && eventsThatMustBeRegisteredUsingAttachEvent[eventType];
- if (!mustUseAttachEvent && typeof jQuery != "undefined") {
- if (isClickOnCheckableElement(element, eventType)) {
- // For click events on checkboxes, jQuery interferes with the event handling in an awkward way:
- // it toggles the element checked state *after* the click event handlers run, whereas native
- // click events toggle the checked state *before* the event handler.
- // Fix this by intecepting the handler and applying the correct checkedness before it runs.
- var originalHandler = handler;
- handler = function(event, eventData) {
- var jQuerySuppliedCheckedState = this.checked;
- if (eventData)
- this.checked = eventData.checkedStateBeforeEvent !== true;
- originalHandler.call(this, event);
- this.checked = jQuerySuppliedCheckedState; // Restore the state jQuery applied
- };
- }
- jQuery(element)['bind'](eventType, handler);
- } else if (!mustUseAttachEvent && typeof element.addEventListener == "function")
- element.addEventListener(eventType, handler, false);
- else if (typeof element.attachEvent != "undefined") {
- var attachEventHandler = function (event) { handler.call(element, event); },
- attachEventName = "on" + eventType;
- element.attachEvent(attachEventName, attachEventHandler);
-
- // IE does not dispose attachEvent handlers automatically (unlike with addEventListener)
- // so to avoid leaks, we have to remove them manually. See bug #856
- ko.utils.domNodeDisposal.addDisposeCallback(element, function() {
- element.detachEvent(attachEventName, attachEventHandler);
- });
- } else
- throw new Error("Browser doesn't support addEventListener or attachEvent");
- },
-
- triggerEvent: function (element, eventType) {
- if (!(element && element.nodeType))
- throw new Error("element must be a DOM node when calling triggerEvent");
-
- if (typeof jQuery != "undefined") {
- var eventData = [];
- if (isClickOnCheckableElement(element, eventType)) {
- // Work around the jQuery "click events on checkboxes" issue described above by storing the original checked state before triggering the handler
- eventData.push({ checkedStateBeforeEvent: element.checked });
- }
- jQuery(element)['trigger'](eventType, eventData);
- } else if (typeof document.createEvent == "function") {
- if (typeof element.dispatchEvent == "function") {
- var eventCategory = knownEventTypesByEventName[eventType] || "HTMLEvents";
- var event = document.createEvent(eventCategory);
- event.initEvent(eventType, true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, element);
- element.dispatchEvent(event);
- }
- else
- throw new Error("The supplied element doesn't support dispatchEvent");
- } else if (typeof element.fireEvent != "undefined") {
- // Unlike other browsers, IE doesn't change the checked state of checkboxes/radiobuttons when you trigger their "click" event
- // so to make it consistent, we'll do it manually here
- if (isClickOnCheckableElement(element, eventType))
- element.checked = element.checked !== true;
- element.fireEvent("on" + eventType);
- }
- else
- throw new Error("Browser doesn't support triggering events");
- },
-
- unwrapObservable: function (value) {
- return ko.isObservable(value) ? value() : value;
- },
-
- peekObservable: function (value) {
- return ko.isObservable(value) ? value.peek() : value;
- },
-
- toggleDomNodeCssClass: function (node, classNames, shouldHaveClass) {
- if (classNames) {
- var cssClassNameRegex = /\S+/g,
- currentClassNames = node.className.match(cssClassNameRegex) || [];
- ko.utils.arrayForEach(classNames.match(cssClassNameRegex), function(className) {
- ko.utils.addOrRemoveItem(currentClassNames, className, shouldHaveClass);
- });
- node.className = currentClassNames.join(" ");
- }
- },
-
- setTextContent: function(element, textContent) {
- var value = ko.utils.unwrapObservable(textContent);
- if ((value === null) || (value === undefined))
- value = "";
-
- // We need there to be exactly one child: a text node.
- // If there are no children, more than one, or if it's not a text node,
- // we'll clear everything and create a single text node.
- var innerTextNode = ko.virtualElements.firstChild(element);
- if (!innerTextNode || innerTextNode.nodeType != 3 || ko.virtualElements.nextSibling(innerTextNode)) {
- ko.virtualElements.setDomNodeChildren(element, [document.createTextNode(value)]);
- } else {
- innerTextNode.data = value;
- }
-
- ko.utils.forceRefresh(element);
- },
-
- setElementName: function(element, name) {
- element.name = name;
-
- // Workaround IE 6/7 issue
- // - https://github.com/SteveSanderson/knockout/issues/197
- // - http://www.matts411.com/post/setting_the_name_attribute_in_ie_dom/
- if (ieVersion <= 7) {
- try {
- element.mergeAttributes(document.createElement("<input name='" + element.name + "'/>"), false);
- }
- catch(e) {} // For IE9 with doc mode "IE9 Standards" and browser mode "IE9 Compatibility View"
- }
- },
-
- forceRefresh: function(node) {
- // Workaround for an IE9 rendering bug - https://github.com/SteveSanderson/knockout/issues/209
- if (ieVersion >= 9) {
- // For text nodes and comment nodes (most likely virtual elements), we will have to refresh the container
- var elem = node.nodeType == 1 ? node : node.parentNode;
- if (elem.style)
- elem.style.zoom = elem.style.zoom;
- }
- },
-
- ensureSelectElementIsRenderedCorrectly: function(selectElement) {
- // Workaround for IE9 rendering bug - it doesn't reliably display all the text in dynamically-added select boxes unless you force it to re-render by updating the width.
- // (See https://github.com/SteveSanderson/knockout/issues/312, http://stackoverflow.com/questions/5908494/select-only-shows-first-char-of-selected-option)
- // Also fixes IE7 and IE8 bug that causes selects to be zero width if enclosed by 'if' or 'with'. (See issue #839)
- if (ieVersion) {
- var originalWidth = selectElement.style.width;
- selectElement.style.width = 0;
- selectElement.style.width = originalWidth;
- }
- },
-
- range: function (min, max) {
- min = ko.utils.unwrapObservable(min);
- max = ko.utils.unwrapObservable(max);
- var result = [];
- for (var i = min; i <= max; i++)
- result.push(i);
- return result;
- },
-
- makeArray: function(arrayLikeObject) {
- var result = [];
- for (var i = 0, j = arrayLikeObject.length; i < j; i++) {
- result.push(arrayLikeObject[i]);
- };
- return result;
- },
-
- isIe6 : isIe6,
- isIe7 : isIe7,
- ieVersion : ieVersion,
-
- getFormFields: function(form, fieldName) {
- var fields = ko.utils.makeArray(form.getElementsByTagName("input")).concat(ko.utils.makeArray(form.getElementsByTagName("textarea")));
- var isMatchingField = (typeof fieldName == 'string')
- ? function(field) { return field.name === fieldName }
- : function(field) { return fieldName.test(field.name) }; // Treat fieldName as regex or object containing predicate
- var matches = [];
- for (var i = fields.length - 1; i >= 0; i--) {
- if (isMatchingField(fields[i]))
- matches.push(fields[i]);
- };
- return matches;
- },
-
- parseJson: function (jsonString) {
- if (typeof jsonString == "string") {
- jsonString = ko.utils.stringTrim(jsonString);
- if (jsonString) {
- if (JSON && JSON.parse) // Use native parsing where available
- return JSON.parse(jsonString);
- return (new Function("return " + jsonString))(); // Fallback on less safe parsing for older browsers
- }
- }
- return null;
- },
-
- stringifyJson: function (data, replacer, space) { // replacer and space are optional
- if (!JSON || !JSON.stringify)
- throw new Error("Cannot find JSON.stringify(). Some browsers (e.g., IE < 8) don't support it natively, but you can overcome this by adding a script reference to json2.js, downloadable from http://www.json.org/json2.js");
- return JSON.stringify(ko.utils.unwrapObservable(data), replacer, space);
- },
-
- postJson: function (urlOrForm, data, options) {
- options = options || {};
- var params = options['params'] || {};
- var includeFields = options['includeFields'] || this.fieldsIncludedWithJsonPost;
- var url = urlOrForm;
-
- // If we were given a form, use its 'action' URL and pick out any requested field values
- if((typeof urlOrForm == 'object') && (ko.utils.tagNameLower(urlOrForm) === "form")) {
- var originalForm = urlOrForm;
- url = originalForm.action;
- for (var i = includeFields.length - 1; i >= 0; i--) {
- var fields = ko.utils.getFormFields(originalForm, includeFields[i]);
- for (var j = fields.length - 1; j >= 0; j--)
- params[fields[j].name] = fields[j].value;
- }
- }
-
- data = ko.utils.unwrapObservable(data);
- var form = document.createElement("form");
- form.style.display = "none";
- form.action = url;
- form.method = "post";
- for (var key in data) {
- // Since 'data' this is a model object, we include all properties including those inherited from its prototype
- var input = document.createElement("input");
- input.name = key;
- input.value = ko.utils.stringifyJson(ko.utils.unwrapObservable(data[key]));
- form.appendChild(input);
- }
- objectForEach(params, function(key, value) {
- var input = document.createElement("input");
- input.name = key;
- input.value = value;
- form.appendChild(input);
- });
- document.body.appendChild(form);
- options['submitter'] ? options['submitter'](form) : form.submit();
- setTimeout(function () { form.parentNode.removeChild(form); }, 0);
- }
- }
- }());
-
- ko.exportSymbol('utils', ko.utils);
- ko.exportSymbol('utils.arrayForEach', ko.utils.arrayForEach);
- ko.exportSymbol('utils.arrayFirst', ko.utils.arrayFirst);
- ko.exportSymbol('utils.arrayFilter', ko.utils.arrayFilter);
- ko.exportSymbol('utils.arrayGetDistinctValues', ko.utils.arrayGetDistinctValues);
- ko.exportSymbol('utils.arrayIndexOf', ko.utils.arrayIndexOf);
- ko.exportSymbol('utils.arrayMap', ko.utils.arrayMap);
- ko.exportSymbol('utils.arrayPushAll', ko.utils.arrayPushAll);
- ko.exportSymbol('utils.arrayRemoveItem', ko.utils.arrayRemoveItem);
- ko.exportSymbol('utils.extend', ko.utils.extend);
- ko.exportSymbol('utils.fieldsIncludedWithJsonPost', ko.utils.fieldsIncludedWithJsonPost);
- ko.exportSymbol('utils.getFormFields', ko.utils.getFormFields);
- ko.exportSymbol('utils.peekObservable', ko.utils.peekObservable);
- ko.exportSymbol('utils.postJson', ko.utils.postJson);
- ko.exportSymbol('utils.parseJson', ko.utils.parseJson);
- ko.exportSymbol('utils.registerEventHandler', ko.utils.registerEventHandler);
- ko.exportSymbol('utils.stringifyJson', ko.utils.stringifyJson);
- ko.exportSymbol('utils.range', ko.utils.range);
- ko.exportSymbol('utils.toggleDomNodeCssClass', ko.utils.toggleDomNodeCssClass);
- ko.exportSymbol('utils.triggerEvent', ko.utils.triggerEvent);
- ko.exportSymbol('utils.unwrapObservable', ko.utils.unwrapObservable);
- ko.exportSymbol('utils.objectForEach', ko.utils.objectForEach);
- ko.exportSymbol('utils.addOrRemoveItem', ko.utils.addOrRemoveItem);
- ko.exportSymbol('unwrap', ko.utils.unwrapObservable); // Convenient shorthand, because this is used so commonly
-
- if (!Function.prototype['bind']) {
- // Function.prototype.bind is a standard part of ECMAScript 5th Edition (December 2009, http://www.ecma-international.org/publications/files/ECMA-ST/ECMA-262.pdf)
- // In case the browser doesn't implement it natively, provide a JavaScript implementation. This implementation is based on the one in prototype.js
- Function.prototype['bind'] = function (object) {
- var originalFunction = this, args = Array.prototype.slice.call(arguments), object = args.shift();
- return function () {
- return originalFunction.apply(object, args.concat(Array.prototype.slice.call(arguments)));
- };
- };
- }
-
- ko.utils.domData = new (function () {
- var uniqueId = 0;
- var dataStoreKeyExpandoPropertyName = "__ko__" + (new Date).getTime();
- var dataStore = {};
-
- function getAll(node, createIfNotFound) {
- var dataStoreKey = node[dataStoreKeyExpandoPropertyName];
- var hasExistingDataStore = dataStoreKey && (dataStoreKey !== "null") && dataStore[dataStoreKey];
- if (!hasExistingDataStore) {
- if (!createIfNotFound)
- return undefined;
- dataStoreKey = node[dataStoreKeyExpandoPropertyName] = "ko" + uniqueId++;
- dataStore[dataStoreKey] = {};
- }
- return dataStore[dataStoreKey];
- }
-
- return {
- get: function (node, key) {
- var allDataForNode = getAll(node, false);
- return allDataForNode === undefined ? undefined : allDataForNode[key];
- },
- set: function (node, key, value) {
- if (value === undefined) {
- // Make sure we don't actually create a new domData key if we are actually deleting a value
- if (getAll(node, false) === undefined)
- return;
- }
- var allDataForNode = getAll(node, true);
- allDataForNode[key] = value;
- },
- clear: function (node) {
- var dataStoreKey = node[dataStoreKeyExpandoPropertyName];
- if (dataStoreKey) {
- delete dataStore[dataStoreKey];
- node[dataStoreKeyExpandoPropertyName] = null;
- return true; // Exposing "did clean" flag purely so specs can infer whether things have been cleaned up as intended
- }
- return false;
- },
-
- nextKey: function () {
- return (uniqueId++) + dataStoreKeyExpandoPropertyName;
- }
- };
- })();
-
- ko.exportSymbol('utils.domData', ko.utils.domData);
- ko.exportSymbol('utils.domData.clear', ko.utils.domData.clear); // Exporting only so specs can clear up after themselves fully
-
- ko.utils.domNodeDisposal = new (function () {
- var domDataKey = ko.utils.domData.nextKey();
- var cleanableNodeTypes = { 1: true, 8: true, 9: true }; // Element, Comment, Document
- var cleanableNodeTypesWithDescendants = { 1: true, 9: true }; // Element, Document
-
- function getDisposeCallbacksCollection(node, createIfNotFound) {
- var allDisposeCallbacks = ko.utils.domData.get(node, domDataKey);
- if ((allDisposeCallbacks === undefined) && createIfNotFound) {
- allDisposeCallbacks = [];
- ko.utils.domData.set(node, domDataKey, allDisposeCallbacks);
- }
- return allDisposeCallbacks;
- }
- function destroyCallbacksCollection(node) {
- ko.utils.domData.set(node, domDataKey, undefined);
- }
-
- function cleanSingleNode(node) {
- // Run all the dispose callbacks
- var callbacks = getDisposeCallbacksCollection(node, false);
- if (callbacks) {
- callbacks = callbacks.slice(0); // Clone, as the array may be modified during iteration (typically, callbacks will remove themselves)
- for (var i = 0; i < callbacks.length; i++)
- callbacks[i](node);
- }
-
- // Also erase the DOM data
- ko.utils.domData.clear(node);
-
- // Special support for jQuery here because it's so commonly used.
- // Many jQuery plugins (including jquery.tmpl) store data using jQuery's equivalent of domData
- // so notify it to tear down any resources associated with the node & descendants here.
- if ((typeof jQuery == "function") && (typeof jQuery['cleanData'] == "function"))
- jQuery['cleanData']([node]);
-
- // Also clear any immediate-child comment nodes, as these wouldn't have been found by
- // node.getElementsByTagName("*") in cleanNode() (comment nodes aren't elements)
- if (cleanableNodeTypesWithDescendants[node.nodeType])
- cleanImmediateCommentTypeChildren(node);
- }
-
- function cleanImmediateCommentTypeChildren(nodeWithChildren) {
- var child, nextChild = nodeWithChildren.firstChild;
- while (child = nextChild) {
- nextChild = child.nextSibling;
- if (child.nodeType === 8)
- cleanSingleNode(child);
- }
- }
-
- return {
- addDisposeCallback : function(node, callback) {
- if (typeof callback != "function")
- throw new Error("Callback must be a function");
- getDisposeCallbacksCollection(node, true).push(callback);
- },
-
- removeDisposeCallback : function(node, callback) {
- var callbacksCollection = getDisposeCallbacksCollection(node, false);
- if (callbacksCollection) {
- ko.utils.arrayRemoveItem(callbacksCollection, callback);
- if (callbacksCollection.length == 0)
- destroyCallbacksCollection(node);
- }
- },
-
- cleanNode : function(node) {
- // First clean this node, where applicable
- if (cleanableNodeTypes[node.nodeType]) {
- cleanSingleNode(node);
-
- // ... then its descendants, where applicable
- if (cleanableNodeTypesWithDescendants[node.nodeType]) {
- // Clone the descendants list in case it changes during iteration
- var descendants = [];
- ko.utils.arrayPushAll(descendants, node.getElementsByTagName("*"));
- for (var i = 0, j = descendants.length; i < j; i++)
- cleanSingleNode(descendants[i]);
- }
- }
- return node;
- },
-
- removeNode : function(node) {
- ko.cleanNode(node);
- if (node.parentNode)
- node.parentNode.removeChild(node);
- }
- }
- })();
- ko.cleanNode = ko.utils.domNodeDisposal.cleanNode; // Shorthand name for convenience
- ko.removeNode = ko.utils.domNodeDisposal.removeNode; // Shorthand name for convenience
- ko.exportSymbol('cleanNode', ko.cleanNode);
- ko.exportSymbol('removeNode', ko.removeNode);
- ko.exportSymbol('utils.domNodeDisposal', ko.utils.domNodeDisposal);
- ko.exportSymbol('utils.domNodeDisposal.addDisposeCallback', ko.utils.domNodeDisposal.addDisposeCallback);
- ko.exportSymbol('utils.domNodeDisposal.removeDisposeCallback', ko.utils.domNodeDisposal.removeDisposeCallback);
- (function () {
- var leadingCommentRegex = /^(\s*)<!--(.*?)-->/;
-
- function simpleHtmlParse(html) {
- // Based on jQuery's "clean" function, but only accounting for table-related elements.
- // If you have referenced jQuery, this won't be used anyway - KO will use jQuery's "clean" function directly
-
- // Note that there's still an issue in IE < 9 whereby it will discard comment nodes that are the first child of
- // a descendant node. For example: "<div><!-- mycomment -->abc</div>" will get parsed as "<div>abc</div>"
- // This won't affect anyone who has referenced jQuery, and there's always the workaround of inserting a dummy node
- // (possibly a text node) in front of the comment. So, KO does not attempt to workaround this IE issue automatically at present.
-
- // Trim whitespace, otherwise indexOf won't work as expected
- var tags = ko.utils.stringTrim(html).toLowerCase(), div = document.createElement("div");
-
- // Finds the first match from the left column, and returns the corresponding "wrap" data from the right column
- var wrap = tags.match(/^<(thead|tbody|tfoot)/) && [1, "<table>", "</table>"] ||
- !tags.indexOf("<tr") && [2, "<table><tbody>", "</tbody></table>"] ||
- (!tags.indexOf("<td") || !tags.indexOf("<th")) && [3, "<table><tbody><tr>", "</tr></tbody></table>"] ||
- /* anything else */ [0, "", ""];
-
- // Go to html and back, then peel off extra wrappers
- // Note that we always prefix with some dummy text, because otherwise, IE<9 will strip out leading comment nodes in descendants. Total madness.
- var markup = "ignored<div>" + wrap[1] + html + wrap[2] + "</div>";
- if (typeof window['innerShiv'] == "function") {
- div.appendChild(window['innerShiv'](markup));
- } else {
- div.innerHTML = markup;
- }
-
- // Move to the right depth
- while (wrap[0]--)
- div = div.lastChild;
-
- return ko.utils.makeArray(div.lastChild.childNodes);
- }
-
- function jQueryHtmlParse(html) {
- // jQuery's "parseHTML" function was introduced in jQuery 1.8.0 and is a documented public API.
- if (jQuery['parseHTML']) {
- return jQuery['parseHTML'](html) || []; // Ensure we always return an array and never null
- } else {
- // For jQuery < 1.8.0, we fall back on the undocumented internal "clean" function.
- var elems = jQuery['clean']([html]);
-
- // As of jQuery 1.7.1, jQuery parses the HTML by appending it to some dummy parent nodes held in an in-memory document fragment.
- // Unfortunately, it never clears the dummy parent nodes from the document fragment, so it leaks memory over time.
- // Fix this by finding the top-most dummy parent element, and detaching it from its owner fragment.
- if (elems && elems[0]) {
- // Find the top-most parent element that's a direct child of a document fragment
- var elem = elems[0];
- while (elem.parentNode && elem.parentNode.nodeType !== 11 /* i.e., DocumentFragment */)
- elem = elem.parentNode;
- // ... then detach it
- if (elem.parentNode)
- elem.parentNode.removeChild(elem);
- }
-
- return elems;
- }
- }
-
- ko.utils.parseHtmlFragment = function(html) {
- return typeof jQuery != 'undefined' ? jQueryHtmlParse(html) // As below, benefit from jQuery's optimisations where possible
- : simpleHtmlParse(html); // ... otherwise, this simple logic will do in most common cases.
- };
-
- ko.utils.setHtml = function(node, html) {
- ko.utils.emptyDomNode(node);
-
- // There's no legitimate reason to display a stringified observable without unwrapping it, so we'll unwrap it
- html = ko.utils.unwrapObservable(html);
-
- if ((html !== null) && (html !== undefined)) {
- if (typeof html != 'string')
- html = html.toString();
-
- // jQuery contains a lot of sophisticated code to parse arbitrary HTML fragments,
- // for example <tr> elements which are not normally allowed to exist on their own.
- // If you've referenced jQuery we'll use that rather than duplicating its code.
- if (typeof jQuery != 'undefined') {
- jQuery(node)['html'](html);
- } else {
- // ... otherwise, use KO's own parsing logic.
- var parsedNodes = ko.utils.parseHtmlFragment(html);
- for (var i = 0; i < parsedNodes.length; i++)
- node.appendChild(parsedNodes[i]);
- }
- }
- };
- })();
-
- ko.exportSymbol('utils.parseHtmlFragment', ko.utils.parseHtmlFragment);
- ko.exportSymbol('utils.setHtml', ko.utils.setHtml);
-
- ko.memoization = (function () {
- var memos = {};
-
- function randomMax8HexChars() {
- return (((1 + Math.random()) * 0x100000000) | 0).toString(16).substring(1);
- }
- function generateRandomId() {
- return randomMax8HexChars() + randomMax8HexChars();
- }
- function findMemoNodes(rootNode, appendToArray) {
- if (!rootNode)
- return;
- if (rootNode.nodeType == 8) {
- var memoId = ko.memoization.parseMemoText(rootNode.nodeValue);
- if (memoId != null)
- appendToArray.push({ domNode: rootNode, memoId: memoId });
- } else if (rootNode.nodeType == 1) {
- for (var i = 0, childNodes = rootNode.childNodes, j = childNodes.length; i < j; i++)
- findMemoNodes(childNodes[i], appendToArray);
- }
- }
-
- return {
- memoize: function (callback) {
- if (typeof callback != "function")
- throw new Error("You can only pass a function to ko.memoization.memoize()");
- var memoId = generateRandomId();
- memos[memoId] = callback;
- return "<!--[ko_memo:" + memoId + "]-->";
- },
-
- unmemoize: function (memoId, callbackParams) {
- var callback = memos[memoId];
- if (callback === undefined)
- throw new Error("Couldn't find any memo with ID " + memoId + ". Perhaps it's already been unmemoized.");
- try {
- callback.apply(null, callbackParams || []);
- return true;
- }
- finally { delete memos[memoId]; }
- },
-
- unmemoizeDomNodeAndDescendants: function (domNode, extraCallbackParamsArray) {
- var memos = [];
- findMemoNodes(domNode, memos);
- for (var i = 0, j = memos.length; i < j; i++) {
- var node = memos[i].domNode;
- var combinedParams = [node];
- if (extraCallbackParamsArray)
- ko.utils.arrayPushAll(combinedParams, extraCallbackParamsArray);
- ko.memoization.unmemoize(memos[i].memoId, combinedParams);
- node.nodeValue = ""; // Neuter this node so we don't try to unmemoize it again
- if (node.parentNode)
- node.parentNode.removeChild(node); // If possible, erase it totally (not always possible - someone else might just hold a reference to it then call unmemoizeDomNodeAndDescendants again)
- }
- },
-
- parseMemoText: function (memoText) {
- var match = memoText.match(/^\[ko_memo\:(.*?)\]$/);
- return match ? match[1] : null;
- }
- };
- })();
-
- ko.exportSymbol('memoization', ko.memoization);
- ko.exportSymbol('memoization.memoize', ko.memoization.memoize);
- ko.exportSymbol('memoization.unmemoize', ko.memoization.unmemoize);
- ko.exportSymbol('memoization.parseMemoText', ko.memoization.parseMemoText);
- ko.exportSymbol('memoization.unmemoizeDomNodeAndDescendants', ko.memoization.unmemoizeDomNodeAndDescendants);
- ko.extenders = {
- 'throttle': function(target, timeout) {
- // Throttling means two things:
-
- // (1) For dependent observables, we throttle *evaluations* so that, no matter how fast its dependencies
- // notify updates, the target doesn't re-evaluate (and hence doesn't notify) faster than a certain rate
- target['throttleEvaluation'] = timeout;
-
- // (2) For writable targets (observables, or writable dependent observables), we throttle *writes*
- // so the target cannot change value synchronously or faster than a certain rate
- var writeTimeoutInstance = null;
- return ko.dependentObservable({
- 'read': target,
- 'write': function(value) {
- clearTimeout(writeTimeoutInstance);
- writeTimeoutInstance = setTimeout(function() {
- target(value);
- }, timeout);
- }
- });
- },
-
- 'notify': function(target, notifyWhen) {
- target["equalityComparer"] = notifyWhen == "always" ?
- null : // null equalityComparer means to always notify
- valuesArePrimitiveAndEqual;
- }
- };
-
- var primitiveTypes = { 'undefined':1, 'boolean':1, 'number':1, 'string':1 };
- function valuesArePrimitiveAndEqual(a, b) {
- var oldValueIsPrimitive = (a === null) || (typeof(a) in primitiveTypes);
- return oldValueIsPrimitive ? (a === b) : false;
- }
-
- function applyExtenders(requestedExtenders) {
- var target = this;
- if (requestedExtenders) {
- ko.utils.objectForEach(requestedExtenders, function(key, value) {
- var extenderHandler = ko.extenders[key];
- if (typeof extenderHandler == 'function') {
- target = extenderHandler(target, value) || target;
- }
- });
- }
- return target;
- }
-
- ko.exportSymbol('extenders', ko.extenders);
-
- ko.subscription = function (target, callback, disposeCallback) {
- this.target = target;
- this.callback = callback;
- this.disposeCallback = disposeCallback;
- ko.exportProperty(this, 'dispose', this.dispose);
- };
- ko.subscription.prototype.dispose = function () {
- this.isDisposed = true;
- this.disposeCallback();
- };
-
- ko.subscribable = function () {
- this._subscriptions = {};
-
- ko.utils.extend(this, ko.subscribable['fn']);
- ko.exportProperty(this, 'subscribe', this.subscribe);
- ko.exportProperty(this, 'extend', this.extend);
- ko.exportProperty(this, 'getSubscriptionsCount', this.getSubscriptionsCount);
- }
-
- var defaultEvent = "change";
-
- ko.subscribable['fn'] = {
- subscribe: function (callback, callbackTarget, event) {
- event = event || defaultEvent;
- var boundCallback = callbackTarget ? callback.bind(callbackTarget) : callback;
-
- var subscription = new ko.subscription(this, boundCallback, function () {
- ko.utils.arrayRemoveItem(this._subscriptions[event], subscription);
- }.bind(this));
-
- if (!this._subscriptions[event])
- this._subscriptions[event] = [];
- this._subscriptions[event].push(subscription);
- return subscription;
- },
-
- "notifySubscribers": function (valueToNotify, event) {
- event = event || defaultEvent;
- if (this.hasSubscriptionsForEvent(event)) {
- try {
- ko.dependencyDetection.begin();
- for (var a = this._subscriptions[event].slice(0), i = 0, subscription; subscription = a[i]; ++i) {
- // In case a subscription was disposed during the arrayForEach cycle, check
- // for isDisposed on each subscription before invoking its callback
- if (subscription && (subscription.isDisposed !== true))
- subscription.callback(valueToNotify);
- }
- } finally {
- ko.dependencyDetection.end();
- }
- }
- },
-
- hasSubscriptionsForEvent: function(event) {
- return this._subscriptions[event] && this._subscriptions[event].length;
- },
-
- getSubscriptionsCount: function () {
- var total = 0;
- ko.utils.objectForEach(this._subscriptions, function(eventName, subscriptions) {
- total += subscriptions.length;
- });
- return total;
- },
-
- extend: applyExtenders
- };
-
-
- ko.isSubscribable = function (instance) {
- return instance != null && typeof instance.subscribe == "function" && typeof instance["notifySubscribers"] == "function";
- };
-
- ko.exportSymbol('subscribable', ko.subscribable);
- ko.exportSymbol('isSubscribable', ko.isSubscribable);
-
- ko.dependencyDetection = (function () {
- var _frames = [];
-
- return {
- begin: function (callback) {
- _frames.push(callback && { callback: callback, distinctDependencies:[] });
- },
-
- end: function () {
- _frames.pop();
- },
-
- registerDependency: function (subscribable) {
- if (!ko.isSubscribable(subscribable))
- throw new Error("Only subscribable things can act as dependencies");
- if (_frames.length > 0) {
- var topFrame = _frames[_frames.length - 1];
- if (!topFrame || ko.utils.arrayIndexOf(topFrame.distinctDependencies, subscribable) >= 0)
- return;
- topFrame.distinctDependencies.push(subscribable);
- topFrame.callback(subscribable);
- }
- },
-
- ignore: function(callback, callbackTarget, callbackArgs) {
- try {
- _frames.push(null);
- return callback.apply(callbackTarget, callbackArgs || []);
- } finally {
- _frames.pop();
- }
- }
- };
- })();
- ko.observable = function (initialValue) {
- var _latestValue = initialValue;
-
- function observable() {
- if (arguments.length > 0) {
- // Write
-
- // Ignore writes if the value hasn't changed
- if (!observable['equalityComparer'] || !observable['equalityComparer'](_latestValue, arguments[0])) {
- observable.valueWillMutate();
- _latestValue = arguments[0];
- if (DEBUG) observable._latestValue = _latestValue;
- observable.valueHasMutated();
- }
- return this; // Permits chained assignments
- }
- else {
- // Read
- ko.dependencyDetection.registerDependency(observable); // The caller only needs to be notified of changes if they did a "read" operation
- return _latestValue;
- }
- }
- if (DEBUG) observable._latestValue = _latestValue;
- ko.subscribable.call(observable);
- observable.peek = function() { return _latestValue };
- observable.valueHasMutated = function () { observable["notifySubscribers"](_latestValue); }
- observable.valueWillMutate = function () { observable["notifySubscribers"](_latestValue, "beforeChange"); }
- ko.utils.extend(observable, ko.observable['fn']);
-
- ko.exportProperty(observable, 'peek', observable.peek);
- ko.exportProperty(observable, "valueHasMutated", observable.valueHasMutated);
- ko.exportProperty(observable, "valueWillMutate", observable.valueWillMutate);
-
- return observable;
- }
-
- ko.observable['fn'] = {
- "equalityComparer": valuesArePrimitiveAndEqual
- };
-
- var protoProperty = ko.observable.protoProperty = "__ko_proto__";
- ko.observable['fn'][protoProperty] = ko.observable;
-
- ko.hasPrototype = function(instance, prototype) {
- if ((instance === null) || (instance === undefined) || (instance[protoProperty] === undefined)) return false;
- if (instance[protoProperty] === prototype) return true;
- return ko.hasPrototype(instance[protoProperty], prototype); // Walk the prototype chain
- };
-
- ko.isObservable = function (instance) {
- return ko.hasPrototype(instance, ko.observable);
- }
- ko.isWriteableObservable = function (instance) {
- // Observable
- if ((typeof instance == "function") && instance[protoProperty] === ko.observable)
- return true;
- // Writeable dependent observable
- if ((typeof instance == "function") && (instance[protoProperty] === ko.dependentObservable) && (instance.hasWriteFunction))
- return true;
- // Anything else
- return false;
- }
-
-
- ko.exportSymbol('observable', ko.observable);
- ko.exportSymbol('isObservable', ko.isObservable);
- ko.exportSymbol('isWriteableObservable', ko.isWriteableObservable);
- ko.observableArray = function (initialValues) {
- initialValues = initialValues || [];
-
- if (typeof initialValues != 'object' || !('length' in initialValues))
- throw new Error("The argument passed when initializing an observable array must be an array, or null, or undefined.");
-
- var result = ko.observable(initialValues);
- ko.utils.extend(result, ko.observableArray['fn']);
- return result.extend({'trackArrayChanges':true});
- };
-
- ko.observableArray['fn'] = {
- 'remove': function (valueOrPredicate) {
- var underlyingArray = this.peek();
- var removedValues = [];
- var predicate = typeof valueOrPredicate == "function" && !ko.isObservable(valueOrPredicate) ? valueOrPredicate : function (value) { return value === valueOrPredicate; };
- for (var i = 0; i < underlyingArray.length; i++) {
- var value = underlyingArray[i];
- if (predicate(value)) {
- if (removedValues.length === 0) {
- this.valueWillMutate();
- }
- removedValues.push(value);
- underlyingArray.splice(i, 1);
- i--;
- }
- }
- if (removedValues.length) {
- this.valueHasMutated();
- }
- return removedValues;
- },
-
- 'removeAll': function (arrayOfValues) {
- // If you passed zero args, we remove everything
- if (arrayOfValues === undefined) {
- var underlyingArray = this.peek();
- var allValues = underlyingArray.slice(0);
- this.valueWillMutate();
- underlyingArray.splice(0, underlyingArray.length);
- this.valueHasMutated();
- return allValues;
- }
- // If you passed an arg, we interpret it as an array of entries to remove
- if (!arrayOfValues)
- return [];
- return this['remove'](function (value) {
- return ko.utils.arrayIndexOf(arrayOfValues, value) >= 0;
- });
- },
-
- 'destroy': function (valueOrPredicate) {
- var underlyingArray = this.peek();
- var predicate = typeof valueOrPredicate == "function" && !ko.isObservable(valueOrPredicate) ? valueOrPredicate : function (value) { return value === valueOrPredicate; };
- this.valueWillMutate();
- for (var i = underlyingArray.length - 1; i >= 0; i--) {
- var value = underlyingArray[i];
- if (predicate(value))
- underlyingArray[i]["_destroy"] = true;
- }
- this.valueHasMutated();
- },
-
- 'destroyAll': function (arrayOfValues) {
- // If you passed zero args, we destroy everything
- if (arrayOfValues === undefined)
- return this['destroy'](function() { return true });
-
- // If you passed an arg, we interpret it as an array of entries to destroy
- if (!arrayOfValues)
- return [];
- return this['destroy'](function (value) {
- return ko.utils.arrayIndexOf(arrayOfValues, value) >= 0;
- });
- },
-
- 'indexOf': function (item) {
- var underlyingArray = this();
- return ko.utils.arrayIndexOf(underlyingArray, item);
- },
-
- 'replace': function(oldItem, newItem) {
- var index = this['indexOf'](oldItem);
- if (index >= 0) {
- this.valueWillMutate();
- this.peek()[index] = newItem;
- this.valueHasMutated();
- }
- }
- };
-
-// Populate ko.observableArray.fn with read/write functions from native arrays
-// Important: Do not add any additional functions here that may reasonably be used to *read* data from the array
-// because we'll eval them without causing subscriptions, so ko.computed output could end up getting stale
- ko.utils.arrayForEach(["pop", "push", "reverse", "shift", "sort", "splice", "unshift"], function (methodName) {
- ko.observableArray['fn'][methodName] = function () {
- // Use "peek" to avoid creating a subscription in any computed that we're executing in the context of
- // (for consistency with mutating regular observables)
- var underlyingArray = this.peek();
- this.valueWillMutate();
- this.cacheDiffForKnownOperation(underlyingArray, methodName, arguments);
- var methodCallResult = underlyingArray[methodName].apply(underlyingArray, arguments);
- this.valueHasMutated();
- return methodCallResult;
- };
- });
-
-// Populate ko.observableArray.fn with read-only functions from native arrays
- ko.utils.arrayForEach(["slice"], function (methodName) {
- ko.observableArray['fn'][methodName] = function () {
- var underlyingArray = this();
- return underlyingArray[methodName].apply(underlyingArray, arguments);
- };
- });
-
- ko.exportSymbol('observableArray', ko.observableArray);
- var arrayChangeEventName = 'arrayChange';
- ko.extenders['trackArrayChanges'] = function(target) {
- // Only modify the target observable once
- if (target.cacheDiffForKnownOperation) {
- return;
- }
- var trackingChanges = false,
- cachedDiff = null,
- pendingNotifications = 0,
- underlyingSubscribeFunction = target.subscribe;
-
- // Intercept "subscribe" calls, and for array change events, ensure change tracking is enabled
- target.subscribe = target['subscribe'] = function(callback, callbackTarget, event) {
- if (event === arrayChangeEventName) {
- trackChanges();
- }
- return underlyingSubscribeFunction.apply(this, arguments);
- };
-
- function trackChanges() {
- // Calling 'trackChanges' multiple times is the same as calling it once
- if (trackingChanges) {
- return;
- }
-
- trackingChanges = true;
-
- // Intercept "notifySubscribers" to track how many times it was called.
- var underlyingNotifySubscribersFunction = target['notifySubscribers'];
- target['notifySubscribers'] = function(valueToNotify, event) {
- if (!event || event === defaultEvent) {
- ++pendingNotifications;
- }
- return underlyingNotifySubscribersFunction.apply(this, arguments);
- };
-
- // Each time the array changes value, capture a clone so that on the next
- // change it's possible to produce a diff
- var previousContents = [].concat(target.peek() || []);
- cachedDiff = null;
- target.subscribe(function(currentContents) {
- // Make a copy of the current contents and ensure it's an array
- currentContents = [].concat(currentContents || []);
-
- // Compute the diff and issue notifications, but only if someone is listening
- if (target.hasSubscriptionsForEvent(arrayChangeEventName)) {
- var changes = getChanges(previousContents, currentContents);
- target['notifySubscribers'](changes, arrayChangeEventName);
- }
-
- // Eliminate references to the old, removed items, so they can be GCed
- previousContents = currentContents;
- cachedDiff = null;
- pendingNotifications = 0;
- });
- }
-
- function getChanges(previousContents, currentContents) {
- // We try to re-use cached diffs.
- // The only scenario where pendingNotifications > 1 is when using the KO 'deferred updates' plugin,
- // which without this check would not be compatible with arrayChange notifications. Without that
- // plugin, notifications are always issued immediately so we wouldn't be queueing up more than one.
- if (!cachedDiff || pendingNotifications > 1) {
- cachedDiff = ko.utils.compareArrays(previousContents, currentContents, { 'sparse': true });
- }
-
- return cachedDiff;
- }
-
- target.cacheDiffForKnownOperation = function(rawArray, operationName, args) {
- // Only run if we're currently tracking changes for this observable array
- // and there aren't any pending deferred notifications.
- if (!trackingChanges || pendingNotifications) {
- return;
- }
- var diff = [],
- arrayLength = rawArray.length,
- argsLength = args.length,
- offset = 0;
-
- function pushDiff(status, value, index) {
- diff.push({ 'status': status, 'value': value, 'index': index });
- }
- switch (operationName) {
- case 'push':
- offset = arrayLength;
- case 'unshift':
- for (var index = 0; index < argsLength; index++) {
- pushDiff('added', args[index], offset + index);
- }
- break;
-
- case 'pop':
- offset = arrayLength - 1;
- case 'shift':
- if (arrayLength) {
- pushDiff('deleted', rawArray[offset], offset);
- }
- break;
-
- case 'splice':
- // Negative start index means 'from end of array'. After that we clamp to [0...arrayLength].
- // See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/splice
- var startIndex = Math.min(Math.max(0, args[0] < 0 ? arrayLength + args[0] : args[0]), arrayLength),
- endDeleteIndex = argsLength === 1 ? arrayLength : Math.min(startIndex + (args[1] || 0), arrayLength),
- endAddIndex = startIndex + argsLength - 2,
- endIndex = Math.max(endDeleteIndex, endAddIndex);
- for (var index = startIndex, argsIndex = 2; index < endIndex; ++index, ++argsIndex) {
- if (index < endDeleteIndex)
- pushDiff('deleted', rawArray[index], index);
- if (index < endAddIndex)
- pushDiff('added', args[argsIndex], index);
- }
- break;
-
- default:
- return;
- }
- cachedDiff = diff;
- };
- };
- ko.dependentObservable = function (evaluatorFunctionOrOptions, evaluatorFunctionTarget, options) {
- var _latestValue,
- _hasBeenEvaluated = false,
- _isBeingEvaluated = false,
- _suppressDisposalUntilDisposeWhenReturnsFalse = false,
- readFunction = evaluatorFunctionOrOptions;
-
- if (readFunction && typeof readFunction == "object") {
- // Single-parameter syntax - everything is on this "options" param
- options = readFunction;
- readFunction = options["read"];
- } else {
- // Multi-parameter syntax - construct the options according to the params passed
- options = options || {};
- if (!readFunction)
- readFunction = options["read"];
- }
- if (typeof readFunction != "function")
- throw new Error("Pass a function that returns the value of the ko.computed");
-
- function addSubscriptionToDependency(subscribable) {
- _subscriptionsToDependencies.push(subscribable.subscribe(evaluatePossiblyAsync));
- }
-
- function disposeAllSubscriptionsToDependencies() {
- ko.utils.arrayForEach(_subscriptionsToDependencies, function (subscription) {
- subscription.dispose();
- });
- _subscriptionsToDependencies = [];
- }
-
- function evaluatePossiblyAsync() {
- var throttleEvaluationTimeout = dependentObservable['throttleEvaluation'];
- if (throttleEvaluationTimeout && throttleEvaluationTimeout >= 0) {
- clearTimeout(evaluationTimeoutInstance);
- evaluationTimeoutInstance = setTimeout(evaluateImmediate, throttleEvaluationTimeout);
- } else
- evaluateImmediate();
- }
-
- function evaluateImmediate() {
- if (_isBeingEvaluated) {
- // If the evaluation of a ko.computed causes side effects, it's possible that it will trigger its own re-evaluation.
- // This is not desirable (it's hard for a developer to realise a chain of dependencies might cause this, and they almost
- // certainly didn't intend infinite re-evaluations). So, for predictability, we simply prevent ko.computeds from causing
- // their own re-evaluation. Further discussion at https://github.com/SteveSanderson/knockout/pull/387
- return;
- }
-
- if (disposeWhen && disposeWhen()) {
- // See comment below about _suppressDisposalUntilDisposeWhenReturnsFalse
- if (!_suppressDisposalUntilDisposeWhenReturnsFalse) {
- dispose();
- _hasBeenEvaluated = true;
- return;
- }
- } else {
- // It just did return false, so we can stop suppressing now
- _suppressDisposalUntilDisposeWhenReturnsFalse = false;
- }
-
- _isBeingEvaluated = true;
- try {
- // Initially, we assume that none of the subscriptions are still being used (i.e., all are candidates for disposal).
- // Then, during evaluation, we cross off any that are in fact still being used.
- var disposalCandidates = ko.utils.arrayMap(_subscriptionsToDependencies, function(item) {return item.target;});
-
- ko.dependencyDetection.begin(function(subscribable) {
- var inOld;
- if ((inOld = ko.utils.arrayIndexOf(disposalCandidates, subscribable)) >= 0)
- disposalCandidates[inOld] = undefined; // Don't want to dispose this subscription, as it's still being used
- else
- addSubscriptionToDependency(subscribable); // Brand new subscription - add it
- });
-
- var newValue = evaluatorFunctionTarget ? readFunction.call(evaluatorFunctionTarget) : readFunction();
-
- // For each subscription no longer being used, remove it from the active subscriptions list and dispose it
- for (var i = disposalCandidates.length - 1; i >= 0; i--) {
- if (disposalCandidates[i])
- _subscriptionsToDependencies.splice(i, 1)[0].dispose();
- }
- _hasBeenEvaluated = true;
-
- if (!dependentObservable['equalityComparer'] || !dependentObservable['equalityComparer'](_latestValue, newValue)) {
- dependentObservable["notifySubscribers"](_latestValue, "beforeChange");
-
- _latestValue = newValue;
- if (DEBUG) dependentObservable._latestValue = _latestValue;
- dependentObservable["notifySubscribers"](_latestValue);
- }
- } finally {
- ko.dependencyDetection.end();
- _isBeingEvaluated = false;
- }
-
- if (!_subscriptionsToDependencies.length)
- dispose();
- }
-
- function dependentObservable() {
- if (arguments.length > 0) {
- if (typeof writeFunction === "function") {
- // Writing a value
- writeFunction.apply(evaluatorFunctionTarget, arguments);
- } else {
- throw new Error("Cannot write a value to a ko.computed unless you specify a 'write' option. If you wish to read the current value, don't pass any parameters.");
- }
- return this; // Permits chained assignments
- } else {
- // Reading the value
- if (!_hasBeenEvaluated)
- evaluateImmediate();
- ko.dependencyDetection.registerDependency(dependentObservable);
- return _latestValue;
- }
- }
-
- function peek() {
- if (!_hasBeenEvaluated)
- evaluateImmediate();
- return _latestValue;
- }
-
- function isActive() {
- return !_hasBeenEvaluated || _subscriptionsToDependencies.length > 0;
- }
-
- // By here, "options" is always non-null
- var writeFunction = options["write"],
- disposeWhenNodeIsRemoved = options["disposeWhenNodeIsRemoved"] || options.disposeWhenNodeIsRemoved || null,
- disposeWhenOption = options["disposeWhen"] || options.disposeWhen,
- disposeWhen = disposeWhenOption,
- dispose = disposeAllSubscriptionsToDependencies,
- _subscriptionsToDependencies = [],
- evaluationTimeoutInstance = null;
-
- if (!evaluatorFunctionTarget)
- evaluatorFunctionTarget = options["owner"];
-
- dependentObservable.peek = peek;
- dependentObservable.getDependenciesCount = function () { return _subscriptionsToDependencies.length; };
- dependentObservable.hasWriteFunction = typeof options["write"] === "function";
- dependentObservable.dispose = function () { dispose(); };
- dependentObservable.isActive = isActive;
-
- ko.subscribable.call(dependentObservable);
- ko.utils.extend(dependentObservable, ko.dependentObservable['fn']);
-
- ko.exportProperty(dependentObservable, 'peek', dependentObservable.peek);
- ko.exportProperty(dependentObservable, 'dispose', dependentObservable.dispose);
- ko.exportProperty(dependentObservable, 'isActive', dependentObservable.isActive);
- ko.exportProperty(dependentObservable, 'getDependenciesCount', dependentObservable.getDependenciesCount);
-
- // Add a "disposeWhen" callback that, on each evaluation, disposes if the node was removed without using ko.removeNode.
- if (disposeWhenNodeIsRemoved) {
- // Since this computed is associated with a DOM node, and we don't want to dispose the computed
- // until the DOM node is *removed* from the document (as opposed to never having been in the document),
- // we'll prevent disposal until "disposeWhen" first returns false.
- _suppressDisposalUntilDisposeWhenReturnsFalse = true;
-
- // Only watch for the node's disposal if the value really is a node. It might not be,
- // e.g., { disposeWhenNodeIsRemoved: true } can be used to opt into the "only dispose
- // after first false result" behaviour even if there's no specific node to watch. This
- // technique is intended for KO's internal use only and shouldn't be documented or used
- // by application code, as it's likely to change in a future version of KO.
- if (disposeWhenNodeIsRemoved.nodeType) {
- disposeWhen = function () {
- return !ko.utils.domNodeIsAttachedToDocument(disposeWhenNodeIsRemoved) || (disposeWhenOption && disposeWhenOption());
- };
- }
- }
-
- // Evaluate, unless deferEvaluation is true
- if (options['deferEvaluation'] !== true)
- evaluateImmediate();
-
- // Attach a DOM node disposal callback so that the computed will be proactively disposed as soon as the node is
- // removed using ko.removeNode. But skip if isActive is false (there will never be any dependencies to dispose).
- if (disposeWhenNodeIsRemoved && isActive()) {
- dispose = function() {
- ko.utils.domNodeDisposal.removeDisposeCallback(disposeWhenNodeIsRemoved, dispose);
- disposeAllSubscriptionsToDependencies();
- };
- ko.utils.domNodeDisposal.addDisposeCallback(disposeWhenNodeIsRemoved, dispose);
- }
-
- return dependentObservable;
- };
-
- ko.isComputed = function(instance) {
- return ko.hasPrototype(instance, ko.dependentObservable);
- };
-
- var protoProp = ko.observable.protoProperty; // == "__ko_proto__"
- ko.dependentObservable[protoProp] = ko.observable;
-
- ko.dependentObservable['fn'] = {
- "equalityComparer": valuesArePrimitiveAndEqual
- };
- ko.dependentObservable['fn'][protoProp] = ko.dependentObservable;
-
- ko.exportSymbol('dependentObservable', ko.dependentObservable);
- ko.exportSymbol('computed', ko.dependentObservable); // Make "ko.computed" an alias for "ko.dependentObservable"
- ko.exportSymbol('isComputed', ko.isComputed);
-
- (function() {
- var maxNestedObservableDepth = 10; // Escape the (unlikely) pathalogical case where an observable's current value is itself (or similar reference cycle)
-
- ko.toJS = function(rootObject) {
- if (arguments.length == 0)
- throw new Error("When calling ko.toJS, pass the object you want to convert.");
-
- // We just unwrap everything at every level in the object graph
- return mapJsObjectGraph(rootObject, function(valueToMap) {
- // Loop because an observable's value might in turn be another observable wrapper
- for (var i = 0; ko.isObservable(valueToMap) && (i < maxNestedObservableDepth); i++)
- valueToMap = valueToMap();
- return valueToMap;
- });
- };
-
- ko.toJSON = function(rootObject, replacer, space) { // replacer and space are optional
- var plainJavaScriptObject = ko.toJS(rootObject);
- return ko.utils.stringifyJson(plainJavaScriptObject, replacer, space);
- };
-
- function mapJsObjectGraph(rootObject, mapInputCallback, visitedObjects) {
- visitedObjects = visitedObjects || new objectLookup();
-
- rootObject = mapInputCallback(rootObject);
- var canHaveProperties = (typeof rootObject == "object") && (rootObject !== null) && (rootObject !== undefined) && (!(rootObject instanceof Date)) && (!(rootObject instanceof String)) && (!(rootObject instanceof Number)) && (!(rootObject instanceof Boolean));
- if (!canHaveProperties)
- return rootObject;
-
- var outputProperties = rootObject instanceof Array ? [] : {};
- visitedObjects.save(rootObject, outputProperties);
-
- visitPropertiesOrArrayEntries(rootObject, function(indexer) {
- var propertyValue = mapInputCallback(rootObject[indexer]);
-
- switch (typeof propertyValue) {
- case "boolean":
- case "number":
- case "string":
- case "function":
- outputProperties[indexer] = propertyValue;
- break;
- case "object":
- case "undefined":
- var previouslyMappedValue = visitedObjects.get(propertyValue);
- outputProperties[indexer] = (previouslyMappedValue !== undefined)
- ? previouslyMappedValue
- : mapJsObjectGraph(propertyValue, mapInputCallback, visitedObjects);
- break;
- }
- });
-
- return outputProperties;
- }
-
- function visitPropertiesOrArrayEntries(rootObject, visitorCallback) {
- if (rootObject instanceof Array) {
- for (var i = 0; i < rootObject.length; i++)
- visitorCallback(i);
-
- // For arrays, also respect toJSON property for custom mappings (fixes #278)
- if (typeof rootObject['toJSON'] == 'function')
- visitorCallback('toJSON');
- } else {
- for (var propertyName in rootObject) {
- if (propertyName === 'toJSON' || typeof rootObject[propertyName] !== 'function' || ko.isObservable(rootObject[propertyName]))
- visitorCallback(propertyName);
- }
- }
- };
-
- function objectLookup() {
- this.keys = [];
- this.values = [];
- };
-
- objectLookup.prototype = {
- constructor: objectLookup,
- save: function(key, value) {
- var existingIndex = ko.utils.arrayIndexOf(this.keys, key);
- if (existingIndex >= 0)
- this.values[existingIndex] = value;
- else {
- this.keys.push(key);
- this.values.push(value);
- }
- },
- get: function(key) {
- var existingIndex = ko.utils.arrayIndexOf(this.keys, key);
- return (existingIndex >= 0) ? this.values[existingIndex] : undefined;
- }
- };
- })();
-
- ko.exportSymbol('toJS', ko.toJS);
- ko.exportSymbol('toJSON', ko.toJSON);
- (function () {
- var hasDomDataExpandoProperty = '__ko__hasDomDataOptionValue__';
-
- // Normally, SELECT elements and their OPTIONs can only take value of type 'string' (because the values
- // are stored on DOM attributes). ko.selectExtensions provides a way for SELECTs/OPTIONs to have values
- // that are arbitrary objects. This is very convenient when implementing things like cascading dropdowns.
- ko.selectExtensions = {
- readValue : function(element) {
- switch (ko.utils.tagNameLower(element)) {
- case 'option':
- if (element[hasDomDataExpandoProperty] === true)
- return ko.utils.domData.get(element, ko.bindingHandlers.options.optionValueDomDataKey);
- return ko.utils.ieVersion <= 7
- ? (element.getAttributeNode('value') && element.getAttributeNode('value').specified ? element.value : element.text)
- : element.value;
- case 'select':
- return element.selectedIndex >= 0 ? ko.selectExtensions.readValue(element.options[element.selectedIndex]) : undefined;
- default:
- return element.value;
- }
- },
-
- writeValue: function(element, value) {
- switch (ko.utils.tagNameLower(element)) {
- case 'option':
- switch(typeof value) {
- case "string":
- ko.utils.domData.set(element, ko.bindingHandlers.options.optionValueDomDataKey, undefined);
- if (hasDomDataExpandoProperty in element) { // IE <= 8 throws errors if you delete non-existent properties from a DOM node
- delete element[hasDomDataExpandoProperty];
- }
- element.value = value;
- break;
- default:
- // Store arbitrary object using DomData
- ko.utils.domData.set(element, ko.bindingHandlers.options.optionValueDomDataKey, value);
- element[hasDomDataExpandoProperty] = true;
-
- // Special treatment of numbers is just for backward compatibility. KO 1.2.1 wrote numerical values to element.value.
- element.value = typeof value === "number" ? value : "";
- break;
- }
- break;
- case 'select':
- if (value === "")
- value = undefined;
- if (value === null || value === undefined)
- element.selectedIndex = -1;
- for (var i = element.options.length - 1; i >= 0; i--) {
- if (ko.selectExtensions.readValue(element.options[i]) == value) {
- element.selectedIndex = i;
- break;
- }
- }
- // for drop-down select, ensure first is selected
- if (!(element.size > 1) && element.selectedIndex === -1) {
- element.selectedIndex = 0;
- }
- break;
- default:
- if ((value === null) || (value === undefined))
- value = "";
- element.value = value;
- break;
- }
- }
- };
- })();
-
- ko.exportSymbol('selectExtensions', ko.selectExtensions);
- ko.exportSymbol('selectExtensions.readValue', ko.selectExtensions.readValue);
- ko.exportSymbol('selectExtensions.writeValue', ko.selectExtensions.writeValue);
- ko.expressionRewriting = (function () {
- var javaScriptReservedWords = ["true", "false", "null", "undefined"];
-
- // Matches something that can be assigned to--either an isolated identifier or something ending with a property accessor
- // This is designed to be simple and avoid false negatives, but could produce false positives (e.g., a+b.c).
- // This also will not properly handle nested brackets (e.g., obj1[obj2['prop']]; see #911).
- var javaScriptAssignmentTarget = /^(?:[$_a-z][$\w]*|(.+)(\.\s*[$_a-z][$\w]*|\[.+\]))$/i;
-
- function getWriteableValue(expression) {
- if (ko.utils.arrayIndexOf(javaScriptReservedWords, expression) >= 0)
- return false;
- var match = expression.match(javaScriptAssignmentTarget);
- return match === null ? false : match[1] ? ('Object(' + match[1] + ')' + match[2]) : expression;
- }
-
- // The following regular expressions will be used to split an object-literal string into tokens
-
- // These two match strings, either with double quotes or single quotes
- var stringDouble = '"(?:[^"\\\\]|\\\\.)*"',
- stringSingle = "'(?:[^'\\\\]|\\\\.)*'",
- // Matches a regular expression (text enclosed by slashes), but will also match sets of divisions
- // as a regular expression (this is handled by the parsing loop below).
- stringRegexp = '/(?:[^/\\\\]|\\\\.)*/\w*',
- // These characters have special meaning to the parser and must not appear in the middle of a
- // token, except as part of a string.
- specials = ',"\'{}()/:[\\]',
- // Match text (at least two characters) that does not contain any of the above special characters,
- // although some of the special characters are allowed to start it (all but the colon and comma).
- // The text can contain spaces, but leading or trailing spaces are skipped.
- everyThingElse = '[^\\s:,/][^' + specials + ']*[^\\s' + specials + ']',
- // Match any non-space character not matched already. This will match colons and commas, since they're
- // not matched by "everyThingElse", but will also match any other single character that wasn't already
- // matched (for example: in "a: 1, b: 2", each of the non-space characters will be matched by oneNotSpace).
- oneNotSpace = '[^\\s]',
-
- // Create the actual regular expression by or-ing the above strings. The order is important.
- bindingToken = RegExp(stringDouble + '|' + stringSingle + '|' + stringRegexp + '|' + everyThingElse + '|' + oneNotSpace, 'g'),
-
- // Match end of previous token to determine whether a slash is a division or regex.
- divisionLookBehind = /[\])"'A-Za-z0-9_$]+$/,
- keywordRegexLookBehind = {'in':1,'return':1,'typeof':1};
-
- function parseObjectLiteral(objectLiteralString) {
- // Trim leading and trailing spaces from the string
- var str = ko.utils.stringTrim(objectLiteralString);
-
- // Trim braces '{' surrounding the whole object literal
- if (str.charCodeAt(0) === 123) str = str.slice(1, -1);
-
- // Split into tokens
- var result = [], toks = str.match(bindingToken), key, values, depth = 0;
-
- if (toks) {
- // Append a comma so that we don't need a separate code block to deal with the last item
- toks.push(',');
-
- for (var i = 0, tok; tok = toks[i]; ++i) {
- var c = tok.charCodeAt(0);
- // A comma signals the end of a key/value pair if depth is zero
- if (c === 44) { // ","
- if (depth <= 0) {
- if (key)
- result.push(values ? {key: key, value: values.join('')} : {'unknown': key});
- key = values = depth = 0;
- continue;
- }
- // Simply skip the colon that separates the name and value
- } else if (c === 58) { // ":"
- if (!values)
- continue;
- // A set of slashes is initially matched as a regular expression, but could be division
- } else if (c === 47 && i && tok.length > 1) { // "/"
- // Look at the end of the previous token to determine if the slash is actually division
- var match = toks[i-1].match(divisionLookBehind);
- if (match && !keywordRegexLookBehind[match[0]]) {
- // The slash is actually a division punctuator; re-parse the remainder of the string (not including the slash)
- str = str.substr(str.indexOf(tok) + 1);
- toks = str.match(bindingToken);
- toks.push(',');
- i = -1;
- // Continue with just the slash
- tok = '/';
- }
- // Increment depth for parentheses, braces, and brackets so that interior commas are ignored
- } else if (c === 40 || c === 123 || c === 91) { // '(', '{', '['
- ++depth;
- } else if (c === 41 || c === 125 || c === 93) { // ')', '}', ']'
- --depth;
- // The key must be a single token; if it's a string, trim the quotes
- } else if (!key && !values) {
- key = (c === 34 || c === 39) /* '"', "'" */ ? tok.slice(1, -1) : tok;
- continue;
- }
- if (values)
- values.push(tok);
- else
- values = [tok];
- }
- }
- return result;
- }
-
- // Two-way bindings include a write function that allow the handler to update the value even if it's not an observable.
- var twoWayBindings = {};
-
- function preProcessBindings(bindingsStringOrKeyValueArray, bindingOptions) {
- bindingOptions = bindingOptions || {};
-
- function processKeyValue(key, val) {
- var writableVal;
- function callPreprocessHook(obj) {
- return (obj && obj['preprocess']) ? (val = obj['preprocess'](val, key, processKeyValue)) : true;
- }
- if (!callPreprocessHook(ko['getBindingHandler'](key)))
- return;
-
- if (twoWayBindings[key] && (writableVal = getWriteableValue(val))) {
- // For two-way bindings, provide a write method in case the value
- // isn't a writable observable.
- propertyAccessorResultStrings.push("'" + key + "':function(_z){" + writableVal + "=_z}");
- }
-
- // Values are wrapped in a function so that each value can be accessed independently
- if (makeValueAccessors) {
- val = 'function(){return ' + val + ' }';
- }
- resultStrings.push("'" + key + "':" + val);
- }
-
- var resultStrings = [],
- propertyAccessorResultStrings = [],
- makeValueAccessors = bindingOptions['valueAccessors'],
- keyValueArray = typeof bindingsStringOrKeyValueArray === "string" ?
- parseObjectLiteral(bindingsStringOrKeyValueArray) : bindingsStringOrKeyValueArray;
-
- ko.utils.arrayForEach(keyValueArray, function(keyValue) {
- processKeyValue(keyValue.key || keyValue['unknown'], keyValue.value);
- });
-
- if (propertyAccessorResultStrings.length)
- processKeyValue('_ko_property_writers', "{" + propertyAccessorResultStrings.join(",") + "}");
-
- return resultStrings.join(",");
- }
-
- return {
- bindingRewriteValidators: [],
-
- twoWayBindings: twoWayBindings,
-
- parseObjectLiteral: parseObjectLiteral,
-
- preProcessBindings: preProcessBindings,
-
- keyValueArrayContainsKey: function(keyValueArray, key) {
- for (var i = 0; i < keyValueArray.length; i++)
- if (keyValueArray[i]['key'] == key)
- return true;
- return false;
- },
-
- // Internal, private KO utility for updating model properties from within bindings
- // property: If the property being updated is (or might be) an observable, pass it here
- // If it turns out to be a writable observable, it will be written to directly
- // allBindings: An object with a get method to retrieve bindings in the current execution context.
- // This will be searched for a '_ko_property_writers' property in case you're writing to a non-observable
- // key: The key identifying the property to be written. Example: for { hasFocus: myValue }, write to 'myValue' by specifying the key 'hasFocus'
- // value: The value to be written
- // checkIfDifferent: If true, and if the property being written is a writable observable, the value will only be written if
- // it is !== existing value on that writable observable
- writeValueToProperty: function(property, allBindings, key, value, checkIfDifferent) {
- if (!property || !ko.isObservable(property)) {
- var propWriters = allBindings.get('_ko_property_writers');
- if (propWriters && propWriters[key])
- propWriters[key](value);
- } else if (ko.isWriteableObservable(property) && (!checkIfDifferent || property.peek() !== value)) {
- property(value);
- }
- }
- };
- })();
-
- ko.exportSymbol('expressionRewriting', ko.expressionRewriting);
- ko.exportSymbol('expressionRewriting.bindingRewriteValidators', ko.expressionRewriting.bindingRewriteValidators);
- ko.exportSymbol('expressionRewriting.parseObjectLiteral', ko.expressionRewriting.parseObjectLiteral);
- ko.exportSymbol('expressionRewriting.preProcessBindings', ko.expressionRewriting.preProcessBindings);
-
-// Making bindings explicitly declare themselves as "two way" isn't ideal in the long term (it would be better if
-// all bindings could use an official 'property writer' API without needing to declare that they might). However,
-// since this is not, and has never been, a public API (_ko_property_writers was never documented), it's acceptable
-// as an internal implementation detail in the short term.
-// For those developers who rely on _ko_property_writers in their custom bindings, we expose _twoWayBindings as an
-// undocumented feature that makes it relatively easy to upgrade to KO 3.0. However, this is still not an official
-// public API, and we reserve the right to remove it at any time if we create a real public property writers API.
- ko.exportSymbol('expressionRewriting._twoWayBindings', ko.expressionRewriting.twoWayBindings);
-
-// For backward compatibility, define the following aliases. (Previously, these function names were misleading because
-// they referred to JSON specifically, even though they actually work with arbitrary JavaScript object literal expressions.)
- ko.exportSymbol('jsonExpressionRewriting', ko.expressionRewriting);
- ko.exportSymbol('jsonExpressionRewriting.insertPropertyAccessorsIntoJson', ko.expressionRewriting.preProcessBindings);
- (function() {
- // "Virtual elements" is an abstraction on top of the usual DOM API which understands the notion that comment nodes
- // may be used to represent hierarchy (in addition to the DOM's natural hierarchy).
- // If you call the DOM-manipulating functions on ko.virtualElements, you will be able to read and write the state
- // of that virtual hierarchy
- //
- // The point of all this is to support containerless templates (e.g., <!-- ko foreach:someCollection -->blah<!-- /ko -->)
- // without having to scatter special cases all over the binding and templating code.
-
- // IE 9 cannot reliably read the "nodeValue" property of a comment node (see https://github.com/SteveSanderson/knockout/issues/186)
- // but it does give them a nonstandard alternative property called "text" that it can read reliably. Other browsers don't have that property.
- // So, use node.text where available, and node.nodeValue elsewhere
- var commentNodesHaveTextProperty = document && document.createComment("test").text === "<!--test-->";
-
- var startCommentRegex = commentNodesHaveTextProperty ? /^<!--\s*ko(?:\s+([\s\S]+))?\s*-->$/ : /^\s*ko(?:\s+([\s\S]+))?\s*$/;
- var endCommentRegex = commentNodesHaveTextProperty ? /^<!--\s*\/ko\s*-->$/ : /^\s*\/ko\s*$/;
- var htmlTagsWithOptionallyClosingChildren = { 'ul': true, 'ol': true };
-
- function isStartComment(node) {
- return (node.nodeType == 8) && startCommentRegex.test(commentNodesHaveTextProperty ? node.text : node.nodeValue);
- }
-
- function isEndComment(node) {
- return (node.nodeType == 8) && endCommentRegex.test(commentNodesHaveTextProperty ? node.text : node.nodeValue);
- }
-
- function getVirtualChildren(startComment, allowUnbalanced) {
- var currentNode = startComment;
- var depth = 1;
- var children = [];
- while (currentNode = currentNode.nextSibling) {
- if (isEndComment(currentNode)) {
- depth--;
- if (depth === 0)
- return children;
- }
-
- children.push(currentNode);
-
- if (isStartComment(currentNode))
- depth++;
- }
- if (!allowUnbalanced)
- throw new Error("Cannot find closing comment tag to match: " + startComment.nodeValue);
- return null;
- }
-
- function getMatchingEndComment(startComment, allowUnbalanced) {
- var allVirtualChildren = getVirtualChildren(startComment, allowUnbalanced);
- if (allVirtualChildren) {
- if (allVirtualChildren.length > 0)
- return allVirtualChildren[allVirtualChildren.length - 1].nextSibling;
- return startComment.nextSibling;
- } else
- return null; // Must have no matching end comment, and allowUnbalanced is true
- }
-
- function getUnbalancedChildTags(node) {
- // e.g., from <div>OK</div><!-- ko blah --><span>Another</span>, returns: <!-- ko blah --><span>Another</span>
- // from <div>OK</div><!-- /ko --><!-- /ko -->, returns: <!-- /ko --><!-- /ko -->
- var childNode = node.firstChild, captureRemaining = null;
- if (childNode) {
- do {
- if (captureRemaining) // We already hit an unbalanced node and are now just scooping up all subsequent nodes
- captureRemaining.push(childNode);
- else if (isStartComment(childNode)) {
- var matchingEndComment = getMatchingEndComment(childNode, /* allowUnbalanced: */ true);
- if (matchingEndComment) // It's a balanced tag, so skip immediately to the end of this virtual set
- childNode = matchingEndComment;
- else
- captureRemaining = [childNode]; // It's unbalanced, so start capturing from this point
- } else if (isEndComment(childNode)) {
- captureRemaining = [childNode]; // It's unbalanced (if it wasn't, we'd have skipped over it already), so start capturing
- }
- } while (childNode = childNode.nextSibling);
- }
- return captureRemaining;
- }
-
- ko.virtualElements = {
- allowedBindings: {},
-
- childNodes: function(node) {
- return isStartComment(node) ? getVirtualChildren(node) : node.childNodes;
- },
-
- emptyNode: function(node) {
- if (!isStartComment(node))
- ko.utils.emptyDomNode(node);
- else {
- var virtualChildren = ko.virtualElements.childNodes(node);
- for (var i = 0, j = virtualChildren.length; i < j; i++)
- ko.removeNode(virtualChildren[i]);
- }
- },
-
- setDomNodeChildren: function(node, childNodes) {
- if (!isStartComment(node))
- ko.utils.setDomNodeChildren(node, childNodes);
- else {
- ko.virtualElements.emptyNode(node);
- var endCommentNode = node.nextSibling; // Must be the next sibling, as we just emptied the children
- for (var i = 0, j = childNodes.length; i < j; i++)
- endCommentNode.parentNode.insertBefore(childNodes[i], endCommentNode);
- }
- },
-
- prepend: function(containerNode, nodeToPrepend) {
- if (!isStartComment(containerNode)) {
- if (containerNode.firstChild)
- containerNode.insertBefore(nodeToPrepend, containerNode.firstChild);
- else
- containerNode.appendChild(nodeToPrepend);
- } else {
- // Start comments must always have a parent and at least one following sibling (the end comment)
- containerNode.parentNode.insertBefore(nodeToPrepend, containerNode.nextSibling);
- }
- },
-
- insertAfter: function(containerNode, nodeToInsert, insertAfterNode) {
- if (!insertAfterNode) {
- ko.virtualElements.prepend(containerNode, nodeToInsert);
- } else if (!isStartComment(containerNode)) {
- // Insert after insertion point
- if (insertAfterNode.nextSibling)
- containerNode.insertBefore(nodeToInsert, insertAfterNode.nextSibling);
- else
- containerNode.appendChild(nodeToInsert);
- } else {
- // Children of start comments must always have a parent and at least one following sibling (the end comment)
- containerNode.parentNode.insertBefore(nodeToInsert, insertAfterNode.nextSibling);
- }
- },
-
- firstChild: function(node) {
- if (!isStartComment(node))
- return node.firstChild;
- if (!node.nextSibling || isEndComment(node.nextSibling))
- return null;
- return node.nextSibling;
- },
-
- nextSibling: function(node) {
- if (isStartComment(node))
- node = getMatchingEndComment(node);
- if (node.nextSibling && isEndComment(node.nextSibling))
- return null;
- return node.nextSibling;
- },
-
- hasBindingValue: isStartComment,
-
- virtualNodeBindingValue: function(node) {
- var regexMatch = (commentNodesHaveTextProperty ? node.text : node.nodeValue).match(startCommentRegex);
- return regexMatch ? regexMatch[1] : null;
- },
-
- normaliseVirtualElementDomStructure: function(elementVerified) {
- // Workaround for https://github.com/SteveSanderson/knockout/issues/155
- // (IE <= 8 or IE 9 quirks mode parses your HTML weirdly, treating closing </li> tags as if they don't exist, thereby moving comment nodes
- // that are direct descendants of <ul> into the preceding <li>)
- if (!htmlTagsWithOptionallyClosingChildren[ko.utils.tagNameLower(elementVerified)])
- return;
-
- // Scan immediate children to see if they contain unbalanced comment tags. If they do, those comment tags
- // must be intended to appear *after* that child, so move them there.
- var childNode = elementVerified.firstChild;
- if (childNode) {
- do {
- if (childNode.nodeType === 1) {
- var unbalancedTags = getUnbalancedChildTags(childNode);
- if (unbalancedTags) {
- // Fix up the DOM by moving the unbalanced tags to where they most likely were intended to be placed - *after* the child
- var nodeToInsertBefore = childNode.nextSibling;
- for (var i = 0; i < unbalancedTags.length; i++) {
- if (nodeToInsertBefore)
- elementVerified.insertBefore(unbalancedTags[i], nodeToInsertBefore);
- else
- elementVerified.appendChild(unbalancedTags[i]);
- }
- }
- }
- } while (childNode = childNode.nextSibling);
- }
- }
- };
- })();
- ko.exportSymbol('virtualElements', ko.virtualElements);
- ko.exportSymbol('virtualElements.allowedBindings', ko.virtualElements.allowedBindings);
- ko.exportSymbol('virtualElements.emptyNode', ko.virtualElements.emptyNode);
-// ko.exportSymbol('virtualElements.firstChild', ko.virtualElements.firstChild); // firstChild is not minified
- ko.exportSymbol('virtualElements.insertAfter', ko.virtualElements.insertAfter);
-// ko.exportSymbol('virtualElements.nextSibling', ko.virtualElements.nextSibling); // nextSibling is not minified
- ko.exportSymbol('virtualElements.prepend', ko.virtualElements.prepend);
- ko.exportSymbol('virtualElements.setDomNodeChildren', ko.virtualElements.setDomNodeChildren);
- (function() {
- var defaultBindingAttributeName = "data-bind";
-
- ko.bindingProvider = function() {
- this.bindingCache = {};
- };
-
- ko.utils.extend(ko.bindingProvider.prototype, {
- 'nodeHasBindings': function(node) {
- switch (node.nodeType) {
- case 1: return node.getAttribute(defaultBindingAttributeName) != null; // Element
- case 8: return ko.virtualElements.hasBindingValue(node); // Comment node
- default: return false;
- }
- },
-
- 'getBindings': function(node, bindingContext) {
- var bindingsString = this['getBindingsString'](node, bindingContext);
- return bindingsString ? this['parseBindingsString'](bindingsString, bindingContext, node) : null;
- },
-
- 'getBindingAccessors': function(node, bindingContext) {
- var bindingsString = this['getBindingsString'](node, bindingContext);
- return bindingsString ? this['parseBindingsString'](bindingsString, bindingContext, node, {'valueAccessors':true}) : null;
- },
-
- // The following function is only used internally by this default provider.
- // It's not part of the interface definition for a general binding provider.
- 'getBindingsString': function(node, bindingContext) {
- switch (node.nodeType) {
- case 1: return node.getAttribute(defaultBindingAttributeName); // Element
- case 8: return ko.virtualElements.virtualNodeBindingValue(node); // Comment node
- default: return null;
- }
- },
-
- // The following function is only used internally by this default provider.
- // It's not part of the interface definition for a general binding provider.
- 'parseBindingsString': function(bindingsString, bindingContext, node, options) {
- try {
- var bindingFunction = createBindingsStringEvaluatorViaCache(bindingsString, this.bindingCache, options);
- return bindingFunction(bindingContext, node);
- } catch (ex) {
- ex.message = "Unable to parse bindings.\nBindings value: " + bindingsString + "\nMessage: " + ex.message;
- throw ex;
- }
- }
- });
-
- ko.bindingProvider['instance'] = new ko.bindingProvider();
-
- function createBindingsStringEvaluatorViaCache(bindingsString, cache, options) {
- var cacheKey = bindingsString + (options && options['valueAccessors'] || '');
- return cache[cacheKey]
- || (cache[cacheKey] = createBindingsStringEvaluator(bindingsString, options));
- }
-
- function createBindingsStringEvaluator(bindingsString, options) {
- // Build the source for a function that evaluates "expression"
- // For each scope variable, add an extra level of "with" nesting
- // Example result: with(sc1) { with(sc0) { return (expression) } }
- var rewrittenBindings = ko.expressionRewriting.preProcessBindings(bindingsString, options),
- functionBody = "with($context){with($data||{}){return{" + rewrittenBindings + "}}}";
- return new Function("$context", "$element", functionBody);
- }
- })();
-
- ko.exportSymbol('bindingProvider', ko.bindingProvider);
- (function () {
- ko.bindingHandlers = {};
-
- // The following element types will not be recursed into during binding. In the future, we
- // may consider adding <template> to this list, because such elements' contents are always
- // intended to be bound in a different context from where they appear in the document.
- var bindingDoesNotRecurseIntoElementTypes = {
- // Don't want bindings that operate on text nodes to mutate <script> contents,
- // because it's unexpected and a potential XSS issue
- 'script': true
- };
-
- // Use an overridable method for retrieving binding handlers so that a plugins may support dynamically created handlers
- ko['getBindingHandler'] = function(bindingKey) {
- return ko.bindingHandlers[bindingKey];
- };
-
- // The ko.bindingContext constructor is only called directly to create the root context. For child
- // contexts, use bindingContext.createChildContext or bindingContext.extend.
- ko.bindingContext = function(dataItemOrAccessor, parentContext, dataItemAlias, extendCallback) {
-
- // The binding context object includes static properties for the current, parent, and root view models.
- // If a view model is actually stored in an observable, the corresponding binding context object, and
- // any child contexts, must be updated when the view model is changed.
- function updateContext() {
- // Most of the time, the context will directly get a view model object, but if a function is given,
- // we call the function to retrieve the view model. If the function accesses any obsevables (or is
- // itself an observable), the dependency is tracked, and those observables can later cause the binding
- // context to be updated.
- var dataItem = isFunc ? dataItemOrAccessor() : dataItemOrAccessor;
-
- if (parentContext) {
- // When a "parent" context is given, register a dependency on the parent context. Thus whenever the
- // parent context is updated, this context will also be updated.
- if (parentContext._subscribable)
- parentContext._subscribable();
-
- // Copy $root and any custom properties from the parent context
- ko.utils.extend(self, parentContext);
-
- // Because the above copy overwrites our own properties, we need to reset them.
- // During the first execution, "subscribable" isn't set, so don't bother doing the update then.
- if (subscribable) {
- self._subscribable = subscribable;
- }
- } else {
- self['$parents'] = [];
- self['$root'] = dataItem;
-
- // Export 'ko' in the binding context so it will be available in bindings and templates
- // even if 'ko' isn't exported as a global, such as when using an AMD loader.
- // See https://github.com/SteveSanderson/knockout/issues/490
- self['ko'] = ko;
- }
- self['$rawData'] = dataItemOrAccessor;
- self['$data'] = dataItem;
- if (dataItemAlias)
- self[dataItemAlias] = dataItem;
-
- // The extendCallback function is provided when creating a child context or extending a context.
- // It handles the specific actions needed to finish setting up the binding context. Actions in this
- // function could also add dependencies to this binding context.
- if (extendCallback)
- extendCallback(self, parentContext, dataItem);
-
- return self['$data'];
- }
- function disposeWhen() {
- return nodes && !ko.utils.anyDomNodeIsAttachedToDocument(nodes);
- }
-
- var self = this,
- isFunc = typeof(dataItemOrAccessor) == "function",
- nodes,
- subscribable = ko.dependentObservable(updateContext, null, { disposeWhen: disposeWhen, disposeWhenNodeIsRemoved: true });
-
- // At this point, the binding context has been initialized, and the "subscribable" computed observable is
- // subscribed to any observables that were accessed in the process. If there is nothing to track, the
- // computed will be inactive, and we can safely throw it away. If it's active, the computed is stored in
- // the context object.
- if (subscribable.isActive()) {
- self._subscribable = subscribable;
-
- // Always notify because even if the model ($data) hasn't changed, other context properties might have changed
- subscribable['equalityComparer'] = null;
-
- // We need to be able to dispose of this computed observable when it's no longer needed. This would be
- // easy if we had a single node to watch, but binding contexts can be used by many different nodes, and
- // we cannot assume that those nodes have any relation to each other. So instead we track any node that
- // the context is attached to, and dispose the computed when all of those nodes have been cleaned.
-
- // Add properties to *subscribable* instead of *self* because any properties added to *self* may be overwritten on updates
- nodes = [];
- subscribable._addNode = function(node) {
- nodes.push(node);
- ko.utils.domNodeDisposal.addDisposeCallback(node, function(node) {
- ko.utils.arrayRemoveItem(nodes, node);
- if (!nodes.length) {
- subscribable.dispose();
- self._subscribable = subscribable = undefined;
- }
- });
- };
- }
- }
-
- // Extend the binding context hierarchy with a new view model object. If the parent context is watching
- // any obsevables, the new child context will automatically get a dependency on the parent context.
- // But this does not mean that the $data value of the child context will also get updated. If the child
- // view model also depends on the parent view model, you must provide a function that returns the correct
- // view model on each update.
- ko.bindingContext.prototype['createChildContext'] = function (dataItemOrAccessor, dataItemAlias, extendCallback) {
- return new ko.bindingContext(dataItemOrAccessor, this, dataItemAlias, function(self, parentContext) {
- // Extend the context hierarchy by setting the appropriate pointers
- self['$parentContext'] = parentContext;
- self['$parent'] = parentContext['$data'];
- self['$parents'] = (parentContext['$parents'] || []).slice(0);
- self['$parents'].unshift(self['$parent']);
- if (extendCallback)
- extendCallback(self);
- });
- };
-
- // Extend the binding context with new custom properties. This doesn't change the context hierarchy.
- // Similarly to "child" contexts, provide a function here to make sure that the correct values are set
- // when an observable view model is updated.
- ko.bindingContext.prototype['extend'] = function(properties) {
- return new ko.bindingContext(this['$rawData'], this, null, function(self) {
- ko.utils.extend(self, typeof(properties) == "function" ? properties() : properties);
- });
- };
-
- // Returns the valueAccesor function for a binding value
- function makeValueAccessor(value) {
- return function() {
- return value;
- };
- }
-
- // Returns the value of a valueAccessor function
- function evaluateValueAccessor(valueAccessor) {
- return valueAccessor();
- }
-
- // Given a function that returns bindings, create and return a new object that contains
- // binding value-accessors functions. Each accessor function calls the original function
- // so that it always gets the latest value and all dependencies are captured. This is used
- // by ko.applyBindingsToNode and getBindingsAndMakeAccessors.
- function makeAccessorsFromFunction(callback) {
- return ko.utils.objectMap(ko.dependencyDetection.ignore(callback), function(value, key) {
- return function() {
- return callback()[key];
- };
- });
- }
-
- // Given a bindings function or object, create and return a new object that contains
- // binding value-accessors functions. This is used by ko.applyBindingsToNode.
- function makeBindingAccessors(bindings, context, node) {
- if (typeof bindings === 'function') {
- return makeAccessorsFromFunction(bindings.bind(null, context, node));
- } else {
- return ko.utils.objectMap(bindings, makeValueAccessor);
- }
- }
-
- // This function is used if the binding provider doesn't include a getBindingAccessors function.
- // It must be called with 'this' set to the provider instance.
- function getBindingsAndMakeAccessors(node, context) {
- return makeAccessorsFromFunction(this['getBindings'].bind(this, node, context));
- }
-
- function validateThatBindingIsAllowedForVirtualElements(bindingName) {
- var validator = ko.virtualElements.allowedBindings[bindingName];
- if (!validator)
- throw new Error("The binding '" + bindingName + "' cannot be used with virtual elements")
- }
-
- function applyBindingsToDescendantsInternal (bindingContext, elementOrVirtualElement, bindingContextsMayDifferFromDomParentElement) {
- var currentChild,
- nextInQueue = ko.virtualElements.firstChild(elementOrVirtualElement),
- provider = ko.bindingProvider['instance'],
- preprocessNode = provider['preprocessNode'];
-
- // Preprocessing allows a binding provider to mutate a node before bindings are applied to it. For example it's
- // possible to insert new siblings after it, and/or replace the node with a different one. This can be used to
- // implement custom binding syntaxes, such as {{ value }} for string interpolation, or custom element types that
- // trigger insertion of <template> contents at that point in the document.
- if (preprocessNode) {
- while (currentChild = nextInQueue) {
- nextInQueue = ko.virtualElements.nextSibling(currentChild);
- preprocessNode.call(provider, currentChild);
- }
- // Reset nextInQueue for the next loop
- nextInQueue = ko.virtualElements.firstChild(elementOrVirtualElement);
- }
-
- while (currentChild = nextInQueue) {
- // Keep a record of the next child *before* applying bindings, in case the binding removes the current child from its position
- nextInQueue = ko.virtualElements.nextSibling(currentChild);
- applyBindingsToNodeAndDescendantsInternal(bindingContext, currentChild, bindingContextsMayDifferFromDomParentElement);
- }
- }
-
- function applyBindingsToNodeAndDescendantsInternal (bindingContext, nodeVerified, bindingContextMayDifferFromDomParentElement) {
- var shouldBindDescendants = true;
-
- // Perf optimisation: Apply bindings only if...
- // (1) We need to store the binding context on this node (because it may differ from the DOM parent node's binding context)
- // Note that we can't store binding contexts on non-elements (e.g., text nodes), as IE doesn't allow expando properties for those
- // (2) It might have bindings (e.g., it has a data-bind attribute, or it's a marker for a containerless template)
- var isElement = (nodeVerified.nodeType === 1);
- if (isElement) // Workaround IE <= 8 HTML parsing weirdness
- ko.virtualElements.normaliseVirtualElementDomStructure(nodeVerified);
-
- var shouldApplyBindings = (isElement && bindingContextMayDifferFromDomParentElement) // Case (1)
- || ko.bindingProvider['instance']['nodeHasBindings'](nodeVerified); // Case (2)
- if (shouldApplyBindings)
- shouldBindDescendants = applyBindingsToNodeInternal(nodeVerified, null, bindingContext, bindingContextMayDifferFromDomParentElement)['shouldBindDescendants'];
-
- if (shouldBindDescendants && !bindingDoesNotRecurseIntoElementTypes[ko.utils.tagNameLower(nodeVerified)]) {
- // We're recursing automatically into (real or virtual) child nodes without changing binding contexts. So,
- // * For children of a *real* element, the binding context is certainly the same as on their DOM .parentNode,
- // hence bindingContextsMayDifferFromDomParentElement is false
- // * For children of a *virtual* element, we can't be sure. Evaluating .parentNode on those children may
- // skip over any number of intermediate virtual elements, any of which might define a custom binding context,
- // hence bindingContextsMayDifferFromDomParentElement is true
- applyBindingsToDescendantsInternal(bindingContext, nodeVerified, /* bindingContextsMayDifferFromDomParentElement: */ !isElement);
- }
- }
-
- var boundElementDomDataKey = ko.utils.domData.nextKey();
-
-
- function topologicalSortBindings(bindings) {
- // Depth-first sort
- var result = [], // The list of key/handler pairs that we will return
- bindingsConsidered = {}, // A temporary record of which bindings are already in 'result'
- cyclicDependencyStack = []; // Keeps track of a depth-search so that, if there's a cycle, we know which bindings caused it
- ko.utils.objectForEach(bindings, function pushBinding(bindingKey) {
- if (!bindingsConsidered[bindingKey]) {
- var binding = ko['getBindingHandler'](bindingKey);
- if (binding) {
- // First add dependencies (if any) of the current binding
- if (binding['after']) {
- cyclicDependencyStack.push(bindingKey);
- ko.utils.arrayForEach(binding['after'], function(bindingDependencyKey) {
- if (bindings[bindingDependencyKey]) {
- if (ko.utils.arrayIndexOf(cyclicDependencyStack, bindingDependencyKey) !== -1) {
- throw Error("Cannot combine the following bindings, because they have a cyclic dependency: " + cyclicDependencyStack.join(", "));
- } else {
- pushBinding(bindingDependencyKey);
- }
- }
- });
- cyclicDependencyStack.pop();
- }
- // Next add the current binding
- result.push({ key: bindingKey, handler: binding });
- }
- bindingsConsidered[bindingKey] = true;
- }
- });
-
- return result;
- }
-
- function applyBindingsToNodeInternal(node, sourceBindings, bindingContext, bindingContextMayDifferFromDomParentElement) {
- // Prevent multiple applyBindings calls for the same node, except when a binding value is specified
- var alreadyBound = ko.utils.domData.get(node, boundElementDomDataKey);
- if (!sourceBindings) {
- if (alreadyBound) {
- throw Error("You cannot apply bindings multiple times to the same element.");
- }
- ko.utils.domData.set(node, boundElementDomDataKey, true);
- }
-
- // Optimization: Don't store the binding context on this node if it's definitely the same as on node.parentNode, because
- // we can easily recover it just by scanning up the node's ancestors in the DOM
- // (note: here, parent node means "real DOM parent" not "virtual parent", as there's no O(1) way to find the virtual parent)
- if (!alreadyBound && bindingContextMayDifferFromDomParentElement)
- ko.storedBindingContextForNode(node, bindingContext);
-
- // Use bindings if given, otherwise fall back on asking the bindings provider to give us some bindings
- var bindings;
- if (sourceBindings && typeof sourceBindings !== 'function') {
- bindings = sourceBindings;
- } else {
- var provider = ko.bindingProvider['instance'],
- getBindings = provider['getBindingAccessors'] || getBindingsAndMakeAccessors;
-
- if (sourceBindings || bindingContext._subscribable) {
- // When an obsevable view model is used, the binding context will expose an observable _subscribable value.
- // Get the binding from the provider within a computed observable so that we can update the bindings whenever
- // the binding context is updated.
- var bindingsUpdater = ko.dependentObservable(
- function() {
- bindings = sourceBindings ? sourceBindings(bindingContext, node) : getBindings.call(provider, node, bindingContext);
- // Register a dependency on the binding context
- if (bindings && bindingContext._subscribable)
- bindingContext._subscribable();
- return bindings;
- },
- null, { disposeWhenNodeIsRemoved: node }
- );
-
- if (!bindings || !bindingsUpdater.isActive())
- bindingsUpdater = null;
- } else {
- bindings = ko.dependencyDetection.ignore(getBindings, provider, [node, bindingContext]);
- }
- }
-
- var bindingHandlerThatControlsDescendantBindings;
- if (bindings) {
- // Return the value accessor for a given binding. When bindings are static (won't be updated because of a binding
- // context update), just return the value accessor from the binding. Otherwise, return a function that always gets
- // the latest binding value and registers a dependency on the binding updater.
- var getValueAccessor = bindingsUpdater
- ? function(bindingKey) {
- return function() {
- return evaluateValueAccessor(bindingsUpdater()[bindingKey]);
- };
- } : function(bindingKey) {
- return bindings[bindingKey];
- };
-
- // Use of allBindings as a function is maintained for backwards compatibility, but its use is deprecated
- function allBindings() {
- return ko.utils.objectMap(bindingsUpdater ? bindingsUpdater() : bindings, evaluateValueAccessor);
- }
- // The following is the 3.x allBindings API
- allBindings['get'] = function(key) {
- return bindings[key] && evaluateValueAccessor(getValueAccessor(key));
- };
- allBindings['has'] = function(key) {
- return key in bindings;
- };
-
- // First put the bindings into the right order
- var orderedBindings = topologicalSortBindings(bindings);
-
- // Go through the sorted bindings, calling init and update for each
- ko.utils.arrayForEach(orderedBindings, function(bindingKeyAndHandler) {
- // Note that topologicalSortBindings has already filtered out any nonexistent binding handlers,
- // so bindingKeyAndHandler.handler will always be nonnull.
- var handlerInitFn = bindingKeyAndHandler.handler["init"],
- handlerUpdateFn = bindingKeyAndHandler.handler["update"],
- bindingKey = bindingKeyAndHandler.key;
-
- if (node.nodeType === 8) {
- validateThatBindingIsAllowedForVirtualElements(bindingKey);
- }
-
- try {
- // Run init, ignoring any dependencies
- if (typeof handlerInitFn == "function") {
- ko.dependencyDetection.ignore(function() {
- var initResult = handlerInitFn(node, getValueAccessor(bindingKey), allBindings, bindingContext['$data'], bindingContext);
-
- // If this binding handler claims to control descendant bindings, make a note of this
- if (initResult && initResult['controlsDescendantBindings']) {
- if (bindingHandlerThatControlsDescendantBindings !== undefined)
- throw new Error("Multiple bindings (" + bindingHandlerThatControlsDescendantBindings + " and " + bindingKey + ") are trying to control descendant bindings of the same element. You cannot use these bindings together on the same element.");
- bindingHandlerThatControlsDescendantBindings = bindingKey;
- }
- });
- }
-
- // Run update in its own computed wrapper
- if (typeof handlerUpdateFn == "function") {
- ko.dependentObservable(
- function() {
- handlerUpdateFn(node, getValueAccessor(bindingKey), allBindings, bindingContext['$data'], bindingContext);
- },
- null,
- { disposeWhenNodeIsRemoved: node }
- );
- }
- } catch (ex) {
- ex.message = "Unable to process binding \"" + bindingKey + ": " + bindings[bindingKey] + "\"\nMessage: " + ex.message;
- throw ex;
- }
- });
- }
-
- return {
- 'shouldBindDescendants': bindingHandlerThatControlsDescendantBindings === undefined
- };
- };
-
- var storedBindingContextDomDataKey = ko.utils.domData.nextKey();
- ko.storedBindingContextForNode = function (node, bindingContext) {
- if (arguments.length == 2) {
- ko.utils.domData.set(node, storedBindingContextDomDataKey, bindingContext);
- if (bindingContext._subscribable)
- bindingContext._subscribable._addNode(node);
- } else {
- return ko.utils.domData.get(node, storedBindingContextDomDataKey);
- }
- }
-
- function getBindingContext(viewModelOrBindingContext) {
- return viewModelOrBindingContext && (viewModelOrBindingContext instanceof ko.bindingContext)
- ? viewModelOrBindingContext
- : new ko.bindingContext(viewModelOrBindingContext);
- }
-
- ko.applyBindingAccessorsToNode = function (node, bindings, viewModelOrBindingContext) {
- if (node.nodeType === 1) // If it's an element, workaround IE <= 8 HTML parsing weirdness
- ko.virtualElements.normaliseVirtualElementDomStructure(node);
- return applyBindingsToNodeInternal(node, bindings, getBindingContext(viewModelOrBindingContext), true);
- };
-
- ko.applyBindingsToNode = function (node, bindings, viewModelOrBindingContext) {
- var context = getBindingContext(viewModelOrBindingContext);
- return ko.applyBindingAccessorsToNode(node, makeBindingAccessors(bindings, context, node), context);
- };
-
- ko.applyBindingsToDescendants = function(viewModelOrBindingContext, rootNode) {
- if (rootNode.nodeType === 1 || rootNode.nodeType === 8)
- applyBindingsToDescendantsInternal(getBindingContext(viewModelOrBindingContext), rootNode, true);
- };
-
- ko.applyBindings = function (viewModelOrBindingContext, rootNode) {
- if (rootNode && (rootNode.nodeType !== 1) && (rootNode.nodeType !== 8))
- throw new Error("ko.applyBindings: first parameter should be your view model; second parameter should be a DOM node");
- rootNode = rootNode || window.document.body; // Make "rootNode" parameter optional
-
- applyBindingsToNodeAndDescendantsInternal(getBindingContext(viewModelOrBindingContext), rootNode, true);
- };
-
- // Retrieving binding context from arbitrary nodes
- ko.contextFor = function(node) {
- // We can only do something meaningful for elements and comment nodes (in particular, not text nodes, as IE can't store domdata for them)
- switch (node.nodeType) {
- case 1:
- case 8:
- var context = ko.storedBindingContextForNode(node);
- if (context) return context;
- if (node.parentNode) return ko.contextFor(node.parentNode);
- break;
- }
- return undefined;
- };
- ko.dataFor = function(node) {
- var context = ko.contextFor(node);
- return context ? context['$data'] : undefined;
- };
-
- ko.exportSymbol('bindingHandlers', ko.bindingHandlers);
- ko.exportSymbol('applyBindings', ko.applyBindings);
- ko.exportSymbol('applyBindingsToDescendants', ko.applyBindingsToDescendants);
- ko.exportSymbol('applyBindingAccessorsToNode', ko.applyBindingAccessorsToNode);
- ko.exportSymbol('applyBindingsToNode', ko.applyBindingsToNode);
- ko.exportSymbol('contextFor', ko.contextFor);
- ko.exportSymbol('dataFor', ko.dataFor);
- })();
- var attrHtmlToJavascriptMap = { 'class': 'className', 'for': 'htmlFor' };
- ko.bindingHandlers['attr'] = {
- 'update': function(element, valueAccessor, allBindings) {
- var value = ko.utils.unwrapObservable(valueAccessor()) || {};
- ko.utils.objectForEach(value, function(attrName, attrValue) {
- attrValue = ko.utils.unwrapObservable(attrValue);
-
- // To cover cases like "attr: { checked:someProp }", we want to remove the attribute entirely
- // when someProp is a "no value"-like value (strictly null, false, or undefined)
- // (because the absence of the "checked" attr is how to mark an element as not checked, etc.)
- var toRemove = (attrValue === false) || (attrValue === null) || (attrValue === undefined);
- if (toRemove)
- element.removeAttribute(attrName);
-
- // In IE <= 7 and IE8 Quirks Mode, you have to use the Javascript property name instead of the
- // HTML attribute name for certain attributes. IE8 Standards Mode supports the correct behavior,
- // but instead of figuring out the mode, we'll just set the attribute through the Javascript
- // property for IE <= 8.
- if (ko.utils.ieVersion <= 8 && attrName in attrHtmlToJavascriptMap) {
- attrName = attrHtmlToJavascriptMap[attrName];
- if (toRemove)
- element.removeAttribute(attrName);
- else
- element[attrName] = attrValue;
- } else if (!toRemove) {
- element.setAttribute(attrName, attrValue.toString());
- }
-
- // Treat "name" specially - although you can think of it as an attribute, it also needs
- // special handling on older versions of IE (https://github.com/SteveSanderson/knockout/pull/333)
- // Deliberately being case-sensitive here because XHTML would regard "Name" as a different thing
- // entirely, and there's no strong reason to allow for such casing in HTML.
- if (attrName === "name") {
- ko.utils.setElementName(element, toRemove ? "" : attrValue.toString());
- }
- });
- }
- };
- (function() {
-
- ko.bindingHandlers['checked'] = {
- 'after': ['value', 'attr'],
- 'init': function (element, valueAccessor, allBindings) {
- function checkedValue() {
- return allBindings['has']('checkedValue')
- ? ko.utils.unwrapObservable(allBindings.get('checkedValue'))
- : element.value;
- }
-
- function updateModel() {
- // This updates the model value from the view value.
- // It runs in response to DOM events (click) and changes in checkedValue.
- var isChecked = element.checked,
- elemValue = useCheckedValue ? checkedValue() : isChecked;
-
- // When we're first setting up this computed, don't change any model state.
- if (!shouldSet) {
- return;
- }
-
- // We can ignore unchecked radio buttons, because some other radio
- // button will be getting checked, and that one can take care of updating state.
- if (isRadio && !isChecked) {
- return;
- }
-
- var modelValue = ko.dependencyDetection.ignore(valueAccessor);
- if (isValueArray) {
- if (oldElemValue !== elemValue) {
- // When we're responding to the checkedValue changing, and the element is
- // currently checked, replace the old elem value with the new elem value
- // in the model array.
- if (isChecked) {
- ko.utils.addOrRemoveItem(modelValue, elemValue, true);
- ko.utils.addOrRemoveItem(modelValue, oldElemValue, false);
- }
-
- oldElemValue = elemValue;
- } else {
- // When we're responding to the user having checked/unchecked a checkbox,
- // add/remove the element value to the model array.
- ko.utils.addOrRemoveItem(modelValue, elemValue, isChecked);
- }
- } else {
- ko.expressionRewriting.writeValueToProperty(modelValue, allBindings, 'checked', elemValue, true);
- }
- };
-
- function updateView() {
- // This updates the view value from the model value.
- // It runs in response to changes in the bound (checked) value.
- var modelValue = ko.utils.unwrapObservable(valueAccessor());
-
- if (isValueArray) {
- // When a checkbox is bound to an array, being checked represents its value being present in that array
- element.checked = ko.utils.arrayIndexOf(modelValue, checkedValue()) >= 0;
- } else if (isCheckbox) {
- // When a checkbox is bound to any other value (not an array), being checked represents the value being trueish
- element.checked = modelValue;
- } else {
- // For radio buttons, being checked means that the radio button's value corresponds to the model value
- element.checked = (checkedValue() === modelValue);
- }
- };
-
- var isCheckbox = element.type == "checkbox",
- isRadio = element.type == "radio";
-
- // Only bind to check boxes and radio buttons
- if (!isCheckbox && !isRadio) {
- return;
- }
-
- var isValueArray = isCheckbox && (ko.utils.unwrapObservable(valueAccessor()) instanceof Array),
- oldElemValue = isValueArray ? checkedValue() : undefined,
- useCheckedValue = isRadio || isValueArray,
- shouldSet = false;
-
- // IE 6 won't allow radio buttons to be selected unless they have a name
- if (isRadio && !element.name)
- ko.bindingHandlers['uniqueName']['init'](element, function() { return true });
-
- // Set up two computeds to update the binding:
-
- // The first responds to changes in the checkedValue value and to element clicks
- ko.dependentObservable(updateModel, null, { disposeWhenNodeIsRemoved: element });
- ko.utils.registerEventHandler(element, "click", updateModel);
-
- // The second responds to changes in the model value (the one associated with the checked binding)
- ko.dependentObservable(updateView, null, { disposeWhenNodeIsRemoved: element });
-
- shouldSet = true;
- }
- };
- ko.expressionRewriting.twoWayBindings['checked'] = true;
-
- ko.bindingHandlers['checkedValue'] = {
- 'update': function (element, valueAccessor) {
- element.value = ko.utils.unwrapObservable(valueAccessor());
- }
- };
-
- })();var classesWrittenByBindingKey = '__ko__cssValue';
- ko.bindingHandlers['css'] = {
- 'update': function (element, valueAccessor) {
- var value = ko.utils.unwrapObservable(valueAccessor());
- if (typeof value == "object") {
- ko.utils.objectForEach(value, function(className, shouldHaveClass) {
- shouldHaveClass = ko.utils.unwrapObservable(shouldHaveClass);
- ko.utils.toggleDomNodeCssClass(element, className, shouldHaveClass);
- });
- } else {
- value = String(value || ''); // Make sure we don't try to store or set a non-string value
- ko.utils.toggleDomNodeCssClass(element, element[classesWrittenByBindingKey], false);
- element[classesWrittenByBindingKey] = value;
- ko.utils.toggleDomNodeCssClass(element, value, true);
- }
- }
- };
- ko.bindingHandlers['enable'] = {
- 'update': function (element, valueAccessor) {
- var value = ko.utils.unwrapObservable(valueAccessor());
- if (value && element.disabled)
- element.removeAttribute("disabled");
- else if ((!value) && (!element.disabled))
- element.disabled = true;
- }
- };
-
- ko.bindingHandlers['disable'] = {
- 'update': function (element, valueAccessor) {
- ko.bindingHandlers['enable']['update'](element, function() { return !ko.utils.unwrapObservable(valueAccessor()) });
- }
- };
-// For certain common events (currently just 'click'), allow a simplified data-binding syntax
-// e.g. click:handler instead of the usual full-length event:{click:handler}
- function makeEventHandlerShortcut(eventName) {
- ko.bindingHandlers[eventName] = {
- 'init': function(element, valueAccessor, allBindings, viewModel, bindingContext) {
- var newValueAccessor = function () {
- var result = {};
- result[eventName] = valueAccessor();
- return result;
- };
- return ko.bindingHandlers['event']['init'].call(this, element, newValueAccessor, allBindings, viewModel, bindingContext);
- }
- }
- }
-
- ko.bindingHandlers['event'] = {
- 'init' : function (element, valueAccessor, allBindings, viewModel, bindingContext) {
- var eventsToHandle = valueAccessor() || {};
- ko.utils.objectForEach(eventsToHandle, function(eventName) {
- if (typeof eventName == "string") {
- ko.utils.registerEventHandler(element, eventName, function (event) {
- var handlerReturnValue;
- var handlerFunction = valueAccessor()[eventName];
- if (!handlerFunction)
- return;
-
- try {
- // Take all the event args, and prefix with the viewmodel
- var argsForHandler = ko.utils.makeArray(arguments);
- viewModel = bindingContext['$data'];
- argsForHandler.unshift(viewModel);
- handlerReturnValue = handlerFunction.apply(viewModel, argsForHandler);
- } finally {
- if (handlerReturnValue !== true) { // Normally we want to prevent default action. Developer can override this be explicitly returning true.
- if (event.preventDefault)
- event.preventDefault();
- else
- event.returnValue = false;
- }
- }
-
- var bubble = allBindings.get(eventName + 'Bubble') !== false;
- if (!bubble) {
- event.cancelBubble = true;
- if (event.stopPropagation)
- event.stopPropagation();
- }
- });
- }
- });
- }
- };
-// "foreach: someExpression" is equivalent to "template: { foreach: someExpression }"
-// "foreach: { data: someExpression, afterAdd: myfn }" is equivalent to "template: { foreach: someExpression, afterAdd: myfn }"
- ko.bindingHandlers['foreach'] = {
- makeTemplateValueAccessor: function(valueAccessor) {
- return function() {
- var modelValue = valueAccessor(),
- unwrappedValue = ko.utils.peekObservable(modelValue); // Unwrap without setting a dependency here
-
- // If unwrappedValue is the array, pass in the wrapped value on its own
- // The value will be unwrapped and tracked within the template binding
- // (See https://github.com/SteveSanderson/knockout/issues/523)
- if ((!unwrappedValue) || typeof unwrappedValue.length == "number")
- return { 'foreach': modelValue, 'templateEngine': ko.nativeTemplateEngine.instance };
-
- // If unwrappedValue.data is the array, preserve all relevant options and unwrap again value so we get updates
- ko.utils.unwrapObservable(modelValue);
- return {
- 'foreach': unwrappedValue['data'],
- 'as': unwrappedValue['as'],
- 'includeDestroyed': unwrappedValue['includeDestroyed'],
- 'afterAdd': unwrappedValue['afterAdd'],
- 'beforeRemove': unwrappedValue['beforeRemove'],
- 'afterRender': unwrappedValue['afterRender'],
- 'beforeMove': unwrappedValue['beforeMove'],
- 'afterMove': unwrappedValue['afterMove'],
- 'templateEngine': ko.nativeTemplateEngine.instance
- };
- };
- },
- 'init': function(element, valueAccessor, allBindings, viewModel, bindingContext) {
- return ko.bindingHandlers['template']['init'](element, ko.bindingHandlers['foreach'].makeTemplateValueAccessor(valueAccessor));
- },
- 'update': function(element, valueAccessor, allBindings, viewModel, bindingContext) {
- return ko.bindingHandlers['template']['update'](element, ko.bindingHandlers['foreach'].makeTemplateValueAccessor(valueAccessor), allBindings, viewModel, bindingContext);
- }
- };
- ko.expressionRewriting.bindingRewriteValidators['foreach'] = false; // Can't rewrite control flow bindings
- ko.virtualElements.allowedBindings['foreach'] = true;
- var hasfocusUpdatingProperty = '__ko_hasfocusUpdating';
- var hasfocusLastValue = '__ko_hasfocusLastValue';
- ko.bindingHandlers['hasfocus'] = {
- 'init': function(element, valueAccessor, allBindings) {
- var handleElementFocusChange = function(isFocused) {
- // Where possible, ignore which event was raised and determine focus state using activeElement,
- // as this avoids phantom focus/blur events raised when changing tabs in modern browsers.
- // However, not all KO-targeted browsers (Firefox 2) support activeElement. For those browsers,
- // prevent a loss of focus when changing tabs/windows by setting a flag that prevents hasfocus
- // from calling 'blur()' on the element when it loses focus.
- // Discussion at https://github.com/SteveSanderson/knockout/pull/352
- element[hasfocusUpdatingProperty] = true;
- var ownerDoc = element.ownerDocument;
- if ("activeElement" in ownerDoc) {
- var active;
- try {
- active = ownerDoc.activeElement;
- } catch(e) {
- // IE9 throws if you access activeElement during page load (see issue #703)
- active = ownerDoc.body;
- }
- isFocused = (active === element);
- }
- var modelValue = valueAccessor();
- ko.expressionRewriting.writeValueToProperty(modelValue, allBindings, 'hasfocus', isFocused, true);
-
- //cache the latest value, so we can avoid unnecessarily calling focus/blur in the update function
- element[hasfocusLastValue] = isFocused;
- element[hasfocusUpdatingProperty] = false;
- };
- var handleElementFocusIn = handleElementFocusChange.bind(null, true);
- var handleElementFocusOut = handleElementFocusChange.bind(null, false);
-
- ko.utils.registerEventHandler(element, "focus", handleElementFocusIn);
- ko.utils.registerEventHandler(element, "focusin", handleElementFocusIn); // For IE
- ko.utils.registerEventHandler(element, "blur", handleElementFocusOut);
- ko.utils.registerEventHandler(element, "focusout", handleElementFocusOut); // For IE
- },
- 'update': function(element, valueAccessor) {
- var value = !!ko.utils.unwrapObservable(valueAccessor()); //force boolean to compare with last value
- if (!element[hasfocusUpdatingProperty] && element[hasfocusLastValue] !== value) {
- value ? element.focus() : element.blur();
- ko.dependencyDetection.ignore(ko.utils.triggerEvent, null, [element, value ? "focusin" : "focusout"]); // For IE, which doesn't reliably fire "focus" or "blur" events synchronously
- }
- }
- };
- ko.expressionRewriting.twoWayBindings['hasfocus'] = true;
-
- ko.bindingHandlers['hasFocus'] = ko.bindingHandlers['hasfocus']; // Make "hasFocus" an alias
- ko.expressionRewriting.twoWayBindings['hasFocus'] = true;
- ko.bindingHandlers['html'] = {
- 'init': function() {
- // Prevent binding on the dynamically-injected HTML (as developers are unlikely to expect that, and it has security implications)
- return { 'controlsDescendantBindings': true };
- },
- 'update': function (element, valueAccessor) {
- // setHtml will unwrap the value if needed
- ko.utils.setHtml(element, valueAccessor());
- }
- };
- var withIfDomDataKey = ko.utils.domData.nextKey();
-// Makes a binding like with or if
- function makeWithIfBinding(bindingKey, isWith, isNot, makeContextCallback) {
- ko.bindingHandlers[bindingKey] = {
- 'init': function(element) {
- ko.utils.domData.set(element, withIfDomDataKey, {});
- return { 'controlsDescendantBindings': true };
- },
- 'update': function(element, valueAccessor, allBindings, viewModel, bindingContext) {
- var withIfData = ko.utils.domData.get(element, withIfDomDataKey),
- dataValue = ko.utils.unwrapObservable(valueAccessor()),
- shouldDisplay = !isNot !== !dataValue, // equivalent to isNot ? !dataValue : !!dataValue
- isFirstRender = !withIfData.savedNodes,
- needsRefresh = isFirstRender || isWith || (shouldDisplay !== withIfData.didDisplayOnLastUpdate);
-
- if (needsRefresh) {
- if (isFirstRender) {
- withIfData.savedNodes = ko.utils.cloneNodes(ko.virtualElements.childNodes(element), true /* shouldCleanNodes */);
- }
-
- if (shouldDisplay) {
- if (!isFirstRender) {
- ko.virtualElements.setDomNodeChildren(element, ko.utils.cloneNodes(withIfData.savedNodes));
- }
- ko.applyBindingsToDescendants(makeContextCallback ? makeContextCallback(bindingContext, dataValue) : bindingContext, element);
- } else {
- ko.virtualElements.emptyNode(element);
- }
-
- withIfData.didDisplayOnLastUpdate = shouldDisplay;
- }
- }
- };
- ko.expressionRewriting.bindingRewriteValidators[bindingKey] = false; // Can't rewrite control flow bindings
- ko.virtualElements.allowedBindings[bindingKey] = true;
- }
-
-// Construct the actual binding handlers
- makeWithIfBinding('if');
- makeWithIfBinding('ifnot', false /* isWith */, true /* isNot */);
- makeWithIfBinding('with', true /* isWith */, false /* isNot */,
- function(bindingContext, dataValue) {
- return bindingContext['createChildContext'](dataValue);
- }
- );
- ko.bindingHandlers['options'] = {
- 'init': function(element) {
- if (ko.utils.tagNameLower(element) !== "select")
- throw new Error("options binding applies only to SELECT elements");
-
- // Remove all existing <option>s.
- while (element.length > 0) {
- element.remove(0);
- }
-
- // Ensures that the binding processor doesn't try to bind the options
- return { 'controlsDescendantBindings': true };
- },
- 'update': function (element, valueAccessor, allBindings) {
- function selectedOptions() {
- return element['selectedOptions'] || ko.utils.arrayFilter(element.options, function (node) { return node.selected; });
- }
-
- var selectWasPreviouslyEmpty = element.length == 0;
- var previousScrollTop = (!selectWasPreviouslyEmpty && element.multiple) ? element.scrollTop : null;
-
- var unwrappedArray = ko.utils.unwrapObservable(valueAccessor());
- var includeDestroyed = allBindings.get('optionsIncludeDestroyed');
- var captionPlaceholder = {};
- var captionValue;
- var previousSelectedValues;
- if (element.multiple) {
- previousSelectedValues = ko.utils.arrayMap(selectedOptions(), ko.selectExtensions.readValue);
- } else {
- previousSelectedValues = element.selectedIndex >= 0 ? [ ko.selectExtensions.readValue(element.options[element.selectedIndex]) ] : [];
- }
-
- if (unwrappedArray) {
- if (typeof unwrappedArray.length == "undefined") // Coerce single value into array
- unwrappedArray = [unwrappedArray];
-
- // Filter out any entries marked as destroyed
- var filteredArray = ko.utils.arrayFilter(unwrappedArray, function(item) {
- return includeDestroyed || item === undefined || item === null || !ko.utils.unwrapObservable(item['_destroy']);
- });
-
- // If caption is included, add it to the array
- if (allBindings['has']('optionsCaption')) {
- captionValue = ko.utils.unwrapObservable(allBindings.get('optionsCaption'));
- // If caption value is null or undefined, don't show a caption
- if (captionValue !== null && captionValue !== undefined) {
- filteredArray.unshift(captionPlaceholder);
- }
- }
- } else {
- // If a falsy value is provided (e.g. null), we'll simply empty the select element
- unwrappedArray = [];
- }
-
- function applyToObject(object, predicate, defaultValue) {
- var predicateType = typeof predicate;
- if (predicateType == "function") // Given a function; run it against the data value
- return predicate(object);
- else if (predicateType == "string") // Given a string; treat it as a property name on the data value
- return object[predicate];
- else // Given no optionsText arg; use the data value itself
- return defaultValue;
- }
-
- // The following functions can run at two different times:
- // The first is when the whole array is being updated directly from this binding handler.
- // The second is when an observable value for a specific array entry is updated.
- // oldOptions will be empty in the first case, but will be filled with the previously generated option in the second.
- var itemUpdate = false;
- function optionForArrayItem(arrayEntry, index, oldOptions) {
- if (oldOptions.length) {
- previousSelectedValues = oldOptions[0].selected ? [ ko.selectExtensions.readValue(oldOptions[0]) ] : [];
- itemUpdate = true;
- }
- var option = document.createElement("option");
- if (arrayEntry === captionPlaceholder) {
- ko.utils.setTextContent(option, allBindings.get('optionsCaption'));
- ko.selectExtensions.writeValue(option, undefined);
- } else {
- // Apply a value to the option element
- var optionValue = applyToObject(arrayEntry, allBindings.get('optionsValue'), arrayEntry);
- ko.selectExtensions.writeValue(option, ko.utils.unwrapObservable(optionValue));
-
- // Apply some text to the option element
- var optionText = applyToObject(arrayEntry, allBindings.get('optionsText'), optionValue);
- ko.utils.setTextContent(option, optionText);
- }
- return [option];
- }
-
- function setSelectionCallback(arrayEntry, newOptions) {
- // IE6 doesn't like us to assign selection to OPTION nodes before they're added to the document.
- // That's why we first added them without selection. Now it's time to set the selection.
- if (previousSelectedValues.length) {
- var isSelected = ko.utils.arrayIndexOf(previousSelectedValues, ko.selectExtensions.readValue(newOptions[0])) >= 0;
- ko.utils.setOptionNodeSelectionState(newOptions[0], isSelected);
-
- // If this option was changed from being selected during a single-item update, notify the change
- if (itemUpdate && !isSelected)
- ko.dependencyDetection.ignore(ko.utils.triggerEvent, null, [element, "change"]);
- }
- }
-
- var callback = setSelectionCallback;
- if (allBindings['has']('optionsAfterRender')) {
- callback = function(arrayEntry, newOptions) {
- setSelectionCallback(arrayEntry, newOptions);
- ko.dependencyDetection.ignore(allBindings.get('optionsAfterRender'), null, [newOptions[0], arrayEntry !== captionPlaceholder ? arrayEntry : undefined]);
- }
- }
-
- ko.utils.setDomNodeChildrenFromArrayMapping(element, filteredArray, optionForArrayItem, null, callback);
-
- // Determine if the selection has changed as a result of updating the options list
- var selectionChanged;
- if (element.multiple) {
- // For a multiple-select box, compare the new selection count to the previous one
- // But if nothing was selected before, the selection can't have changed
- selectionChanged = previousSelectedValues.length && selectedOptions().length < previousSelectedValues.length;
- } else {
- // For a single-select box, compare the current value to the previous value
- // But if nothing was selected before or nothing is selected now, just look for a change in selection
- selectionChanged = (previousSelectedValues.length && element.selectedIndex >= 0)
- ? (ko.selectExtensions.readValue(element.options[element.selectedIndex]) !== previousSelectedValues[0])
- : (previousSelectedValues.length || element.selectedIndex >= 0);
- }
-
- // Ensure consistency between model value and selected option.
- // If the dropdown was changed so that selection is no longer the same,
- // notify the value or selectedOptions binding.
- if (selectionChanged)
- ko.dependencyDetection.ignore(ko.utils.triggerEvent, null, [element, "change"]);
-
- // Workaround for IE bug
- ko.utils.ensureSelectElementIsRenderedCorrectly(element);
-
- if (previousScrollTop && Math.abs(previousScrollTop - element.scrollTop) > 20)
- element.scrollTop = previousScrollTop;
- }
- };
- ko.bindingHandlers['options'].optionValueDomDataKey = ko.utils.domData.nextKey();
- ko.bindingHandlers['selectedOptions'] = {
- 'after': ['options', 'foreach'],
- 'init': function (element, valueAccessor, allBindings) {
- ko.utils.registerEventHandler(element, "change", function () {
- var value = valueAccessor(), valueToWrite = [];
- ko.utils.arrayForEach(element.getElementsByTagName("option"), function(node) {
- if (node.selected)
- valueToWrite.push(ko.selectExtensions.readValue(node));
- });
- ko.expressionRewriting.writeValueToProperty(value, allBindings, 'selectedOptions', valueToWrite);
- });
- },
- 'update': function (element, valueAccessor) {
- if (ko.utils.tagNameLower(element) != "select")
- throw new Error("values binding applies only to SELECT elements");
-
- var newValue = ko.utils.unwrapObservable(valueAccessor());
- if (newValue && typeof newValue.length == "number") {
- ko.utils.arrayForEach(element.getElementsByTagName("option"), function(node) {
- var isSelected = ko.utils.arrayIndexOf(newValue, ko.selectExtensions.readValue(node)) >= 0;
- ko.utils.setOptionNodeSelectionState(node, isSelected);
- });
- }
- }
- };
- ko.expressionRewriting.twoWayBindings['selectedOptions'] = true;
- ko.bindingHandlers['style'] = {
- 'update': function (element, valueAccessor) {
- var value = ko.utils.unwrapObservable(valueAccessor() || {});
- ko.utils.objectForEach(value, function(styleName, styleValue) {
- styleValue = ko.utils.unwrapObservable(styleValue);
- element.style[styleName] = styleValue || ""; // Empty string removes the value, whereas null/undefined have no effect
- });
- }
- };
- ko.bindingHandlers['submit'] = {
- 'init': function (element, valueAccessor, allBindings, viewModel, bindingContext) {
- if (typeof valueAccessor() != "function")
- throw new Error("The value for a submit binding must be a function");
- ko.utils.registerEventHandler(element, "submit", function (event) {
- var handlerReturnValue;
- var value = valueAccessor();
- try { handlerReturnValue = value.call(bindingContext['$data'], element); }
- finally {
- if (handlerReturnValue !== true) { // Normally we want to prevent default action. Developer can override this be explicitly returning true.
- if (event.preventDefault)
- event.preventDefault();
- else
- event.returnValue = false;
- }
- }
- });
- }
- };
- ko.bindingHandlers['text'] = {
- 'init': function() {
- // Prevent binding on the dynamically-injected text node (as developers are unlikely to expect that, and it has security implications).
- // It should also make things faster, as we no longer have to consider whether the text node might be bindable.
- return { 'controlsDescendantBindings': true };
- },
- 'update': function (element, valueAccessor) {
- ko.utils.setTextContent(element, valueAccessor());
- }
- };
- ko.virtualElements.allowedBindings['text'] = true;
- ko.bindingHandlers['uniqueName'] = {
- 'init': function (element, valueAccessor) {
- if (valueAccessor()) {
- var name = "ko_unique_" + (++ko.bindingHandlers['uniqueName'].currentIndex);
- ko.utils.setElementName(element, name);
- }
- }
- };
- ko.bindingHandlers['uniqueName'].currentIndex = 0;
- ko.bindingHandlers['value'] = {
- 'after': ['options', 'foreach'],
- 'init': function (element, valueAccessor, allBindings) {
- // Always catch "change" event; possibly other events too if asked
- var eventsToCatch = ["change"];
- var requestedEventsToCatch = allBindings.get("valueUpdate");
- var propertyChangedFired = false;
- if (requestedEventsToCatch) {
- if (typeof requestedEventsToCatch == "string") // Allow both individual event names, and arrays of event names
- requestedEventsToCatch = [requestedEventsToCatch];
- ko.utils.arrayPushAll(eventsToCatch, requestedEventsToCatch);
- eventsToCatch = ko.utils.arrayGetDistinctValues(eventsToCatch);
- }
-
- var valueUpdateHandler = function() {
- propertyChangedFired = false;
- var modelValue = valueAccessor();
- var elementValue = ko.selectExtensions.readValue(element);
- ko.expressionRewriting.writeValueToProperty(modelValue, allBindings, 'value', elementValue);
- }
-
- // Workaround for https://github.com/SteveSanderson/knockout/issues/122
- // IE doesn't fire "change" events on textboxes if the user selects a value from its autocomplete list
- var ieAutoCompleteHackNeeded = ko.utils.ieVersion && element.tagName.toLowerCase() == "input" && element.type == "text"
- && element.autocomplete != "off" && (!element.form || element.form.autocomplete != "off");
- if (ieAutoCompleteHackNeeded && ko.utils.arrayIndexOf(eventsToCatch, "propertychange") == -1) {
- ko.utils.registerEventHandler(element, "propertychange", function () { propertyChangedFired = true });
- ko.utils.registerEventHandler(element, "blur", function() {
- if (propertyChangedFired) {
- valueUpdateHandler();
- }
- });
- }
-
- ko.utils.arrayForEach(eventsToCatch, function(eventName) {
- // The syntax "after<eventname>" means "run the handler asynchronously after the event"
- // This is useful, for example, to catch "keydown" events after the browser has updated the control
- // (otherwise, ko.selectExtensions.readValue(this) will receive the control's value *before* the key event)
- var handler = valueUpdateHandler;
- if (ko.utils.stringStartsWith(eventName, "after")) {
- handler = function() { setTimeout(valueUpdateHandler, 0) };
- eventName = eventName.substring("after".length);
- }
- ko.utils.registerEventHandler(element, eventName, handler);
- });
- },
- 'update': function (element, valueAccessor) {
- var valueIsSelectOption = ko.utils.tagNameLower(element) === "select";
- var newValue = ko.utils.unwrapObservable(valueAccessor());
- var elementValue = ko.selectExtensions.readValue(element);
- var valueHasChanged = (newValue !== elementValue);
-
- if (valueHasChanged) {
- var applyValueAction = function () { ko.selectExtensions.writeValue(element, newValue); };
- applyValueAction();
-
- if (valueIsSelectOption) {
- if (newValue !== ko.selectExtensions.readValue(element)) {
- // If you try to set a model value that can't be represented in an already-populated dropdown, reject that change,
- // because you're not allowed to have a model value that disagrees with a visible UI selection.
- ko.dependencyDetection.ignore(ko.utils.triggerEvent, null, [element, "change"]);
- } else {
- // Workaround for IE6 bug: It won't reliably apply values to SELECT nodes during the same execution thread
- // right after you've changed the set of OPTION nodes on it. So for that node type, we'll schedule a second thread
- // to apply the value as well.
- setTimeout(applyValueAction, 0);
- }
- }
- }
- }
- };
- ko.expressionRewriting.twoWayBindings['value'] = true;
- ko.bindingHandlers['visible'] = {
- 'update': function (element, valueAccessor) {
- var value = ko.utils.unwrapObservable(valueAccessor());
- var isCurrentlyVisible = !(element.style.display == "none");
- if (value && !isCurrentlyVisible)
- element.style.display = "";
- else if ((!value) && isCurrentlyVisible)
- element.style.display = "none";
- }
- };
-// 'click' is just a shorthand for the usual full-length event:{click:handler}
- makeEventHandlerShortcut('click');
-// If you want to make a custom template engine,
-
-// [1] Inherit from this class (like ko.nativeTemplateEngine does)
-// [2] Override 'renderTemplateSource', supplying a function with this signature:
-
-// function (templateSource, bindingContext, options) {
-// // - templateSource.text() is the text of the template you should render
-// // - bindingContext.$data is the data you should pass into the template
-// // - you might also want to make bindingContext.$parent, bindingContext.$parents,
-// // and bindingContext.$root available in the template too
-// // - options gives you access to any other properties set on "data-bind: { template: options }"
-// //
-// // Return value: an array of DOM nodes
-// }
-
-// [3] Override 'createJavaScriptEvaluatorBlock', supplying a function with this signature:
-
-// function (script) {
-// // Return value: Whatever syntax means "Evaluate the JavaScript statement 'script' and output the result"
-// // For example, the jquery.tmpl template engine converts 'someScript' to '${ someScript }'
-// }
-
-// This is only necessary if you want to allow data-bind attributes to reference arbitrary template variables.
-// If you don't want to allow that, you can set the property 'allowTemplateRewriting' to false (like ko.nativeTemplateEngine does)
-// and then you don't need to override 'createJavaScriptEvaluatorBlock'.
-
- ko.templateEngine = function () { };
-
- ko.templateEngine.prototype['renderTemplateSource'] = function (templateSource, bindingContext, options) {
- throw new Error("Override renderTemplateSource");
- };
-
- ko.templateEngine.prototype['createJavaScriptEvaluatorBlock'] = function (script) {
- throw new Error("Override createJavaScriptEvaluatorBlock");
- };
-
- ko.templateEngine.prototype['makeTemplateSource'] = function(template, templateDocument) {
- // Named template
- if (typeof template == "string") {
- templateDocument = templateDocument || document;
- var elem = templateDocument.getElementById(template);
- if (!elem)
- throw new Error("Cannot find template with ID " + template);
- return new ko.templateSources.domElement(elem);
- } else if ((template.nodeType == 1) || (template.nodeType == 8)) {
- // Anonymous template
- return new ko.templateSources.anonymousTemplate(template);
- } else
- throw new Error("Unknown template type: " + template);
- };
-
- ko.templateEngine.prototype['renderTemplate'] = function (template, bindingContext, options, templateDocument) {
- var templateSource = this['makeTemplateSource'](template, templateDocument);
- return this['renderTemplateSource'](templateSource, bindingContext, options);
- };
-
- ko.templateEngine.prototype['isTemplateRewritten'] = function (template, templateDocument) {
- // Skip rewriting if requested
- if (this['allowTemplateRewriting'] === false)
- return true;
- return this['makeTemplateSource'](template, templateDocument)['data']("isRewritten");
- };
-
- ko.templateEngine.prototype['rewriteTemplate'] = function (template, rewriterCallback, templateDocument) {
- var templateSource = this['makeTemplateSource'](template, templateDocument);
- var rewritten = rewriterCallback(templateSource['text']());
- templateSource['text'](rewritten);
- templateSource['data']("isRewritten", true);
- };
-
- ko.exportSymbol('templateEngine', ko.templateEngine);
-
- ko.templateRewriting = (function () {
- var memoizeDataBindingAttributeSyntaxRegex = /(<([a-z]+\d*)(?:\s+(?!data-bind\s*=\s*)[a-z0-9\-]+(?:=(?:\"[^\"]*\"|\'[^\']*\'))?)*\s+)data-bind\s*=\s*(["'])([\s\S]*?)\3/gi;
- var memoizeVirtualContainerBindingSyntaxRegex = /<!--\s*ko\b\s*([\s\S]*?)\s*-->/g;
-
- function validateDataBindValuesForRewriting(keyValueArray) {
- var allValidators = ko.expressionRewriting.bindingRewriteValidators;
- for (var i = 0; i < keyValueArray.length; i++) {
- var key = keyValueArray[i]['key'];
- if (allValidators.hasOwnProperty(key)) {
- var validator = allValidators[key];
-
- if (typeof validator === "function") {
- var possibleErrorMessage = validator(keyValueArray[i]['value']);
- if (possibleErrorMessage)
- throw new Error(possibleErrorMessage);
- } else if (!validator) {
- throw new Error("This template engine does not support the '" + key + "' binding within its templates");
- }
- }
- }
- }
-
- function constructMemoizedTagReplacement(dataBindAttributeValue, tagToRetain, nodeName, templateEngine) {
- var dataBindKeyValueArray = ko.expressionRewriting.parseObjectLiteral(dataBindAttributeValue);
- validateDataBindValuesForRewriting(dataBindKeyValueArray);
- var rewrittenDataBindAttributeValue = ko.expressionRewriting.preProcessBindings(dataBindKeyValueArray, {'valueAccessors':true});
-
- // For no obvious reason, Opera fails to evaluate rewrittenDataBindAttributeValue unless it's wrapped in an additional
- // anonymous function, even though Opera's built-in debugger can evaluate it anyway. No other browser requires this
- // extra indirection.
- var applyBindingsToNextSiblingScript =
- "ko.__tr_ambtns(function($context,$element){return(function(){return{ " + rewrittenDataBindAttributeValue + " } })()},'" + nodeName.toLowerCase() + "')";
- return templateEngine['createJavaScriptEvaluatorBlock'](applyBindingsToNextSiblingScript) + tagToRetain;
- }
-
- return {
- ensureTemplateIsRewritten: function (template, templateEngine, templateDocument) {
- if (!templateEngine['isTemplateRewritten'](template, templateDocument))
- templateEngine['rewriteTemplate'](template, function (htmlString) {
- return ko.templateRewriting.memoizeBindingAttributeSyntax(htmlString, templateEngine);
- }, templateDocument);
- },
-
- memoizeBindingAttributeSyntax: function (htmlString, templateEngine) {
- return htmlString.replace(memoizeDataBindingAttributeSyntaxRegex, function () {
- return constructMemoizedTagReplacement(/* dataBindAttributeValue: */ arguments[4], /* tagToRetain: */ arguments[1], /* nodeName: */ arguments[2], templateEngine);
- }).replace(memoizeVirtualContainerBindingSyntaxRegex, function() {
- return constructMemoizedTagReplacement(/* dataBindAttributeValue: */ arguments[1], /* tagToRetain: */ "<!-- ko -->", /* nodeName: */ "#comment", templateEngine);
- });
- },
-
- applyMemoizedBindingsToNextSibling: function (bindings, nodeName) {
- return ko.memoization.memoize(function (domNode, bindingContext) {
- var nodeToBind = domNode.nextSibling;
- if (nodeToBind && nodeToBind.nodeName.toLowerCase() === nodeName) {
- ko.applyBindingAccessorsToNode(nodeToBind, bindings, bindingContext);
- }
- });
- }
- }
- })();
-
-
-// Exported only because it has to be referenced by string lookup from within rewritten template
- ko.exportSymbol('__tr_ambtns', ko.templateRewriting.applyMemoizedBindingsToNextSibling);
- (function() {
- // A template source represents a read/write way of accessing a template. This is to eliminate the need for template loading/saving
- // logic to be duplicated in every template engine (and means they can all work with anonymous templates, etc.)
- //
- // Two are provided by default:
- // 1. ko.templateSources.domElement - reads/writes the text content of an arbitrary DOM element
- // 2. ko.templateSources.anonymousElement - uses ko.utils.domData to read/write text *associated* with the DOM element, but
- // without reading/writing the actual element text content, since it will be overwritten
- // with the rendered template output.
- // You can implement your own template source if you want to fetch/store templates somewhere other than in DOM elements.
- // Template sources need to have the following functions:
- // text() - returns the template text from your storage location
- // text(value) - writes the supplied template text to your storage location
- // data(key) - reads values stored using data(key, value) - see below
- // data(key, value) - associates "value" with this template and the key "key". Is used to store information like "isRewritten".
- //
- // Optionally, template sources can also have the following functions:
- // nodes() - returns a DOM element containing the nodes of this template, where available
- // nodes(value) - writes the given DOM element to your storage location
- // If a DOM element is available for a given template source, template engines are encouraged to use it in preference over text()
- // for improved speed. However, all templateSources must supply text() even if they don't supply nodes().
- //
- // Once you've implemented a templateSource, make your template engine use it by subclassing whatever template engine you were
- // using and overriding "makeTemplateSource" to return an instance of your custom template source.
-
- ko.templateSources = {};
-
- // ---- ko.templateSources.domElement -----
-
- ko.templateSources.domElement = function(element) {
- this.domElement = element;
- }
-
- ko.templateSources.domElement.prototype['text'] = function(/* valueToWrite */) {
- var tagNameLower = ko.utils.tagNameLower(this.domElement),
- elemContentsProperty = tagNameLower === "script" ? "text"
- : tagNameLower === "textarea" ? "value"
- : "innerHTML";
-
- if (arguments.length == 0) {
- return this.domElement[elemContentsProperty];
- } else {
- var valueToWrite = arguments[0];
- if (elemContentsProperty === "innerHTML")
- ko.utils.setHtml(this.domElement, valueToWrite);
- else
- this.domElement[elemContentsProperty] = valueToWrite;
- }
- };
-
- var dataDomDataPrefix = ko.utils.domData.nextKey() + "_";
- ko.templateSources.domElement.prototype['data'] = function(key /*, valueToWrite */) {
- if (arguments.length === 1) {
- return ko.utils.domData.get(this.domElement, dataDomDataPrefix + key);
- } else {
- ko.utils.domData.set(this.domElement, dataDomDataPrefix + key, arguments[1]);
- }
- };
-
- // ---- ko.templateSources.anonymousTemplate -----
- // Anonymous templates are normally saved/retrieved as DOM nodes through "nodes".
- // For compatibility, you can also read "text"; it will be serialized from the nodes on demand.
- // Writing to "text" is still supported, but then the template data will not be available as DOM nodes.
-
- var anonymousTemplatesDomDataKey = ko.utils.domData.nextKey();
- ko.templateSources.anonymousTemplate = function(element) {
- this.domElement = element;
- }
- ko.templateSources.anonymousTemplate.prototype = new ko.templateSources.domElement();
- ko.templateSources.anonymousTemplate.prototype.constructor = ko.templateSources.anonymousTemplate;
- ko.templateSources.anonymousTemplate.prototype['text'] = function(/* valueToWrite */) {
- if (arguments.length == 0) {
- var templateData = ko.utils.domData.get(this.domElement, anonymousTemplatesDomDataKey) || {};
- if (templateData.textData === undefined && templateData.containerData)
- templateData.textData = templateData.containerData.innerHTML;
- return templateData.textData;
- } else {
- var valueToWrite = arguments[0];
- ko.utils.domData.set(this.domElement, anonymousTemplatesDomDataKey, {textData: valueToWrite});
- }
- };
- ko.templateSources.domElement.prototype['nodes'] = function(/* valueToWrite */) {
- if (arguments.length == 0) {
- var templateData = ko.utils.domData.get(this.domElement, anonymousTemplatesDomDataKey) || {};
- return templateData.containerData;
- } else {
- var valueToWrite = arguments[0];
- ko.utils.domData.set(this.domElement, anonymousTemplatesDomDataKey, {containerData: valueToWrite});
- }
- };
-
- ko.exportSymbol('templateSources', ko.templateSources);
- ko.exportSymbol('templateSources.domElement', ko.templateSources.domElement);
- ko.exportSymbol('templateSources.anonymousTemplate', ko.templateSources.anonymousTemplate);
- })();
- (function () {
- var _templateEngine;
- ko.setTemplateEngine = function (templateEngine) {
- if ((templateEngine != undefined) && !(templateEngine instanceof ko.templateEngine))
- throw new Error("templateEngine must inherit from ko.templateEngine");
- _templateEngine = templateEngine;
- }
-
- function invokeForEachNodeInContinuousRange(firstNode, lastNode, action) {
- var node, nextInQueue = firstNode, firstOutOfRangeNode = ko.virtualElements.nextSibling(lastNode);
- while (nextInQueue && ((node = nextInQueue) !== firstOutOfRangeNode)) {
- nextInQueue = ko.virtualElements.nextSibling(node);
- action(node, nextInQueue);
- }
- }
-
- function activateBindingsOnContinuousNodeArray(continuousNodeArray, bindingContext) {
- // To be used on any nodes that have been rendered by a template and have been inserted into some parent element
- // Walks through continuousNodeArray (which *must* be continuous, i.e., an uninterrupted sequence of sibling nodes, because
- // the algorithm for walking them relies on this), and for each top-level item in the virtual-element sense,
- // (1) Does a regular "applyBindings" to associate bindingContext with this node and to activate any non-memoized bindings
- // (2) Unmemoizes any memos in the DOM subtree (e.g., to activate bindings that had been memoized during template rewriting)
-
- if (continuousNodeArray.length) {
- var firstNode = continuousNodeArray[0],
- lastNode = continuousNodeArray[continuousNodeArray.length - 1],
- parentNode = firstNode.parentNode,
- provider = ko.bindingProvider['instance'],
- preprocessNode = provider['preprocessNode'];
-
- if (preprocessNode) {
- invokeForEachNodeInContinuousRange(firstNode, lastNode, function(node, nextNodeInRange) {
- var nodePreviousSibling = node.previousSibling;
- var newNodes = preprocessNode.call(provider, node);
- if (newNodes) {
- if (node === firstNode)
- firstNode = newNodes[0] || nextNodeInRange;
- if (node === lastNode)
- lastNode = newNodes[newNodes.length - 1] || nodePreviousSibling;
- }
- });
-
- // Because preprocessNode can change the nodes, including the first and last nodes, update continuousNodeArray to match.
- // We need the full set, including inner nodes, because the unmemoize step might remove the first node (and so the real
- // first node needs to be in the array).
- continuousNodeArray.length = 0;
- if (!firstNode) { // preprocessNode might have removed all the nodes, in which case there's nothing left to do
- return;
- }
- if (firstNode === lastNode) {
- continuousNodeArray.push(firstNode);
- } else {
- continuousNodeArray.push(firstNode, lastNode);
- ko.utils.fixUpContinuousNodeArray(continuousNodeArray, parentNode);
- }
- }
-
- // Need to applyBindings *before* unmemoziation, because unmemoization might introduce extra nodes (that we don't want to re-bind)
- // whereas a regular applyBindings won't introduce new memoized nodes
- invokeForEachNodeInContinuousRange(firstNode, lastNode, function(node) {
- if (node.nodeType === 1 || node.nodeType === 8)
- ko.applyBindings(bindingContext, node);
- });
- invokeForEachNodeInContinuousRange(firstNode, lastNode, function(node) {
- if (node.nodeType === 1 || node.nodeType === 8)
- ko.memoization.unmemoizeDomNodeAndDescendants(node, [bindingContext]);
- });
-
- // Make sure any changes done by applyBindings or unmemoize are reflected in the array
- ko.utils.fixUpContinuousNodeArray(continuousNodeArray, parentNode);
- }
- }
-
- function getFirstNodeFromPossibleArray(nodeOrNodeArray) {
- return nodeOrNodeArray.nodeType ? nodeOrNodeArray
- : nodeOrNodeArray.length > 0 ? nodeOrNodeArray[0]
- : null;
- }
-
- function executeTemplate(targetNodeOrNodeArray, renderMode, template, bindingContext, options) {
- options = options || {};
- var firstTargetNode = targetNodeOrNodeArray && getFirstNodeFromPossibleArray(targetNodeOrNodeArray);
- var templateDocument = firstTargetNode && firstTargetNode.ownerDocument;
- var templateEngineToUse = (options['templateEngine'] || _templateEngine);
- ko.templateRewriting.ensureTemplateIsRewritten(template, templateEngineToUse, templateDocument);
- var renderedNodesArray = templateEngineToUse['renderTemplate'](template, bindingContext, options, templateDocument);
-
- // Loosely check result is an array of DOM nodes
- if ((typeof renderedNodesArray.length != "number") || (renderedNodesArray.length > 0 && typeof renderedNodesArray[0].nodeType != "number"))
- throw new Error("Template engine must return an array of DOM nodes");
-
- var haveAddedNodesToParent = false;
- switch (renderMode) {
- case "replaceChildren":
- ko.virtualElements.setDomNodeChildren(targetNodeOrNodeArray, renderedNodesArray);
- haveAddedNodesToParent = true;
- break;
- case "replaceNode":
- ko.utils.replaceDomNodes(targetNodeOrNodeArray, renderedNodesArray);
- haveAddedNodesToParent = true;
- break;
- case "ignoreTargetNode": break;
- default:
- throw new Error("Unknown renderMode: " + renderMode);
- }
-
- if (haveAddedNodesToParent) {
- activateBindingsOnContinuousNodeArray(renderedNodesArray, bindingContext);
- if (options['afterRender'])
- ko.dependencyDetection.ignore(options['afterRender'], null, [renderedNodesArray, bindingContext['$data']]);
- }
-
- return renderedNodesArray;
- }
-
- ko.renderTemplate = function (template, dataOrBindingContext, options, targetNodeOrNodeArray, renderMode) {
- options = options || {};
- if ((options['templateEngine'] || _templateEngine) == undefined)
- throw new Error("Set a template engine before calling renderTemplate");
- renderMode = renderMode || "replaceChildren";
-
- if (targetNodeOrNodeArray) {
- var firstTargetNode = getFirstNodeFromPossibleArray(targetNodeOrNodeArray);
-
- var whenToDispose = function () { return (!firstTargetNode) || !ko.utils.domNodeIsAttachedToDocument(firstTargetNode); }; // Passive disposal (on next evaluation)
- var activelyDisposeWhenNodeIsRemoved = (firstTargetNode && renderMode == "replaceNode") ? firstTargetNode.parentNode : firstTargetNode;
-
- return ko.dependentObservable( // So the DOM is automatically updated when any dependency changes
- function () {
- // Ensure we've got a proper binding context to work with
- var bindingContext = (dataOrBindingContext && (dataOrBindingContext instanceof ko.bindingContext))
- ? dataOrBindingContext
- : new ko.bindingContext(ko.utils.unwrapObservable(dataOrBindingContext));
-
- // Support selecting template as a function of the data being rendered
- var templateName = typeof(template) == 'function' ? template(bindingContext['$data'], bindingContext) : template;
-
- var renderedNodesArray = executeTemplate(targetNodeOrNodeArray, renderMode, templateName, bindingContext, options);
- if (renderMode == "replaceNode") {
- targetNodeOrNodeArray = renderedNodesArray;
- firstTargetNode = getFirstNodeFromPossibleArray(targetNodeOrNodeArray);
- }
- },
- null,
- { disposeWhen: whenToDispose, disposeWhenNodeIsRemoved: activelyDisposeWhenNodeIsRemoved }
- );
- } else {
- // We don't yet have a DOM node to evaluate, so use a memo and render the template later when there is a DOM node
- return ko.memoization.memoize(function (domNode) {
- ko.renderTemplate(template, dataOrBindingContext, options, domNode, "replaceNode");
- });
- }
- };
-
- ko.renderTemplateForEach = function (template, arrayOrObservableArray, options, targetNode, parentBindingContext) {
- // Since setDomNodeChildrenFromArrayMapping always calls executeTemplateForArrayItem and then
- // activateBindingsCallback for added items, we can store the binding context in the former to use in the latter.
- var arrayItemContext;
-
- // This will be called by setDomNodeChildrenFromArrayMapping to get the nodes to add to targetNode
- var executeTemplateForArrayItem = function (arrayValue, index) {
- // Support selecting template as a function of the data being rendered
- arrayItemContext = parentBindingContext['createChildContext'](arrayValue, options['as'], function(context) {
- context['$index'] = index;
- });
- var templateName = typeof(template) == 'function' ? template(arrayValue, arrayItemContext) : template;
- return executeTemplate(null, "ignoreTargetNode", templateName, arrayItemContext, options);
- }
-
- // This will be called whenever setDomNodeChildrenFromArrayMapping has added nodes to targetNode
- var activateBindingsCallback = function(arrayValue, addedNodesArray, index) {
- activateBindingsOnContinuousNodeArray(addedNodesArray, arrayItemContext);
- if (options['afterRender'])
- options['afterRender'](addedNodesArray, arrayValue);
- };
-
- return ko.dependentObservable(function () {
- var unwrappedArray = ko.utils.unwrapObservable(arrayOrObservableArray) || [];
- if (typeof unwrappedArray.length == "undefined") // Coerce single value into array
- unwrappedArray = [unwrappedArray];
-
- // Filter out any entries marked as destroyed
- var filteredArray = ko.utils.arrayFilter(unwrappedArray, function(item) {
- return options['includeDestroyed'] || item === undefined || item === null || !ko.utils.unwrapObservable(item['_destroy']);
- });
-
- // Call setDomNodeChildrenFromArrayMapping, ignoring any observables unwrapped within (most likely from a callback function).
- // If the array items are observables, though, they will be unwrapped in executeTemplateForArrayItem and managed within setDomNodeChildrenFromArrayMapping.
- ko.dependencyDetection.ignore(ko.utils.setDomNodeChildrenFromArrayMapping, null, [targetNode, filteredArray, executeTemplateForArrayItem, options, activateBindingsCallback]);
-
- }, null, { disposeWhenNodeIsRemoved: targetNode });
- };
-
- var templateComputedDomDataKey = ko.utils.domData.nextKey();
- function disposeOldComputedAndStoreNewOne(element, newComputed) {
- var oldComputed = ko.utils.domData.get(element, templateComputedDomDataKey);
- if (oldComputed && (typeof(oldComputed.dispose) == 'function'))
- oldComputed.dispose();
- ko.utils.domData.set(element, templateComputedDomDataKey, (newComputed && newComputed.isActive()) ? newComputed : undefined);
- }
-
- ko.bindingHandlers['template'] = {
- 'init': function(element, valueAccessor) {
- // Support anonymous templates
- var bindingValue = ko.utils.unwrapObservable(valueAccessor());
- if (typeof bindingValue == "string" || bindingValue['name']) {
- // It's a named template - clear the element
- ko.virtualElements.emptyNode(element);
- } else {
- // It's an anonymous template - store the element contents, then clear the element
- var templateNodes = ko.virtualElements.childNodes(element),
- container = ko.utils.moveCleanedNodesToContainerElement(templateNodes); // This also removes the nodes from their current parent
- new ko.templateSources.anonymousTemplate(element)['nodes'](container);
- }
- return { 'controlsDescendantBindings': true };
- },
- 'update': function (element, valueAccessor, allBindings, viewModel, bindingContext) {
- var templateName = ko.utils.unwrapObservable(valueAccessor()),
- options = {},
- shouldDisplay = true,
- dataValue,
- templateComputed = null;
-
- if (typeof templateName != "string") {
- options = templateName;
- templateName = ko.utils.unwrapObservable(options['name']);
-
- // Support "if"/"ifnot" conditions
- if ('if' in options)
- shouldDisplay = ko.utils.unwrapObservable(options['if']);
- if (shouldDisplay && 'ifnot' in options)
- shouldDisplay = !ko.utils.unwrapObservable(options['ifnot']);
-
- dataValue = ko.utils.unwrapObservable(options['data']);
- }
-
- if ('foreach' in options) {
- // Render once for each data point (treating data set as empty if shouldDisplay==false)
- var dataArray = (shouldDisplay && options['foreach']) || [];
- templateComputed = ko.renderTemplateForEach(templateName || element, dataArray, options, element, bindingContext);
- } else if (!shouldDisplay) {
- ko.virtualElements.emptyNode(element);
- } else {
- // Render once for this single data point (or use the viewModel if no data was provided)
- var innerBindingContext = ('data' in options) ?
- bindingContext['createChildContext'](dataValue, options['as']) : // Given an explitit 'data' value, we create a child binding context for it
- bindingContext; // Given no explicit 'data' value, we retain the same binding context
- templateComputed = ko.renderTemplate(templateName || element, innerBindingContext, options, element);
- }
-
- // It only makes sense to have a single template computed per element (otherwise which one should have its output displayed?)
- disposeOldComputedAndStoreNewOne(element, templateComputed);
- }
- };
-
- // Anonymous templates can't be rewritten. Give a nice error message if you try to do it.
- ko.expressionRewriting.bindingRewriteValidators['template'] = function(bindingValue) {
- var parsedBindingValue = ko.expressionRewriting.parseObjectLiteral(bindingValue);
-
- if ((parsedBindingValue.length == 1) && parsedBindingValue[0]['unknown'])
- return null; // It looks like a string literal, not an object literal, so treat it as a named template (which is allowed for rewriting)
-
- if (ko.expressionRewriting.keyValueArrayContainsKey(parsedBindingValue, "name"))
- return null; // Named templates can be rewritten, so return "no error"
- return "This template engine does not support anonymous templates nested within its templates";
- };
-
- ko.virtualElements.allowedBindings['template'] = true;
- })();
-
- ko.exportSymbol('setTemplateEngine', ko.setTemplateEngine);
- ko.exportSymbol('renderTemplate', ko.renderTemplate);
-
- ko.utils.compareArrays = (function () {
- var statusNotInOld = 'added', statusNotInNew = 'deleted';
-
- // Simple calculation based on Levenshtein distance.
- function compareArrays(oldArray, newArray, options) {
- // For backward compatibility, if the third arg is actually a bool, interpret
- // it as the old parameter 'dontLimitMoves'. Newer code should use { dontLimitMoves: true }.
- options = (typeof options === 'boolean') ? { 'dontLimitMoves': options } : (options || {});
- oldArray = oldArray || [];
- newArray = newArray || [];
-
- if (oldArray.length <= newArray.length)
- return compareSmallArrayToBigArray(oldArray, newArray, statusNotInOld, statusNotInNew, options);
- else
- return compareSmallArrayToBigArray(newArray, oldArray, statusNotInNew, statusNotInOld, options);
- }
-
- function compareSmallArrayToBigArray(smlArray, bigArray, statusNotInSml, statusNotInBig, options) {
- var myMin = Math.min,
- myMax = Math.max,
- editDistanceMatrix = [],
- smlIndex, smlIndexMax = smlArray.length,
- bigIndex, bigIndexMax = bigArray.length,
- compareRange = (bigIndexMax - smlIndexMax) || 1,
- maxDistance = smlIndexMax + bigIndexMax + 1,
- thisRow, lastRow,
- bigIndexMaxForRow, bigIndexMinForRow;
-
- for (smlIndex = 0; smlIndex <= smlIndexMax; smlIndex++) {
- lastRow = thisRow;
- editDistanceMatrix.push(thisRow = []);
- bigIndexMaxForRow = myMin(bigIndexMax, smlIndex + compareRange);
- bigIndexMinForRow = myMax(0, smlIndex - 1);
- for (bigIndex = bigIndexMinForRow; bigIndex <= bigIndexMaxForRow; bigIndex++) {
- if (!bigIndex)
- thisRow[bigIndex] = smlIndex + 1;
- else if (!smlIndex) // Top row - transform empty array into new array via additions
- thisRow[bigIndex] = bigIndex + 1;
- else if (smlArray[smlIndex - 1] === bigArray[bigIndex - 1])
- thisRow[bigIndex] = lastRow[bigIndex - 1]; // copy value (no edit)
- else {
- var northDistance = lastRow[bigIndex] || maxDistance; // not in big (deletion)
- var westDistance = thisRow[bigIndex - 1] || maxDistance; // not in small (addition)
- thisRow[bigIndex] = myMin(northDistance, westDistance) + 1;
- }
- }
- }
-
- var editScript = [], meMinusOne, notInSml = [], notInBig = [];
- for (smlIndex = smlIndexMax, bigIndex = bigIndexMax; smlIndex || bigIndex;) {
- meMinusOne = editDistanceMatrix[smlIndex][bigIndex] - 1;
- if (bigIndex && meMinusOne === editDistanceMatrix[smlIndex][bigIndex-1]) {
- notInSml.push(editScript[editScript.length] = { // added
- 'status': statusNotInSml,
- 'value': bigArray[--bigIndex],
- 'index': bigIndex });
- } else if (smlIndex && meMinusOne === editDistanceMatrix[smlIndex - 1][bigIndex]) {
- notInBig.push(editScript[editScript.length] = { // deleted
- 'status': statusNotInBig,
- 'value': smlArray[--smlIndex],
- 'index': smlIndex });
- } else {
- --bigIndex;
- --smlIndex;
- if (!options['sparse']) {
- editScript.push({
- 'status': "retained",
- 'value': bigArray[bigIndex] });
- }
- }
- }
-
- if (notInSml.length && notInBig.length) {
- // Set a limit on the number of consecutive non-matching comparisons; having it a multiple of
- // smlIndexMax keeps the time complexity of this algorithm linear.
- var limitFailedCompares = smlIndexMax * 10, failedCompares,
- a, d, notInSmlItem, notInBigItem;
- // Go through the items that have been added and deleted and try to find matches between them.
- for (failedCompares = a = 0; (options['dontLimitMoves'] || failedCompares < limitFailedCompares) && (notInSmlItem = notInSml[a]); a++) {
- for (d = 0; notInBigItem = notInBig[d]; d++) {
- if (notInSmlItem['value'] === notInBigItem['value']) {
- notInSmlItem['moved'] = notInBigItem['index'];
- notInBigItem['moved'] = notInSmlItem['index'];
- notInBig.splice(d,1); // This item is marked as moved; so remove it from notInBig list
- failedCompares = d = 0; // Reset failed compares count because we're checking for consecutive failures
- break;
- }
- }
- failedCompares += d;
- }
- }
- return editScript.reverse();
- }
-
- return compareArrays;
- })();
-
- ko.exportSymbol('utils.compareArrays', ko.utils.compareArrays);
-
- (function () {
- // Objective:
- // * Given an input array, a container DOM node, and a function from array elements to arrays of DOM nodes,
- // map the array elements to arrays of DOM nodes, concatenate together all these arrays, and use them to populate the container DOM node
- // * Next time we're given the same combination of things (with the array possibly having mutated), update the container DOM node
- // so that its children is again the concatenation of the mappings of the array elements, but don't re-map any array elements that we
- // previously mapped - retain those nodes, and just insert/delete other ones
-
- // "callbackAfterAddingNodes" will be invoked after any "mapping"-generated nodes are inserted into the container node
- // You can use this, for example, to activate bindings on those nodes.
-
- function mapNodeAndRefreshWhenChanged(containerNode, mapping, valueToMap, callbackAfterAddingNodes, index) {
- // Map this array value inside a dependentObservable so we re-map when any dependency changes
- var mappedNodes = [];
- var dependentObservable = ko.dependentObservable(function() {
- var newMappedNodes = mapping(valueToMap, index, ko.utils.fixUpContinuousNodeArray(mappedNodes, containerNode)) || [];
-
- // On subsequent evaluations, just replace the previously-inserted DOM nodes
- if (mappedNodes.length > 0) {
- ko.utils.replaceDomNodes(mappedNodes, newMappedNodes);
- if (callbackAfterAddingNodes)
- ko.dependencyDetection.ignore(callbackAfterAddingNodes, null, [valueToMap, newMappedNodes, index]);
- }
-
- // Replace the contents of the mappedNodes array, thereby updating the record
- // of which nodes would be deleted if valueToMap was itself later removed
- mappedNodes.splice(0, mappedNodes.length);
- ko.utils.arrayPushAll(mappedNodes, newMappedNodes);
- }, null, { disposeWhenNodeIsRemoved: containerNode, disposeWhen: function() { return !ko.utils.anyDomNodeIsAttachedToDocument(mappedNodes); } });
- return { mappedNodes : mappedNodes, dependentObservable : (dependentObservable.isActive() ? dependentObservable : undefined) };
- }
-
- var lastMappingResultDomDataKey = ko.utils.domData.nextKey();
-
- ko.utils.setDomNodeChildrenFromArrayMapping = function (domNode, array, mapping, options, callbackAfterAddingNodes) {
- // Compare the provided array against the previous one
- array = array || [];
- options = options || {};
- var isFirstExecution = ko.utils.domData.get(domNode, lastMappingResultDomDataKey) === undefined;
- var lastMappingResult = ko.utils.domData.get(domNode, lastMappingResultDomDataKey) || [];
- var lastArray = ko.utils.arrayMap(lastMappingResult, function (x) { return x.arrayEntry; });
- var editScript = ko.utils.compareArrays(lastArray, array, options['dontLimitMoves']);
-
- // Build the new mapping result
- var newMappingResult = [];
- var lastMappingResultIndex = 0;
- var newMappingResultIndex = 0;
-
- var nodesToDelete = [];
- var itemsToProcess = [];
- var itemsForBeforeRemoveCallbacks = [];
- var itemsForMoveCallbacks = [];
- var itemsForAfterAddCallbacks = [];
- var mapData;
-
- function itemMovedOrRetained(editScriptIndex, oldPosition) {
- mapData = lastMappingResult[oldPosition];
- if (newMappingResultIndex !== oldPosition)
- itemsForMoveCallbacks[editScriptIndex] = mapData;
- // Since updating the index might change the nodes, do so before calling fixUpContinuousNodeArray
- mapData.indexObservable(newMappingResultIndex++);
- ko.utils.fixUpContinuousNodeArray(mapData.mappedNodes, domNode);
- newMappingResult.push(mapData);
- itemsToProcess.push(mapData);
- }
-
- function callCallback(callback, items) {
- if (callback) {
- for (var i = 0, n = items.length; i < n; i++) {
- if (items[i]) {
- ko.utils.arrayForEach(items[i].mappedNodes, function(node) {
- callback(node, i, items[i].arrayEntry);
- });
- }
- }
- }
- }
-
- for (var i = 0, editScriptItem, movedIndex; editScriptItem = editScript[i]; i++) {
- movedIndex = editScriptItem['moved'];
- switch (editScriptItem['status']) {
- case "deleted":
- if (movedIndex === undefined) {
- mapData = lastMappingResult[lastMappingResultIndex];
-
- // Stop tracking changes to the mapping for these nodes
- if (mapData.dependentObservable)
- mapData.dependentObservable.dispose();
-
- // Queue these nodes for later removal
- nodesToDelete.push.apply(nodesToDelete, ko.utils.fixUpContinuousNodeArray(mapData.mappedNodes, domNode));
- if (options['beforeRemove']) {
- itemsForBeforeRemoveCallbacks[i] = mapData;
- itemsToProcess.push(mapData);
- }
- }
- lastMappingResultIndex++;
- break;
-
- case "retained":
- itemMovedOrRetained(i, lastMappingResultIndex++);
- break;
-
- case "added":
- if (movedIndex !== undefined) {
- itemMovedOrRetained(i, movedIndex);
- } else {
- mapData = { arrayEntry: editScriptItem['value'], indexObservable: ko.observable(newMappingResultIndex++) };
- newMappingResult.push(mapData);
- itemsToProcess.push(mapData);
- if (!isFirstExecution)
- itemsForAfterAddCallbacks[i] = mapData;
- }
- break;
- }
- }
-
- // Call beforeMove first before any changes have been made to the DOM
- callCallback(options['beforeMove'], itemsForMoveCallbacks);
-
- // Next remove nodes for deleted items (or just clean if there's a beforeRemove callback)
- ko.utils.arrayForEach(nodesToDelete, options['beforeRemove'] ? ko.cleanNode : ko.removeNode);
-
- // Next add/reorder the remaining items (will include deleted items if there's a beforeRemove callback)
- for (var i = 0, nextNode = ko.virtualElements.firstChild(domNode), lastNode, node; mapData = itemsToProcess[i]; i++) {
- // Get nodes for newly added items
- if (!mapData.mappedNodes)
- ko.utils.extend(mapData, mapNodeAndRefreshWhenChanged(domNode, mapping, mapData.arrayEntry, callbackAfterAddingNodes, mapData.indexObservable));
-
- // Put nodes in the right place if they aren't there already
- for (var j = 0; node = mapData.mappedNodes[j]; nextNode = node.nextSibling, lastNode = node, j++) {
- if (node !== nextNode)
- ko.virtualElements.insertAfter(domNode, node, lastNode);
- }
-
- // Run the callbacks for newly added nodes (for example, to apply bindings, etc.)
- if (!mapData.initialized && callbackAfterAddingNodes) {
- callbackAfterAddingNodes(mapData.arrayEntry, mapData.mappedNodes, mapData.indexObservable);
- mapData.initialized = true;
- }
- }
-
- // If there's a beforeRemove callback, call it after reordering.
- // Note that we assume that the beforeRemove callback will usually be used to remove the nodes using
- // some sort of animation, which is why we first reorder the nodes that will be removed. If the
- // callback instead removes the nodes right away, it would be more efficient to skip reordering them.
- // Perhaps we'll make that change in the future if this scenario becomes more common.
- callCallback(options['beforeRemove'], itemsForBeforeRemoveCallbacks);
-
- // Finally call afterMove and afterAdd callbacks
- callCallback(options['afterMove'], itemsForMoveCallbacks);
- callCallback(options['afterAdd'], itemsForAfterAddCallbacks);
-
- // Store a copy of the array items we just considered so we can difference it next time
- ko.utils.domData.set(domNode, lastMappingResultDomDataKey, newMappingResult);
- }
- })();
-
- ko.exportSymbol('utils.setDomNodeChildrenFromArrayMapping', ko.utils.setDomNodeChildrenFromArrayMapping);
- ko.nativeTemplateEngine = function () {
- this['allowTemplateRewriting'] = false;
- }
-
- ko.nativeTemplateEngine.prototype = new ko.templateEngine();
- ko.nativeTemplateEngine.prototype.constructor = ko.nativeTemplateEngine;
- ko.nativeTemplateEngine.prototype['renderTemplateSource'] = function (templateSource, bindingContext, options) {
- var useNodesIfAvailable = !(ko.utils.ieVersion < 9), // IE<9 cloneNode doesn't work properly
- templateNodesFunc = useNodesIfAvailable ? templateSource['nodes'] : null,
- templateNodes = templateNodesFunc ? templateSource['nodes']() : null;
-
- if (templateNodes) {
- return ko.utils.makeArray(templateNodes.cloneNode(true).childNodes);
- } else {
- var templateText = templateSource['text']();
- return ko.utils.parseHtmlFragment(templateText);
- }
- };
-
- ko.nativeTemplateEngine.instance = new ko.nativeTemplateEngine();
- ko.setTemplateEngine(ko.nativeTemplateEngine.instance);
-
- ko.exportSymbol('nativeTemplateEngine', ko.nativeTemplateEngine);
- (function() {
- ko.jqueryTmplTemplateEngine = function () {
- // Detect which version of jquery-tmpl you're using. Unfortunately jquery-tmpl
- // doesn't expose a version number, so we have to infer it.
- // Note that as of Knockout 1.3, we only support jQuery.tmpl 1.0.0pre and later,
- // which KO internally refers to as version "2", so older versions are no longer detected.
- var jQueryTmplVersion = this.jQueryTmplVersion = (function() {
- if ((typeof(jQuery) == "undefined") || !(jQuery['tmpl']))
- return 0;
- // Since it exposes no official version number, we use our own numbering system. To be updated as jquery-tmpl evolves.
- try {
- if (jQuery['tmpl']['tag']['tmpl']['open'].toString().indexOf('__') >= 0) {
- // Since 1.0.0pre, custom tags should append markup to an array called "__"
- return 2; // Final version of jquery.tmpl
- }
- } catch(ex) { /* Apparently not the version we were looking for */ }
-
- return 1; // Any older version that we don't support
- })();
-
- function ensureHasReferencedJQueryTemplates() {
- if (jQueryTmplVersion < 2)
- throw new Error("Your version of jQuery.tmpl is too old. Please upgrade to jQuery.tmpl 1.0.0pre or later.");
- }
-
- function executeTemplate(compiledTemplate, data, jQueryTemplateOptions) {
- return jQuery['tmpl'](compiledTemplate, data, jQueryTemplateOptions);
- }
-
- this['renderTemplateSource'] = function(templateSource, bindingContext, options) {
- options = options || {};
- ensureHasReferencedJQueryTemplates();
-
- // Ensure we have stored a precompiled version of this template (don't want to reparse on every render)
- var precompiled = templateSource['data']('precompiled');
- if (!precompiled) {
- var templateText = templateSource['text']() || "";
- // Wrap in "with($whatever.koBindingContext) { ... }"
- templateText = "{{ko_with $item.koBindingContext}}" + templateText + "{{/ko_with}}";
-
- precompiled = jQuery['template'](null, templateText);
- templateSource['data']('precompiled', precompiled);
- }
-
- var data = [bindingContext['$data']]; // Prewrap the data in an array to stop jquery.tmpl from trying to unwrap any arrays
- var jQueryTemplateOptions = jQuery['extend']({ 'koBindingContext': bindingContext }, options['templateOptions']);
-
- var resultNodes = executeTemplate(precompiled, data, jQueryTemplateOptions);
- resultNodes['appendTo'](document.createElement("div")); // Using "appendTo" forces jQuery/jQuery.tmpl to perform necessary cleanup work
-
- jQuery['fragments'] = {}; // Clear jQuery's fragment cache to avoid a memory leak after a large number of template renders
- return resultNodes;
- };
-
- this['createJavaScriptEvaluatorBlock'] = function(script) {
- return "{{ko_code ((function() { return " + script + " })()) }}";
- };
-
- this['addTemplate'] = function(templateName, templateMarkup) {
- document.write("<script type='text/html' id='" + templateName + "'>" + templateMarkup + "<" + "/script>");
- };
-
- if (jQueryTmplVersion > 0) {
- jQuery['tmpl']['tag']['ko_code'] = {
- open: "__.push($1 || '');"
- };
- jQuery['tmpl']['tag']['ko_with'] = {
- open: "with($1) {",
- close: "} "
- };
- }
- };
-
- ko.jqueryTmplTemplateEngine.prototype = new ko.templateEngine();
- ko.jqueryTmplTemplateEngine.prototype.constructor = ko.jqueryTmplTemplateEngine;
-
- // Use this one by default *only if jquery.tmpl is referenced*
- var jqueryTmplTemplateEngineInstance = new ko.jqueryTmplTemplateEngine();
- if (jqueryTmplTemplateEngineInstance.jQueryTmplVersion > 0)
- ko.setTemplateEngine(jqueryTmplTemplateEngineInstance);
-
- ko.exportSymbol('jqueryTmplTemplateEngine', ko.jqueryTmplTemplateEngine);
- })();
- }));
- }());
-})();
+++ /dev/null
-/// Knockout Mapping plugin v2.4.1
-/// (c) 2013 Steven Sanderson, Roy Jacobs - http://knockoutjs.com/
-/// License: MIT (http://www.opensource.org/licenses/mit-license.php)
-(function (factory) {
- // Module systems magic dance.
-
- if (typeof require === "function" && typeof exports === "object" && typeof module === "object") {
- // CommonJS or Node: hard-coded dependency on "knockout"
- factory(require("knockout"), exports);
- } else if (typeof define === "function" && define["amd"]) {
- // AMD anonymous module with hard-coded dependency on "knockout"
- define(["knockout", "exports"], factory);
- } else {
- // <script> tag: use the global `ko` object, attaching a `mapping` property
- factory(ko, ko.mapping = {});
- }
-}(function (ko, exports) {
- var DEBUG=true;
- var mappingProperty = "__ko_mapping__";
- var realKoDependentObservable = ko.dependentObservable;
- var mappingNesting = 0;
- var dependentObservables;
- var visitedObjects;
- var recognizedRootProperties = ["create", "update", "key", "arrayChanged"];
- var emptyReturn = {};
-
- var _defaultOptions = {
- include: ["_destroy"],
- ignore: [],
- copy: [],
- observe: []
- };
- var defaultOptions = _defaultOptions;
-
- // Author: KennyTM @ StackOverflow
- function unionArrays (x, y) {
- var obj = {};
- for (var i = x.length - 1; i >= 0; -- i) obj[x[i]] = x[i];
- for (var i = y.length - 1; i >= 0; -- i) obj[y[i]] = y[i];
- var res = [];
-
- for (var k in obj) {
- res.push(obj[k]);
- };
-
- return res;
- }
-
- function extendObject(destination, source) {
- var destType;
-
- for (var key in source) {
- if (source.hasOwnProperty(key) && source[key]) {
- destType = exports.getType(destination[key]);
- if (key && destination[key] && destType !== "array" && destType !== "string") {
- extendObject(destination[key], source[key]);
- } else {
- var bothArrays = exports.getType(destination[key]) === "array" && exports.getType(source[key]) === "array";
- if (bothArrays) {
- destination[key] = unionArrays(destination[key], source[key]);
- } else {
- destination[key] = source[key];
- }
- }
- }
- }
- }
-
- function merge(obj1, obj2) {
- var merged = {};
- extendObject(merged, obj1);
- extendObject(merged, obj2);
-
- return merged;
- }
-
- exports.isMapped = function (viewModel) {
- var unwrapped = ko.utils.unwrapObservable(viewModel);
- return unwrapped && unwrapped[mappingProperty];
- }
-
- exports.fromJS = function (jsObject /*, inputOptions, target*/ ) {
- if (arguments.length == 0) throw new Error("When calling ko.fromJS, pass the object you want to convert.");
-
- try {
- if (!mappingNesting++) {
- dependentObservables = [];
- visitedObjects = new objectLookup();
- }
-
- var options;
- var target;
-
- if (arguments.length == 2) {
- if (arguments[1][mappingProperty]) {
- target = arguments[1];
- } else {
- options = arguments[1];
- }
- }
- if (arguments.length == 3) {
- options = arguments[1];
- target = arguments[2];
- }
-
- if (target) {
- options = merge(options, target[mappingProperty]);
- }
- options = fillOptions(options);
-
- var result = updateViewModel(target, jsObject, options);
- if (target) {
- result = target;
- }
-
- // Evaluate any dependent observables that were proxied.
- // Do this after the model's observables have been created
- if (!--mappingNesting) {
- while (dependentObservables.length) {
- var DO = dependentObservables.pop();
- if (DO) {
- DO();
-
- // Move this magic property to the underlying dependent observable
- DO.__DO["throttleEvaluation"] = DO["throttleEvaluation"];
- }
- }
- }
-
- // Save any new mapping options in the view model, so that updateFromJS can use them later.
- result[mappingProperty] = merge(result[mappingProperty], options);
-
- return result;
- } catch(e) {
- mappingNesting = 0;
- throw e;
- }
- };
-
- exports.fromJSON = function (jsonString /*, options, target*/ ) {
- var parsed = ko.utils.parseJson(jsonString);
- arguments[0] = parsed;
- return exports.fromJS.apply(this, arguments);
- };
-
- exports.updateFromJS = function (viewModel) {
- throw new Error("ko.mapping.updateFromJS, use ko.mapping.fromJS instead. Please note that the order of parameters is different!");
- };
-
- exports.updateFromJSON = function (viewModel) {
- throw new Error("ko.mapping.updateFromJSON, use ko.mapping.fromJSON instead. Please note that the order of parameters is different!");
- };
-
- exports.toJS = function (rootObject, options) {
- if (!defaultOptions) exports.resetDefaultOptions();
-
- if (arguments.length == 0) throw new Error("When calling ko.mapping.toJS, pass the object you want to convert.");
- if (exports.getType(defaultOptions.ignore) !== "array") throw new Error("ko.mapping.defaultOptions().ignore should be an array.");
- if (exports.getType(defaultOptions.include) !== "array") throw new Error("ko.mapping.defaultOptions().include should be an array.");
- if (exports.getType(defaultOptions.copy) !== "array") throw new Error("ko.mapping.defaultOptions().copy should be an array.");
-
- // Merge in the options used in fromJS
- options = fillOptions(options, rootObject[mappingProperty]);
-
- // We just unwrap everything at every level in the object graph
- return exports.visitModel(rootObject, function (x) {
- return ko.utils.unwrapObservable(x)
- }, options);
- };
-
- exports.toJSON = function (rootObject, options) {
- var plainJavaScriptObject = exports.toJS(rootObject, options);
- return ko.utils.stringifyJson(plainJavaScriptObject);
- };
-
- exports.defaultOptions = function () {
- if (arguments.length > 0) {
- defaultOptions = arguments[0];
- } else {
- return defaultOptions;
- }
- };
-
- exports.resetDefaultOptions = function () {
- defaultOptions = {
- include: _defaultOptions.include.slice(0),
- ignore: _defaultOptions.ignore.slice(0),
- copy: _defaultOptions.copy.slice(0)
- };
- };
-
- exports.getType = function(x) {
- if ((x) && (typeof (x) === "object")) {
- if (x.constructor === Date) return "date";
- if (x.constructor === Array) return "array";
- }
- return typeof x;
- }
-
- function fillOptions(rawOptions, otherOptions) {
- var options = merge({}, rawOptions);
-
- // Move recognized root-level properties into a root namespace
- for (var i = recognizedRootProperties.length - 1; i >= 0; i--) {
- var property = recognizedRootProperties[i];
-
- // Carry on, unless this property is present
- if (!options[property]) continue;
-
- // Move the property into the root namespace
- if (!(options[""] instanceof Object)) options[""] = {};
- options[""][property] = options[property];
- delete options[property];
- }
-
- if (otherOptions) {
- options.ignore = mergeArrays(otherOptions.ignore, options.ignore);
- options.include = mergeArrays(otherOptions.include, options.include);
- options.copy = mergeArrays(otherOptions.copy, options.copy);
- options.observe = mergeArrays(otherOptions.observe, options.observe);
- }
- options.ignore = mergeArrays(options.ignore, defaultOptions.ignore);
- options.include = mergeArrays(options.include, defaultOptions.include);
- options.copy = mergeArrays(options.copy, defaultOptions.copy);
- options.observe = mergeArrays(options.observe, defaultOptions.observe);
-
- options.mappedProperties = options.mappedProperties || {};
- options.copiedProperties = options.copiedProperties || {};
- return options;
- }
-
- function mergeArrays(a, b) {
- if (exports.getType(a) !== "array") {
- if (exports.getType(a) === "undefined") a = [];
- else a = [a];
- }
- if (exports.getType(b) !== "array") {
- if (exports.getType(b) === "undefined") b = [];
- else b = [b];
- }
-
- return ko.utils.arrayGetDistinctValues(a.concat(b));
- }
-
- // When using a 'create' callback, we proxy the dependent observable so that it doesn't immediately evaluate on creation.
- // The reason is that the dependent observables in the user-specified callback may contain references to properties that have not been mapped yet.
- function withProxyDependentObservable(dependentObservables, callback) {
- var localDO = ko.dependentObservable;
- ko.dependentObservable = function (read, owner, options) {
- options = options || {};
-
- if (read && typeof read == "object") { // mirrors condition in knockout implementation of DO's
- options = read;
- }
-
- var realDeferEvaluation = options.deferEvaluation;
-
- var isRemoved = false;
-
- // We wrap the original dependent observable so that we can remove it from the 'dependentObservables' list we need to evaluate after mapping has
- // completed if the user already evaluated the DO themselves in the meantime.
- var wrap = function (DO) {
- // Temporarily revert ko.dependentObservable, since it is used in ko.isWriteableObservable
- var tmp = ko.dependentObservable;
- ko.dependentObservable = realKoDependentObservable;
- var isWriteable = ko.isWriteableObservable(DO);
- ko.dependentObservable = tmp;
-
- var wrapped = realKoDependentObservable({
- read: function () {
- if (!isRemoved) {
- ko.utils.arrayRemoveItem(dependentObservables, DO);
- isRemoved = true;
- }
- return DO.apply(DO, arguments);
- },
- write: isWriteable && function (val) {
- return DO(val);
- },
- deferEvaluation: true
- });
- if (DEBUG) wrapped._wrapper = true;
- wrapped.__DO = DO;
- return wrapped;
- };
-
- options.deferEvaluation = true; // will either set for just options, or both read/options.
- var realDependentObservable = new realKoDependentObservable(read, owner, options);
-
- if (!realDeferEvaluation) {
- realDependentObservable = wrap(realDependentObservable);
- dependentObservables.push(realDependentObservable);
- }
-
- return realDependentObservable;
- }
- ko.dependentObservable.fn = realKoDependentObservable.fn;
- ko.computed = ko.dependentObservable;
- var result = callback();
- ko.dependentObservable = localDO;
- ko.computed = ko.dependentObservable;
- return result;
- }
-
- function updateViewModel(mappedRootObject, rootObject, options, parentName, parent, parentPropertyName, mappedParent) {
- var isArray = exports.getType(ko.utils.unwrapObservable(rootObject)) === "array";
-
- parentPropertyName = parentPropertyName || "";
-
- // If this object was already mapped previously, take the options from there and merge them with our existing ones.
- if (exports.isMapped(mappedRootObject)) {
- var previousMapping = ko.utils.unwrapObservable(mappedRootObject)[mappingProperty];
- options = merge(previousMapping, options);
- }
-
- var callbackParams = {
- data: rootObject,
- parent: mappedParent || parent
- };
-
- var hasCreateCallback = function () {
- return options[parentName] && options[parentName].create instanceof Function;
- };
-
- var createCallback = function (data) {
- return withProxyDependentObservable(dependentObservables, function () {
-
- if (ko.utils.unwrapObservable(parent) instanceof Array) {
- return options[parentName].create({
- data: data || callbackParams.data,
- parent: callbackParams.parent,
- skip: emptyReturn
- });
- } else {
- return options[parentName].create({
- data: data || callbackParams.data,
- parent: callbackParams.parent
- });
- }
- });
- };
-
- var hasUpdateCallback = function () {
- return options[parentName] && options[parentName].update instanceof Function;
- };
-
- var updateCallback = function (obj, data) {
- var params = {
- data: data || callbackParams.data,
- parent: callbackParams.parent,
- target: ko.utils.unwrapObservable(obj)
- };
-
- if (ko.isWriteableObservable(obj)) {
- params.observable = obj;
- }
-
- return options[parentName].update(params);
- }
-
- var alreadyMapped = visitedObjects.get(rootObject);
- if (alreadyMapped) {
- return alreadyMapped;
- }
-
- parentName = parentName || "";
-
- if (!isArray) {
- // For atomic types, do a direct update on the observable
- if (!canHaveProperties(rootObject)) {
- switch (exports.getType(rootObject)) {
- case "function":
- if (hasUpdateCallback()) {
- if (ko.isWriteableObservable(rootObject)) {
- rootObject(updateCallback(rootObject));
- mappedRootObject = rootObject;
- } else {
- mappedRootObject = updateCallback(rootObject);
- }
- } else {
- mappedRootObject = rootObject;
- }
- break;
- default:
- if (ko.isWriteableObservable(mappedRootObject)) {
- if (hasUpdateCallback()) {
- var valueToWrite = updateCallback(mappedRootObject);
- mappedRootObject(valueToWrite);
- return valueToWrite;
- } else {
- var valueToWrite = ko.utils.unwrapObservable(rootObject);
- mappedRootObject(valueToWrite);
- return valueToWrite;
- }
- } else {
- var hasCreateOrUpdateCallback = hasCreateCallback() || hasUpdateCallback();
-
- if (hasCreateCallback()) {
- mappedRootObject = createCallback();
- } else {
- mappedRootObject = ko.observable(ko.utils.unwrapObservable(rootObject));
- }
-
- if (hasUpdateCallback()) {
- mappedRootObject(updateCallback(mappedRootObject));
- }
-
- if (hasCreateOrUpdateCallback) return mappedRootObject;
- }
- }
-
- } else {
- mappedRootObject = ko.utils.unwrapObservable(mappedRootObject);
- if (!mappedRootObject) {
- if (hasCreateCallback()) {
- var result = createCallback();
-
- if (hasUpdateCallback()) {
- result = updateCallback(result);
- }
-
- return result;
- } else {
- if (hasUpdateCallback()) {
- return updateCallback(result);
- }
-
- mappedRootObject = {};
- }
- }
-
- if (hasUpdateCallback()) {
- mappedRootObject = updateCallback(mappedRootObject);
- }
-
- visitedObjects.save(rootObject, mappedRootObject);
- if (hasUpdateCallback()) return mappedRootObject;
-
- // For non-atomic types, visit all properties and update recursively
- visitPropertiesOrArrayEntries(rootObject, function (indexer) {
- var fullPropertyName = parentPropertyName.length ? parentPropertyName + "." + indexer : indexer;
-
- if (ko.utils.arrayIndexOf(options.ignore, fullPropertyName) != -1) {
- return;
- }
-
- if (ko.utils.arrayIndexOf(options.copy, fullPropertyName) != -1) {
- mappedRootObject[indexer] = rootObject[indexer];
- return;
- }
-
- if(typeof rootObject[indexer] != "object" && typeof rootObject[indexer] != "array" && options.observe.length > 0 && ko.utils.arrayIndexOf(options.observe, fullPropertyName) == -1)
- {
- mappedRootObject[indexer] = rootObject[indexer];
- options.copiedProperties[fullPropertyName] = true;
- return;
- }
-
- // In case we are adding an already mapped property, fill it with the previously mapped property value to prevent recursion.
- // If this is a property that was generated by fromJS, we should use the options specified there
- var prevMappedProperty = visitedObjects.get(rootObject[indexer]);
- var retval = updateViewModel(mappedRootObject[indexer], rootObject[indexer], options, indexer, mappedRootObject, fullPropertyName, mappedRootObject);
- var value = prevMappedProperty || retval;
-
- if(options.observe.length > 0 && ko.utils.arrayIndexOf(options.observe, fullPropertyName) == -1)
- {
- mappedRootObject[indexer] = value();
- options.copiedProperties[fullPropertyName] = true;
- return;
- }
-
- if (ko.isWriteableObservable(mappedRootObject[indexer])) {
- value = ko.utils.unwrapObservable(value);
- if (mappedRootObject[indexer]() !== value) {
- mappedRootObject[indexer](value);
- }
- } else {
- value = mappedRootObject[indexer] === undefined ? value : ko.utils.unwrapObservable(value);
- mappedRootObject[indexer] = value;
- }
-
- options.mappedProperties[fullPropertyName] = true;
- });
- }
- } else { //mappedRootObject is an array
- var changes = [];
-
- var hasKeyCallback = false;
- var keyCallback = function (x) {
- return x;
- }
- if (options[parentName] && options[parentName].key) {
- keyCallback = options[parentName].key;
- hasKeyCallback = true;
- }
-
- if (!ko.isObservable(mappedRootObject)) {
- // When creating the new observable array, also add a bunch of utility functions that take the 'key' of the array items into account.
- mappedRootObject = ko.observableArray([]);
-
- mappedRootObject.mappedRemove = function (valueOrPredicate) {
- var predicate = typeof valueOrPredicate == "function" ? valueOrPredicate : function (value) {
- return value === keyCallback(valueOrPredicate);
- };
- return mappedRootObject.remove(function (item) {
- return predicate(keyCallback(item));
- });
- }
-
- mappedRootObject.mappedRemoveAll = function (arrayOfValues) {
- var arrayOfKeys = filterArrayByKey(arrayOfValues, keyCallback);
- return mappedRootObject.remove(function (item) {
- return ko.utils.arrayIndexOf(arrayOfKeys, keyCallback(item)) != -1;
- });
- }
-
- mappedRootObject.mappedDestroy = function (valueOrPredicate) {
- var predicate = typeof valueOrPredicate == "function" ? valueOrPredicate : function (value) {
- return value === keyCallback(valueOrPredicate);
- };
- return mappedRootObject.destroy(function (item) {
- return predicate(keyCallback(item));
- });
- }
-
- mappedRootObject.mappedDestroyAll = function (arrayOfValues) {
- var arrayOfKeys = filterArrayByKey(arrayOfValues, keyCallback);
- return mappedRootObject.destroy(function (item) {
- return ko.utils.arrayIndexOf(arrayOfKeys, keyCallback(item)) != -1;
- });
- }
-
- mappedRootObject.mappedIndexOf = function (item) {
- var keys = filterArrayByKey(mappedRootObject(), keyCallback);
- var key = keyCallback(item);
- return ko.utils.arrayIndexOf(keys, key);
- }
-
- mappedRootObject.mappedGet = function (item) {
- return mappedRootObject()[mappedRootObject.mappedIndexOf(item)];
- }
-
- mappedRootObject.mappedCreate = function (value) {
- if (mappedRootObject.mappedIndexOf(value) !== -1) {
- throw new Error("There already is an object with the key that you specified.");
- }
-
- var item = hasCreateCallback() ? createCallback(value) : value;
- if (hasUpdateCallback()) {
- var newValue = updateCallback(item, value);
- if (ko.isWriteableObservable(item)) {
- item(newValue);
- } else {
- item = newValue;
- }
- }
- mappedRootObject.push(item);
- return item;
- }
- }
-
- var currentArrayKeys = filterArrayByKey(ko.utils.unwrapObservable(mappedRootObject), keyCallback).sort();
- var newArrayKeys = filterArrayByKey(rootObject, keyCallback);
- if (hasKeyCallback) newArrayKeys.sort();
- var editScript = ko.utils.compareArrays(currentArrayKeys, newArrayKeys);
-
- var ignoreIndexOf = {};
-
- var i, j;
-
- var unwrappedRootObject = ko.utils.unwrapObservable(rootObject);
- var itemsByKey = {};
- var optimizedKeys = true;
- for (i = 0, j = unwrappedRootObject.length; i < j; i++) {
- var key = keyCallback(unwrappedRootObject[i]);
- if (key === undefined || key instanceof Object) {
- optimizedKeys = false;
- break;
- }
- itemsByKey[key] = unwrappedRootObject[i];
- }
-
- var newContents = [];
- var passedOver = 0;
- for (i = 0, j = editScript.length; i < j; i++) {
- var key = editScript[i];
- var mappedItem;
- var fullPropertyName = parentPropertyName + "[" + i + "]";
- switch (key.status) {
- case "added":
- var item = optimizedKeys ? itemsByKey[key.value] : getItemByKey(ko.utils.unwrapObservable(rootObject), key.value, keyCallback);
- mappedItem = updateViewModel(undefined, item, options, parentName, mappedRootObject, fullPropertyName, parent);
- if(!hasCreateCallback()) {
- mappedItem = ko.utils.unwrapObservable(mappedItem);
- }
-
- var index = ignorableIndexOf(ko.utils.unwrapObservable(rootObject), item, ignoreIndexOf);
-
- if (mappedItem === emptyReturn) {
- passedOver++;
- } else {
- newContents[index - passedOver] = mappedItem;
- }
-
- ignoreIndexOf[index] = true;
- break;
- case "retained":
- var item = optimizedKeys ? itemsByKey[key.value] : getItemByKey(ko.utils.unwrapObservable(rootObject), key.value, keyCallback);
- mappedItem = getItemByKey(mappedRootObject, key.value, keyCallback);
- updateViewModel(mappedItem, item, options, parentName, mappedRootObject, fullPropertyName, parent);
-
- var index = ignorableIndexOf(ko.utils.unwrapObservable(rootObject), item, ignoreIndexOf);
- newContents[index] = mappedItem;
- ignoreIndexOf[index] = true;
- break;
- case "deleted":
- mappedItem = getItemByKey(mappedRootObject, key.value, keyCallback);
- break;
- }
-
- changes.push({
- event: key.status,
- item: mappedItem
- });
- }
-
- mappedRootObject(newContents);
-
- if (options[parentName] && options[parentName].arrayChanged) {
- ko.utils.arrayForEach(changes, function (change) {
- options[parentName].arrayChanged(change.event, change.item);
- });
- }
- }
-
- return mappedRootObject;
- }
-
- function ignorableIndexOf(array, item, ignoreIndices) {
- for (var i = 0, j = array.length; i < j; i++) {
- if (ignoreIndices[i] === true) continue;
- if (array[i] === item) return i;
- }
- return null;
- }
-
- function mapKey(item, callback) {
- var mappedItem;
- if (callback) mappedItem = callback(item);
- if (exports.getType(mappedItem) === "undefined") mappedItem = item;
-
- return ko.utils.unwrapObservable(mappedItem);
- }
-
- function getItemByKey(array, key, callback) {
- array = ko.utils.unwrapObservable(array);
- for (var i = 0, j = array.length; i < j; i++) {
- var item = array[i];
- if (mapKey(item, callback) === key) return item;
- }
-
- throw new Error("When calling ko.update*, the key '" + key + "' was not found!");
- }
-
- function filterArrayByKey(array, callback) {
- return ko.utils.arrayMap(ko.utils.unwrapObservable(array), function (item) {
- if (callback) {
- return mapKey(item, callback);
- } else {
- return item;
- }
- });
- }
-
- function visitPropertiesOrArrayEntries(rootObject, visitorCallback) {
- if (exports.getType(rootObject) === "array") {
- for (var i = 0; i < rootObject.length; i++)
- visitorCallback(i);
- } else {
- for (var propertyName in rootObject)
- visitorCallback(propertyName);
- }
- };
-
- function canHaveProperties(object) {
- var type = exports.getType(object);
- return ((type === "object") || (type === "array")) && (object !== null);
- }
-
- // Based on the parentName, this creates a fully classified name of a property
-
- function getPropertyName(parentName, parent, indexer) {
- var propertyName = parentName || "";
- if (exports.getType(parent) === "array") {
- if (parentName) {
- propertyName += "[" + indexer + "]";
- }
- } else {
- if (parentName) {
- propertyName += ".";
- }
- propertyName += indexer;
- }
- return propertyName;
- }
-
- exports.visitModel = function (rootObject, callback, options) {
- options = options || {};
- options.visitedObjects = options.visitedObjects || new objectLookup();
-
- var mappedRootObject;
- var unwrappedRootObject = ko.utils.unwrapObservable(rootObject);
-
- if (!canHaveProperties(unwrappedRootObject)) {
- return callback(rootObject, options.parentName);
- } else {
- options = fillOptions(options, unwrappedRootObject[mappingProperty]);
-
- // Only do a callback, but ignore the results
- callback(rootObject, options.parentName);
- mappedRootObject = exports.getType(unwrappedRootObject) === "array" ? [] : {};
- }
-
- options.visitedObjects.save(rootObject, mappedRootObject);
-
- var parentName = options.parentName;
- visitPropertiesOrArrayEntries(unwrappedRootObject, function (indexer) {
- if (options.ignore && ko.utils.arrayIndexOf(options.ignore, indexer) != -1) return;
-
- var propertyValue = unwrappedRootObject[indexer];
- options.parentName = getPropertyName(parentName, unwrappedRootObject, indexer);
-
- // If we don't want to explicitly copy the unmapped property...
- if (ko.utils.arrayIndexOf(options.copy, indexer) === -1) {
- // ...find out if it's a property we want to explicitly include
- if (ko.utils.arrayIndexOf(options.include, indexer) === -1) {
- // The mapped properties object contains all the properties that were part of the original object.
- // If a property does not exist, and it is not because it is part of an array (e.g. "myProp[3]"), then it should not be unmapped.
- if (unwrappedRootObject[mappingProperty]
- && unwrappedRootObject[mappingProperty].mappedProperties && !unwrappedRootObject[mappingProperty].mappedProperties[indexer]
- && unwrappedRootObject[mappingProperty].copiedProperties && !unwrappedRootObject[mappingProperty].copiedProperties[indexer]
- && !(exports.getType(unwrappedRootObject) === "array")) {
- return;
- }
- }
- }
-
- var outputProperty;
- switch (exports.getType(ko.utils.unwrapObservable(propertyValue))) {
- case "object":
- case "array":
- case "undefined":
- var previouslyMappedValue = options.visitedObjects.get(propertyValue);
- mappedRootObject[indexer] = (exports.getType(previouslyMappedValue) !== "undefined") ? previouslyMappedValue : exports.visitModel(propertyValue, callback, options);
- break;
- default:
- mappedRootObject[indexer] = callback(propertyValue, options.parentName);
- }
- });
-
- return mappedRootObject;
- }
-
- function simpleObjectLookup() {
- var keys = [];
- var values = [];
- this.save = function (key, value) {
- var existingIndex = ko.utils.arrayIndexOf(keys, key);
- if (existingIndex >= 0) values[existingIndex] = value;
- else {
- keys.push(key);
- values.push(value);
- }
- };
- this.get = function (key) {
- var existingIndex = ko.utils.arrayIndexOf(keys, key);
- var value = (existingIndex >= 0) ? values[existingIndex] : undefined;
- return value;
- };
- };
-
- function objectLookup() {
- var buckets = {};
-
- var findBucket = function(key) {
- var bucketKey;
- try {
- bucketKey = key;//JSON.stringify(key);
- }
- catch (e) {
- bucketKey = "$$$";
- }
-
- var bucket = buckets[bucketKey];
- if (bucket === undefined) {
- bucket = new simpleObjectLookup();
- buckets[bucketKey] = bucket;
- }
- return bucket;
- };
-
- this.save = function (key, value) {
- findBucket(key).save(key, value);
- };
- this.get = function (key) {
- return findBucket(key).get(key);
- };
- };
-}));
+++ /dev/null
-/*******************************************************************************
- * Tizen UI Builder Framework 0.3.1
- * Page System manager
- *
- * @generated Tizen UI Builder
- * @attribute managed, readonly, static
- *******************************************************************************
- */
-
-/**
- * app base class
- */
-function _app() {
- /**
- * currentPageId
- * @private
- */
- var currentPageId = undefined;
-
- /**
- * data source
- */
- this.ds = {};
-
- /**
- * data view model
- */
- this.dm = {};
-
- function init() {
- }
-
- this.setCurrentPageId = function(pageId) {
- currentPageId = pageId;
- };
-
- this.getCurrentPageId = function() {
- return currentPageId;
- };
-
- /**
- * onload()
- */
- this.onload = function() {};
-
- /**
- * onunload()
- */
- this.onunload = function() {};
-
- /**
- * onshow()
- */
- this.onshow = function() {};
-
- /**
- * onhide()
- */
- this.onhide = function() {};
-
-}
-
-var app = new _app();
-
-/**
- * Page base class
- * @param {String} pageID
- */
-function _page(pageID) {
- this.pageID = pageID;
- this.jqID = "#" + this.pageID;
- /**
- * Page object
- * @type jQueryObject
- */
- this.obj = undefined;
- // default event handler
- /**
- * event-handler onpagebeforecreate(event)
- * @param {Object} event
- * @returns {Boolean}
- */
- this.onpagebeforecreate = function(event) {};
- /**
- * event-handler onpagecreate(event)
- * @param {Object} event
- * @returns {Boolean}
- */
- this.onpagecreate = function(event) {};
- /**
- * event-handler onpageinit(event)
- * @param {Object} event
- * @returns {Boolean}
- */
- this.onpageinit = function(event) {};
- /**
- * event-handler onpagebeforeshow(event)
- * @param {Object} event
- * @returns {Boolean}
- */
- this.onpagebeforeshow = function(event) {};
- /**
- * event-handler onpageshow(event)
- * @param {Object} event
- * @returns {Boolean}
- */
- this.onpageshow = function(event) {};
- /**
- * event-handler onpagebeforehide(event)
- * @param {Object} event
- * @returns {Boolean}
- */
- this.onpagebeforehide = function(event) {};
- /**
- * event-handler onpagehide(event)
- * @param {Object} event
- * @returns {Boolean}
- */
- this.onpagehide = function(event) {};
- /**
- * event-handler onpageremove(event)
- * @param {Object} event
- * @returns {Boolean}
- */
- this.onpageremove = function(event) {};
- /**
- * event-handler onupdatelayout(event)
- * @param {Object} event
- * @returns {Boolean}
- */
- this.onupdatelayout = function(event) {};
-}
-
-// default event handler
-/**
- * function _init_page(initFunc)
- * @param {function} initFunc
- */
-_page.prototype._init_page = function(initFunc) {
- // page object
- var _obj = this.obj = $(this.jqID);
- var _basePage = this;
-
- _obj.live("pageinit", initFunc);
-
- var _currentPageId = this.pageID;
- _obj.live("pagebeforeshow", function(event) {
- app.setCurrentPageId(_currentPageId);
- });
- _obj.live("pagebeforehide", function(event) {
- app.setCurrentPageId(undefined);
- });
- _obj.live("pagehide", function(event) {
- if (app.getCurrentPageId() == undefined) {
- tizen.application.getCurrentApplication().exit();
- }
- });
-
- _obj.live("pagebeforecreate", function(event){_basePage.onpagebeforecreate(event);});
- _obj.live("pagecreate", function(event){_basePage.onpagecreate(event);});
- _obj.live("pageinit", function(event){_basePage.onpageinit(event);});
- _obj.live("pagebeforeshow", function(event){_basePage.onpagebeforeshow(event);});
- _obj.live("pageshow", function(event){_basePage.onpageshow(event);});
- _obj.live("pagebeforehide", function(event){_basePage.onpagebeforehide(event);});
- _obj.live("pagehide", function(event){_basePage.onpagehide(event);});
- _obj.live("pageremove", function(event){_basePage.onpageremove(event);});
- _obj.live("updatelayout", function(event){_basePage.onupdatelayout(event);});
-};
-
-
-/**
- * function _remove_page(removeFunc)
- * @param {function} removeFunc
- */
-_page.prototype._remove_page = function(removeFunc) {
- var _obj = this.obj = $(this.jqID);
- _obj.live("pageremove", removeFunc);
-};
+++ /dev/null
-/*
- * UI Builder
- *
- * Copyright (c) 2000 - 2014 Samsung Electronics Co., Ltd. All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Contributors:
- * - S-Core Co., Ltd
- *
- */
-
-; (function($){
- var window = this;
- window['uibinding'] = {};
-
- /**
- * datasource
- */
- uibinding.dataSource = function () {};
- uibinding.dataSource.prototype.constructor = uibinding.dataSource;
- uibinding.dataSource.prototype.data = {};
- uibinding.dataSource.prototype.handlers = {
- "success" : [],
- "error" : [],
- "complete": []
- };
- uibinding.dataSource.prototype.update = function () {};
- uibinding.dataSource.prototype.getData = function () {
- return this.data;
- };
- uibinding.dataSource.prototype.addHandler = function (name, callback) {
- var _self = this;
- if (callback && typeof(name) === "string") {
- if (_self.handlers.hasOwnProperty(name)) {
- _self.handlers[name].push(callback);
- } else {
- _self.handlers[name] = callback;
- }
- return true;
- }
- return false;
- };
- uibinding.dataSource.prototype.clearHandler = function () {
- var _self = this;
- _self.handlers = {};
- };
- uibinding.dataSource.prototype.removeHandler = function (name) {
- var _self = this;
- _self.handlers[name] = [];
- };
- uibinding.dataSource.prototype.getHandler = function (name) {
- return this.handlers[name];
- };
- uibinding.dataSource.prototype.fireHandler = function (callback) {
- var _self = this;
- if (callback && typeof(callback) === "function") {
- callback.apply(_self, Array.prototype.slice.call(arguments));
-
- } else if (callback && typeof(callback) == "string") {
- var handlers = _self.handlers[callback];
- if (handlers && typeof(handlers) === "function") {
- handlers.apply(_self, Array.prototype.slice.call(arguments));
- } else {
- handlers.forEach(function (callback) {
- callback.apply(_self, Array.prototype.slice.call(arguments));
- });
- }
- }
- };
- uibinding.dataSource.prototype._toJson = function (strData, strDataType) {
- var _self = this;
- var jsonData = {};
- if (strDataType === "xml") {
- var xmlData = {};
- if ($.isXMLDoc(strData)) {
- xmlData = strData;
- } else {
- xmlData = $.parseXML(strData);
- }
- jsonData = $.xml2json(xmlData);
- } else if (strDataType === "json") {
- if ($.isPlainObject(strData)) {
- jsonData = strData;
- } else {
- jsonData = $.parseJSON(strData);
- }
- } else {
- console.log("Error: We do not support " + strDataType + ".");
- _self.fireHandler("error");
- }
- return jsonData;
- };
- uibinding.dataSource.prototype._updateOptions = function (obj) {
- var _self = this;
- for (var i in obj) {
- _self.options[i] = obj[i];
- }
- };
-
- /**
- * datasource - remote
- */
- uibinding.dataSourceRemote = function () {
- if (arguments.length !== 1) {
- return null;
- }
-
- var _self = this;
- _self.options = {
- async: !1,
- url: "",
- type: "GET",
- proxy: "ajax",
- query: {},
- headers: {},
- timeout: "5000",
- dataType: "json"
- };
-
- var args = Array.prototype.slice.call(arguments, 0);
- var new_options = args.shift();
- _self._create(new_options);
- return _self;
- };
-
- uibinding.dataSourceRemote.prototype = new uibinding.dataSource();
- uibinding.dataSourceRemote.prototype.constructor = uibinding.dataSourceRemote;
- uibinding.dataSourceRemote.prototype._create = function (obj) {
- var _self = this;
- if (arguments.length > 0) {
- _self._updateOptions(obj);
- }
- };
- uibinding.dataSourceRemote.prototype._checkArguments = function () {
- var _self = this;
- var arrProperties = Object.getOwnPropertyNames(_self);
- if (arrProperties.length === 0) {
- _self.fireHandler("error");
- return false;
- }
- return true;
- };
- uibinding.dataSourceRemote.prototype._remoteCall = function () {
- var _self = this;
- $.ajax(_self.options.url, {
- async: _self.options.async,
- method: _self.options.method,
- data: _self.options.query,
- headers: _self.options.headers,
- timeout: _self.options.timeout,
- dataType : _self.options.dataType
- }).success(function (data, status, req) {
- _self.data = _self._toJson(data, _self.options.dataType);
- _self.fireHandler("success");
- }).error(function(req, status, err) {
- _self.fireHandler("error");
- }).complete(function (req, status) {
- _self.fireHandler("complete");
- });
- };
- uibinding.dataSourceRemote.prototype._update = function () {
- var _self = this;
- if (_self._checkArguments()) {
- if (this.options.proxy === "ajax" || this.options.proxy === "jsonp") {
- _self._remoteCall();
- }
- }
- };
- uibinding.dataSourceRemote.prototype.update = function () {
- var _self = this;
- if (arguments.length > 0) {
- var args = Array.prototype.slice.call(arguments, 0);
- var new_options = args.shift();
- _self._updateOptions(new_options);
- }
- _self._update();
- return this;
- };
-
-
- /**
- * dataSourceStatic
- **/
- uibinding.dataSourceStatic = function () {
- if (arguments.length !== 1) {
- return null;
- }
-
- var _self = this;
- _self.options = {
- data: "",
- dataType: "json"
- };
-
- var args = Array.prototype.slice.call(arguments);
- var new_options = args.shift();
- _self._create(new_options);
- return _self;
-
- };
- uibinding.dataSourceStatic.prototype = new uibinding.dataSource();
- uibinding.dataSourceStatic.prototype.constructor = uibinding.dataSourceStatic;
- uibinding.dataSourceStatic.prototype._create = function (obj) {
- var _self = this;
- if (arguments.length > 0) {
- _self._updateOptions(obj);
- }
- };
- uibinding.dataSourceStatic.prototype._update = function () {
- var _self = this;
- _self.data = _self._toJson(_self.options.data, _self.options.dataType);
- if (!$.isEmptyObject(_self.data)) {
- _self.fireHandler("success");
- return true;
- }
- _self.fireHandler("error");
- return false;
- };
- uibinding.dataSourceStatic.prototype.update = function () {
- var _self = this;
- _self._update();
- return _self;
- };
-
- /**
- * dataSourceContact
- *
- * @param method
- * a. ALL
- * b. UNIFIED
- * c. DEFAULT
- * d. SELECTED_ADDRESSBOOKID
- *
- * @param addressBookId
- * : set up an addressbookId only when 'method' was SELECTED_ADDRESSBOOKID
- **/
- uibinding.dataSourceContact = function () {
- if (arguments.length !== 1) {
- return false;
- }
-
- var _self = this;
- _self.options = {
- method: "ALL",
- addressBookId: ""
- };
-
- var args = Array.prototype.slice.call(arguments, 0);
- var new_options = args.shift();
- _self._create(new_options);
- return _self;
- };
- uibinding.dataSourceContact.prototype = new uibinding.dataSource();
- uibinding.dataSourceContact.prototype.construct = uibinding.dataSourceContact;
- uibinding.dataSourceContact.prototype._create = function (obj) {
- var _self = this;
- if (arguments.length > 0) {
- _self._updateOptions(obj);
- }
- };
- uibinding.dataSourceContact.prototype._update = function () {
- var _self = this;
- _self.data = {};
- _self.data.addressbooks = [];
-
- var _method = _self.options.method ? _self.options.method : null;
- var _addrBookId = (_method == "SELECTED_ADDRESSBOOKID") ? _self.options.addressBookId : null;
- var _addr = null;
-
- function _error (error) {
- console.log("Error: " + error.name);
- _self.fireHandler("error");
- }
-
- function _contactsFound(contacts) {
- try {
- _addr.contacts = contacts;
-
- _self.fireHandler("success");
- return true;
-
- } catch (err) {
- _self.fireHandler("error");
- return false;
- }
- }
-
- function _addressbooksFound (addressbooks) {
- var addressbooksLength = addressbooks.length;
- if (addressbooksLength > 0 ) {
- for (var i = 0; i < addressbooksLength; i++ ) {
- _addr = {};
- _addr = addressbooks[i];
-
- _addr.contacts = [];
- _addr.find(_contactsFound, _error, null);
- _self.data.addressbooks.push(_addr);
- }
- }
- }
-
- if (_method === "ALL") {
- tizen.contact.getAddressBooks(_addressbooksFound, _error);
- } else {
- if (_method === "UNIFIED") {
- _addr = tizen.contact.getUnifiedAddressBook();
- } else if (_method === "DEFAULT") {
- _addr = tizen.contact.getDefaultAddressBook();
- } else if (_method === "SELECTED_ADDRESSBOOKID") {
- _addr = tizen.contact.getAddressBook(_addrBookId);
- } else {
- _error({
- name : "InvalidValuesError"
- });
- return;
- }
- _addr.contacts = [];
- _addr.find(_contactsFound, _error, null);
- _self.data.addressbooks.push(_addr);
- }
- };
- uibinding.dataSourceContact.prototype.update = function () {
- var _self = this;
- _self._update();
- return _self;
- };
-
- /**
- * dataSourceCalendar
- *
- * @param method
- * a. ALL
- * b. UNIFIED
- * c. DEFAULT
- * d. SELECTED_CALENDARID
- *
- * @param calendarId
- * : calendar id
- *
- * @param calendarType
- * : the type of a calendar
- * a. EVENT
- * b. TASK
- */
- uibinding.dataSourceCalendar = function () {
- if (arguments.length !== 1) {
- return false;
- }
-
- var _self = this;
- _self.options = {
- method: "ALL",
- calendarType: "EVENT",
- calendarId: ""
- };
-
- var args = Array.prototype.slice.call(arguments, 0);
- var new_options = args.shift();
- _self._create(new_options);
- return _self;
- };
- uibinding.dataSourceCalendar.prototype = new uibinding.dataSource();
- uibinding.dataSourceCalendar.prototype.constructor = uibinding.dataSourceCalendar;
- uibinding.dataSourceCalendar.prototype._create = function (obj) {
- var _self = this;
- if (arguments.length > 0) {
- _self._updateOptions(obj);
- }
- };
- uibinding.dataSourceCalendar.prototype._update = function () {
- var _self = this;
- _self.data = {};
- _self.data.calendars = [];
-
- var _method = _self.options.method ? _self.options.method : null;
- var _calendarType = _self.options.calendarType ? _self.options.calendarType : null;
- var _calendarId = (_method == "SELECTED_CALENDARID") ? _self.options.calendarId : null;
- var _calendar = null;
- var _calendarItem = null;
- var _filter = null;
-
- function _error (error) {
- console.log("Error: " + error.name);
- _self.fireHandler("error");
- }
-
- function _calendarFound (events) {
- var eventsLength = events.length;
- for (var i = 0; i < eventsLength; i++) {
- var _event = {};
- _event = events[i];
-
- var event = {};
-
- for (var item in _event) {
- if (_event[item] instanceof tizen.TZDate == true) {
- var tzdate = _event[item];
- tzdate["date"] = tzdate.getDate();
- tzdate["fullYear"] = tzdate.getFullYear();
- tzdate["month"] = tzdate.getMonth();
- tzdate["day"] = tzdate.getDay();
- tzdate["hours"] = tzdate.getHours();
- tzdate["minutes"] = tzdate.getMinutes();
- tzdate["seconds"] = tzdate.getSeconds();
- tzdate["milliseconds"] = tzdate.getMilliseconds();
- tzdate["timezone"] = tzdate.getTimezone();
- tzdate["dateString"] = tzdate.toDateString();
- tzdate["string"] = tzdate.toString();
-
- event[item] = tzdate;
-
- } else {
- event[item] = _event[item];
- }
- }
- _calendar.events.push(event);
- }
- }
-
- function _calendarsFound (calendars) {
- var calendarLength = calendars.length;
- if (calendarLength > 0) {
- for (var i = 0; i < calendarLength; i++) {
- _calendar = {};
- _calendar = calendars[i];
- _calendar.events = [];
-
- _calendar.find(_calendarFound, _error, _filter);
-
- _self.data.calendars.push(_calendar);
- }
- }
- }
-
- if (_method === "ALL") {
- tizen.calendar.getCalendars(_calendarType, _calendarsFound, _error);
- } else {
- if (_method === "UNIFIED") {
- _calendar = tizen.calendar.getUnifiedCalendar(_calendarType);
- } else if (_method === "DEFAULT") {
- _calendar = tizen.calendar.getDefaultCalendar(_calendarType);
- } else if (_method === "SELECTED_CALENDARID") {
- _calendar = tizen.calendar.getCalendar(_calendarType, _calendarId);
- } else {
- _error({
- name : "InvalidValuesError"
- });
- return;
- }
- _calendar.events = [];
- _calendar.find(_calendarFound, _error, null);
- _self.data.calendars.push(_calendar);
- }
- };
- uibinding.dataSourceCalendar.prototype.update = function () {
- var _self = this;
- _self._update();
- return _self;
- };
-
- /**
- * dataSourceCallhistory
- *
- * @param type
- * a. ALL
- * b. TEL
- * c. XMPP
- * d. SIP
- *
- * @param direction
- * a. ALL
- * b. DIALED
- * c. RECEIVED
- * d. MISSEDNEW
- * e. MISSED
- * f. BLOCKED
- * g. REJECTED
- */
- uibinding.dataSourceCallhistory = function () {
- if (arguments.length !== 1) {
- return false;
- }
-
- var _self = this;
- _self.options = {
- type: "ALL",
- direction: "ALL",
- starttimeorder: "DESC"
- };
-
- var args = Array.prototype.slice.call(arguments, 0);
- var new_options = args.shift();
- _self._create(new_options);
- return _self;
- };
- uibinding.dataSourceCallhistory.prototype = new uibinding.dataSource();
- uibinding.dataSourceCallhistory.prototype.constructor = uibinding.dataSourceCallhistory;
- uibinding.dataSourceCallhistory.prototype._create = function (obj) {
- var _self = this;
- if (arguments.length > 0) {
- _self._updateOptions(obj);
- }
- };
- uibinding.dataSourceCallhistory.prototype._update = function () {
- var _self = this;
- _self.data = {};
- _self.data.callhistory = {};
-
- var _type = _self.options.type ? _self.options.type : null;
- var _direction = _self.options.direction ? _self.options.direction : null;
- var _starttimeorder = _self.options.starttimeorder ? _self.options.starttimeorder : null;
-
- var _filter = null;
- var _sortMode = null;
-
- function _error (error) {
- console.log("Error: " + error.name);
- _self.fireHandler("error");
- }
-
- function _callhistoryFound (results) {
- _self.data.callhistory.length = results.length;
- _self.data.callhistory.entries = results;
- }
-
- if (_type !== "ALL") {
- _filter = new new tizen.AttributeFilter("type", "EXACTLY", _type);
- }
- _sortMode = new tizen.SortMode("startTime", _starttimeorder);
-
- tizen.callhistory.find(_callhistoryFound, _error, _filter, _sortMode);
- };
- uibinding.dataSourceCallhistory.prototype.update = function () {
- var _self = this;
- _self._update();
- return _self;
- };
-
- /**
- * datasource - file
- */
- uibinding.dataSourceFile = function () {
- if (arguments.length !== 1) {
- return null;
- }
-
- var _self = this;
- _self.options = {
- path: "",
- dataType: "json"
- };
-
- var args = Array.prototype.slice.call(arguments, 0);
- var new_options = args.shift();
- _self._create(new_options);
- return _self;
- };
- uibinding.dataSourceFile.prototype = new uibinding.dataSource();
- uibinding.dataSourceFile.prototype.constructor = uibinding.dataSourceFile;
- uibinding.dataSourceFile.prototype._create = function (obj) {
- var _self = this;
- if (arguments.length > 0) {
- _self._updateOptions(obj);
- }
- };
- uibinding.dataSourceFile.prototype._update = function () {
- var _self = this;
- $.get(_self.options.path, function (data) {
- _self.data = _self._toJson(data, _self.options.dataType);
- _self.fireHandler("success");
- }).fail(function () {
- _self.fireHandler("error");
- });
- };
- uibinding.dataSourceFile.prototype.update = function () {
- var _self = this;
- _self._update();
- return this;
- };
-
-})(jQuery);
-
-; (function ($){
-
- /**
- * Button
- */
- ko.bindingSelector.add(
- "text",
- {
- "update": function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
- var value = ko.utils.unwrapObservable(valueAccessor() || {});
- $(".ui-btn-text", element).text(value);
- }
- },
- function( element ) {
- if ($(element).data("role") === "button") {
- return true;
- }
- }
- );
-
- /**
- * Date Time Picker
- */
- ko.bindingSelector.add(
- "value",
- {
- "update": function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
- var value = ko.utils.unwrapObservable(valueAccessor() || {});
- $(element).datetimepicker("value", value);
- }
- },
- function( element ) {
- if ($(element).attr("type") === "datetime") {
- return true;
- }
- }
- );
-
- /**
- * List Divider
- */
- ko.bindingSelector.add(
- "text",
- {
- "update": function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
- var value = ko.utils.unwrapObservable(valueAccessor() || {});
- $(".ui-btn-text", element).text(value);
- }
- },
- function( element ) {
- if ($(element).parents().andSelf().filter("[data-role='listview']")) {
- if ($(element).data("role") === "list-divider") {
- return true;
- }
- }
- }
- );
-
- /**
- * List Item
- */
- ko.bindingSelector.add(
- "text",
- {
- "update": function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
- var value = ko.utils.unwrapObservable(valueAccessor() || {});
- var children = $(element).children();
- $(element).text(value);
- $(element).append(children);
-
- }
- },
- function( element ) {
- if ($(element).parents().andSelf().filter("[data-role='listview']")) {
- if ($(element).data("role") !== "list-divider") {
- return true;
- }
- }
- }
- );
-
- /**
- * Slider
- */
- ko.bindingHandlers.slider = {
- init: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
- var value = ko.utils.unwrapObservable(valueAccessor());
- var jqmId = '#' + element.id;
-
- $(element).val(value);
- $(element).attr("value", value).slider("refresh");
-
- setTimeout(function () {
-
- var curSlider = $('#' + element.id);
-
- function setSliderValue(newValue) {
- curSlider.val(newValue).slider('refresh');
- }
-
- valueAccessor().subscribe(setSliderValue);
- setSliderValue($(element).val());
- curSlider.bind('change', function () {
- valueAccessor()(curSlider.val());
- });
- }, 0);
- }
- };
-
- /**
- * Submit Button
- */
- ko.bindingSelector.add(
- "text",
- {
- "update": function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
- var value = ko.utils.unwrapObservable(valueAccessor() || {});
- var parent = $(element).parent();
- var span = $("span > span", parent);
-
- $(span).text(value);
- $(element).val(value);
- }
- },
- function( element ) {
- if ($(element).attr("type") === "submit") {
- return true;
- }
- }
- );
-
- /**
- * Token Text Area
- */
- ko.bindingSelector.add(
- "text",
- {
- "update": function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
- var value = ko.utils.unwrapObservable(valueAccessor() || {});
- $(element).tokentextarea("add", value);
- }
- },
- function( element ) {
- if ($(element).data("role") === "tokentextarea") {
- return true;
- }
- }
- );
-
-})(jQuery);
+++ /dev/null
-/*
- ### jQuery XML to JSON Plugin v1.3 - 2013-02-18 ###
- * http://www.fyneworks.com/ - diego@fyneworks.com
- * Licensed under http://en.wikipedia.org/wiki/MIT_License
- ###
- Website: http://www.fyneworks.com/jquery/xml-to-json/
- *//*
- # INSPIRED BY: http://www.terracoder.com/
- AND: http://www.thomasfrank.se/xml_to_json.html
- AND: http://www.kawa.net/works/js/xml/objtree-e.html
- *//*
- This simple script converts XML (document of code) into a JSON object. It is the combination of 2
- 'xml to json' great parsers (see below) which allows for both 'simple' and 'extended' parsing modes.
- *//*
- * Modifications by Samsung Electronics Co., Ltd.
- * 1. Modified To communicate with the Tizen IDE.
- */
-//Avoid collisions
-;if(window.jQuery) (function($){
-
- // Add function to jQuery namespace
- $.extend({
-
- // converts xml documents and xml text to json object
- xml2json: function(xml, extended) {
- if(!xml) return {}; // quick fail
-
- //### PARSER LIBRARY
- // Core function
- function parseXML(node, simple){
- if(!node) return null;
- var txt = '', obj = null, att = null;
- var nt = node.nodeType, nn = jsVar(node.localName || node.nodeName);
- var nv = node.text || node.nodeValue || '';
- /*DBG*/ //if(window.console) console.log(['x2j',nn,nt,nv.length+' bytes']);
- if(node.childNodes){
- if(node.childNodes.length>0){
- /*DBG*/ //if(window.console) console.log(['x2j',nn,'CHILDREN',node.childNodes]);
- $.each(node.childNodes, function(n,cn){
- var cnt = cn.nodeType, cnn = jsVar(cn.localName || cn.nodeName);
- var cnv = cn.text || cn.nodeValue || '';
- /*DBG*/ //if(window.console) console.log(['x2j',nn,'node>a',cnn,cnt,cnv]);
- if(cnt == 8){
- /*DBG*/ //if(window.console) console.log(['x2j',nn,'node>b',cnn,'COMMENT (ignore)']);
- return; // ignore comment node
- }
- else if(cnt == 3 || cnt == 4 || !cnn){
- // ignore white-space in between tags
- if(cnv.match(/^\s+$/)){
- /*DBG*/ //if(window.console) console.log(['x2j',nn,'node>c',cnn,'WHITE-SPACE (ignore)']);
- return;
- };
- /*DBG*/ //if(window.console) console.log(['x2j',nn,'node>d',cnn,'TEXT']);
- txt += cnv.replace(/^\s+/,'').replace(/\s+$/,'');
- // make sure we ditch trailing spaces from markup
- }
- else{
- /*DBG*/ //if(window.console) console.log(['x2j',nn,'node>e',cnn,'OBJECT']);
- obj = obj || {};
- if(obj[cnn]){
- /*DBG*/ //if(window.console) console.log(['x2j',nn,'node>f',cnn,'ARRAY']);
-
- // http://forum.jquery.com/topic/jquery-jquery-xml2json-problems-when-siblings-of-the-same-tagname-only-have-a-textnode-as-a-child
- if(!obj[cnn].length) obj[cnn] = myArr(obj[cnn]);
- obj[cnn] = myArr(obj[cnn]);
-
- obj[cnn][ obj[cnn].length ] = parseXML(cn, true/* simple */);
- obj[cnn].length = obj[cnn].length;
- }
- else{
- /*DBG*/ //if(window.console) console.log(['x2j',nn,'node>g',cnn,'dig deeper...']);
- obj[cnn] = parseXML(cn);
- };
- };
- });
- };//node.childNodes.length>0
- };//node.childNodes
- if(node.attributes){
- if(node.attributes.length>0){
- /*DBG*/ //if(window.console) console.log(['x2j',nn,'ATTRIBUTES',node.attributes])
- att = {}; obj = obj || {};
- $.each(node.attributes, function(a,at){
- var atn = jsVar(at.name), atv = at.value;
- att[atn] = atv;
- if(obj[atn]){
- /*DBG*/ //if(window.console) console.log(['x2j',nn,'attr>',atn,'ARRAY']);
-
- // http://forum.jquery.com/topic/jquery-jquery-xml2json-problems-when-siblings-of-the-same-tagname-only-have-a-textnode-as-a-child
- //if(!obj[atn].length) obj[atn] = myArr(obj[atn]);//[ obj[ atn ] ];
- obj[cnn] = myArr(obj[cnn]);
-
- obj[atn][ obj[atn].length ] = atv;
- obj[atn].length = obj[atn].length;
- }
- else{
- /*DBG*/ //if(window.console) console.log(['x2j',nn,'attr>',atn,'TEXT']);
- obj[atn] = atv;
- };
- });
- //obj['attributes'] = att;
- };//node.attributes.length>0
- };//node.attributes
- if(obj){
- obj = $.extend( (txt!='' ? new String(txt) : {}),/* {text:txt},*/ obj || {}/*, att || {}*/);
- //txt = (obj.text) ? (typeof(obj.text)=='object' ? obj.text : [obj.text || '']).concat([txt]) : txt;
- txt = (obj.text) ? ([obj.text || '']).concat([txt]) : txt;
- if(txt) obj.text = txt;
- txt = '';
- };
- var out = obj || txt;
- //console.log([extended, simple, out]);
- if(extended){
- if(txt) out = {};//new String(out);
- txt = out.text || txt || '';
- if(txt) out.text = txt;
- if(!simple) out = myArr(out);
- };
- return out;
- };// parseXML
- // Core Function End
- // Utility functions
- var jsVar = function(s){ return String(s || '').replace(/-/g,"_"); };
-
- // NEW isNum function: 01/09/2010
- // Thanks to Emile Grau, GigaTecnologies S.L., www.gigatransfer.com, www.mygigamail.com
- function isNum(s){
- // based on utility function isNum from xml2json plugin (http://www.fyneworks.com/ - diego@fyneworks.com)
- // few bugs corrected from original function :
- // - syntax error : regexp.test(string) instead of string.test(reg)
- // - regexp modified to accept comma as decimal mark (latin syntax : 25,24 )
- // - regexp modified to reject if no number before decimal mark : ".7" is not accepted
- // - string is "trimmed", allowing to accept space at the beginning and end of string
- var regexp=/^((-)?([0-9]+)(([\.\,]{0,1})([0-9]+))?$)/
- return (typeof s == "number") || regexp.test(String((s && typeof s == "string") ? jQuery.trim(s) : ''));
- };
- // OLD isNum function: (for reference only)
- //var isNum = function(s){ return (typeof s == "number") || String((s && typeof s == "string") ? s : '').test(/^((-)?([0-9]*)((\.{0,1})([0-9]+))?$)/); };
-
- var myArr = function(o){
-
- // http://forum.jquery.com/topic/jquery-jquery-xml2json-problems-when-siblings-of-the-same-tagname-only-have-a-textnode-as-a-child
- //if(!o.length) o = [ o ]; o.length=o.length;
- if(!$.isArray(o)) o = [ o ]; o.length=o.length;
-
- // here is where you can attach additional functionality, such as searching and sorting...
- return o;
- };
- // Utility functions End
- //### PARSER LIBRARY END
-
- // Convert plain text to xml
- if(typeof xml=='string') xml = $.text2xml(xml);
-
- // Quick fail if not xml (or if this is a node)
- if(!xml.nodeType) return;
- if(xml.nodeType == 3 || xml.nodeType == 4) return xml.nodeValue;
-
- // Find xml root node
- // var root = (xml.nodeType == 9) ? xml.documentElement : xml;
- var root = xml;
-
- // Convert xml to json
- var out = parseXML(root, true /* simple */);
-
- // Clean-up memory
- xml = null; root = null;
-
- // Send output
- return out;
- },
-
- // Convert text to XML DOM
- text2xml: function(str) {
- // NOTE: I'd like to use jQuery for this, but jQuery makes all tags uppercase
- //return $(xml)[0];
-
- /* prior to jquery 1.9 */
- /*
- var out;
- try{
- var xml = ((!$.support.opacity && !$.support.style))?new ActiveXObject("Microsoft.XMLDOM"):new DOMParser();
- xml.async = false;
- }catch(e){ throw new Error("XML Parser could not be instantiated") };
- try{
- if((!$.support.opacity && !$.support.style)) out = (xml.loadXML(str))?xml:false;
- else out = xml.parseFromString(str, "text/xml");
- }catch(e){ throw new Error("Error parsing XML string") };
- return out;
- */
-
- /* jquery 1.9+ */
- return $.parseXML(str);
- }
-
- }); // extend $
-
-})(jQuery);
\ No newline at end of file
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE descriptors [<!ENTITY tizen.animator.emphasis.flash SYSTEM "css/tizen.animator.emphasis.flash.xml">
-<!ENTITY tizen.animator.emphasis.bounce SYSTEM "css/tizen.animator.emphasis.bounce.xml">
-<!ENTITY tizen.animator.emphasis.shake SYSTEM "css/tizen.animator.emphasis.shake.xml">
-<!ENTITY tizen.animator.emphasis.tada SYSTEM "css/tizen.animator.emphasis.tada.xml">
-<!ENTITY tizen.animator.emphasis.swing SYSTEM "css/tizen.animator.emphasis.swing.xml">
-<!ENTITY tizen.animator.emphasis.wobble SYSTEM "css/tizen.animator.emphasis.wobble.xml">
-<!ENTITY tizen.animator.emphasis.pulse SYSTEM "css/tizen.animator.emphasis.pulse.xml">
-<!ENTITY tizen.animator.emphasis.flip SYSTEM "css/tizen.animator.emphasis.flip.xml">
-<!ENTITY tizen.animator.entrance.flipInX SYSTEM "css/tizen.animator.entrance.flipInX.xml">
-<!ENTITY tizen.animator.entrance.flipInY SYSTEM "css/tizen.animator.entrance.flipInY.xml">
-<!ENTITY tizen.animator.entrance.fadeIn SYSTEM "css/tizen.animator.entrance.fadeIn.xml">
-<!ENTITY tizen.animator.entrance.fadeInUp SYSTEM "css/tizen.animator.entrance.fadeInUp.xml">
-<!ENTITY tizen.animator.entrance.fadeInDown SYSTEM "css/tizen.animator.entrance.fadeInDown.xml">
-<!ENTITY tizen.animator.entrance.fadeInLeft SYSTEM "css/tizen.animator.entrance.fadeInLeft.xml">
-<!ENTITY tizen.animator.entrance.fadeInRight SYSTEM "css/tizen.animator.entrance.fadeInRight.xml">
-<!ENTITY tizen.animator.entrance.fadeInUpBig SYSTEM "css/tizen.animator.entrance.fadeInUpBig.xml">
-<!ENTITY tizen.animator.entrance.fadeInDownBig SYSTEM "css/tizen.animator.entrance.fadeInDownBig.xml">
-<!ENTITY tizen.animator.entrance.fadeInLeftBig SYSTEM "css/tizen.animator.entrance.fadeInLeftBig.xml">
-<!ENTITY tizen.animator.entrance.fadeInRightBig SYSTEM "css/tizen.animator.entrance.fadeInRightBig.xml">
-<!ENTITY tizen.animator.entrance.slideInDown SYSTEM "css/tizen.animator.entrance.slideInDown.xml">
-<!ENTITY tizen.animator.entrance.slideInLeft SYSTEM "css/tizen.animator.entrance.slideInLeft.xml">
-<!ENTITY tizen.animator.entrance.slideInRight SYSTEM "css/tizen.animator.entrance.slideInRight.xml">
-<!ENTITY tizen.animator.entrance.bounceIn SYSTEM "css/tizen.animator.entrance.bounceIn.xml">
-<!ENTITY tizen.animator.entrance.bounceInDown SYSTEM "css/tizen.animator.entrance.bounceInDown.xml">
-<!ENTITY tizen.animator.entrance.bounceInUp SYSTEM "css/tizen.animator.entrance.bounceInUp.xml">
-<!ENTITY tizen.animator.entrance.bounceInLeft SYSTEM "css/tizen.animator.entrance.bounceInLeft.xml">
-<!ENTITY tizen.animator.entrance.bounceInRight SYSTEM "css/tizen.animator.entrance.bounceInRight.xml">
-<!ENTITY tizen.animator.entrance.rotateIn SYSTEM "css/tizen.animator.entrance.rotateIn.xml">
-<!ENTITY tizen.animator.entrance.rotateInDownLeft SYSTEM "css/tizen.animator.entrance.rotateInDownLeft.xml">
-<!ENTITY tizen.animator.entrance.rotateInDownRight SYSTEM "css/tizen.animator.entrance.rotateInDownRight.xml">
-<!ENTITY tizen.animator.entrance.rotateInUpLeft SYSTEM "css/tizen.animator.entrance.rotateInUpLeft.xml">
-<!ENTITY tizen.animator.entrance.rotateInUpRight SYSTEM "css/tizen.animator.entrance.rotateInUpRight.xml">
-<!ENTITY tizen.animator.entrance.lightSpeedIn SYSTEM "css/tizen.animator.entrance.lightSpeedIn.xml">
-<!ENTITY tizen.animator.entrance.rollIn SYSTEM "css/tizen.animator.entrance.rollIn.xml">
-<!ENTITY tizen.animator.exit.flipOutX SYSTEM "css/tizen.animator.exit.flipOutX.xml">
-<!ENTITY tizen.animator.exit.flipOutY SYSTEM "css/tizen.animator.exit.flipOutY.xml">
-<!ENTITY tizen.animator.exit.fadeOut SYSTEM "css/tizen.animator.exit.fadeOut.xml">
-<!ENTITY tizen.animator.exit.fadeOutUp SYSTEM "css/tizen.animator.exit.fadeOutUp.xml">
-<!ENTITY tizen.animator.exit.fadeOutDown SYSTEM "css/tizen.animator.exit.fadeOutDown.xml">
-<!ENTITY tizen.animator.exit.fadeOutLeft SYSTEM "css/tizen.animator.exit.fadeOutLeft.xml">
-<!ENTITY tizen.animator.exit.fadeOutRight SYSTEM "css/tizen.animator.exit.fadeOutRight.xml">
-<!ENTITY tizen.animator.exit.fadeOutUpBig SYSTEM "css/tizen.animator.exit.fadeOutUpBig.xml">
-<!ENTITY tizen.animator.exit.fadeOutDownBig SYSTEM "css/tizen.animator.exit.fadeOutDownBig.xml">
-<!ENTITY tizen.animator.exit.fadeOutLeftBig SYSTEM "css/tizen.animator.exit.fadeOutLeftBig.xml">
-<!ENTITY tizen.animator.exit.fadeOutRightBig SYSTEM "css/tizen.animator.exit.fadeOutRightBig.xml">
-<!ENTITY tizen.animator.exit.slideOutUp SYSTEM "css/tizen.animator.exit.slideOutUp.xml">
-<!ENTITY tizen.animator.exit.slideOutLeft SYSTEM "css/tizen.animator.exit.slideOutLeft.xml">
-<!ENTITY tizen.animator.exit.slideOutRight SYSTEM "css/tizen.animator.exit.slideOutRight.xml">
-<!ENTITY tizen.animator.exit.bounceOut SYSTEM "css/tizen.animator.exit.bounceOut.xml">
-<!ENTITY tizen.animator.exit.bounceOutDown SYSTEM "css/tizen.animator.exit.bounceOutDown.xml">
-<!ENTITY tizen.animator.exit.bounceOutUp SYSTEM "css/tizen.animator.exit.bounceOutUp.xml">
-<!ENTITY tizen.animator.exit.bounceOutLeft SYSTEM "css/tizen.animator.exit.bounceOutLeft.xml">
-<!ENTITY tizen.animator.exit.bounceOutRight SYSTEM "css/tizen.animator.exit.bounceOutRight.xml">
-<!ENTITY tizen.animator.exit.rotateOut SYSTEM "css/tizen.animator.exit.rotateOut.xml">
-<!ENTITY tizen.animator.exit.rotateOutDownLeft SYSTEM "css/tizen.animator.exit.rotateOutDownLeft.xml">
-<!ENTITY tizen.animator.exit.rotateOutDownRight SYSTEM "css/tizen.animator.exit.rotateOutDownRight.xml">
-<!ENTITY tizen.animator.exit.rotateOutUpLeft SYSTEM "css/tizen.animator.exit.rotateOutUpLeft.xml">
-<!ENTITY tizen.animator.exit.rotateOutUpRight SYSTEM "css/tizen.animator.exit.rotateOutUpRight.xml">
-<!ENTITY tizen.animator.exit.lightSpeedOut SYSTEM "css/tizen.animator.exit.lightSpeedOut.xml">
-<!ENTITY tizen.animator.exit.rollOut SYSTEM "css/tizen.animator.exit.rollOut.xml">
-<!ENTITY tizen.animator.motionPath.move SYSTEM "css/tizen.animator.motionPath.move.xml">
-<!ENTITY tizen.animator.motionPath.curve SYSTEM "css/tizen.animator.motionPath.curve.xml">
-]>
-<descriptors xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:tizen="http://www.tizen.org/2012/uibuilder/descriptor">
-&tizen.animator.emphasis.flash;
-&tizen.animator.emphasis.bounce;
-&tizen.animator.emphasis.shake;
-&tizen.animator.emphasis.tada;
-&tizen.animator.emphasis.swing;
-&tizen.animator.emphasis.wobble;
-&tizen.animator.emphasis.pulse;
-&tizen.animator.emphasis.flip;
-&tizen.animator.entrance.flipInX;
-&tizen.animator.entrance.flipInY;
-&tizen.animator.entrance.fadeIn;
-&tizen.animator.entrance.fadeInUp;
-&tizen.animator.entrance.fadeInDown;
-&tizen.animator.entrance.fadeInLeft;
-&tizen.animator.entrance.fadeInRight;
-&tizen.animator.entrance.fadeInUpBig;
-&tizen.animator.entrance.fadeInDownBig;
-&tizen.animator.entrance.fadeInLeftBig;
-&tizen.animator.entrance.fadeInRightBig;
-&tizen.animator.entrance.slideInDown;
-&tizen.animator.entrance.slideInLeft;
-&tizen.animator.entrance.slideInRight;
-&tizen.animator.entrance.bounceIn;
-&tizen.animator.entrance.bounceInDown;
-&tizen.animator.entrance.bounceInUp;
-&tizen.animator.entrance.bounceInLeft;
-&tizen.animator.entrance.bounceInRight;
-&tizen.animator.entrance.rotateIn;
-&tizen.animator.entrance.rotateInDownLeft;
-&tizen.animator.entrance.rotateInDownRight;
-&tizen.animator.entrance.rotateInUpLeft;
-&tizen.animator.entrance.rotateInUpRight;
-&tizen.animator.entrance.lightSpeedIn;
-&tizen.animator.entrance.rollIn;
-&tizen.animator.exit.flipOutX;
-&tizen.animator.exit.flipOutY;
-&tizen.animator.exit.fadeOut;
-&tizen.animator.exit.fadeOutUp;
-&tizen.animator.exit.fadeOutDown;
-&tizen.animator.exit.fadeOutLeft;
-&tizen.animator.exit.fadeOutRight;
-&tizen.animator.exit.fadeOutUpBig;
-&tizen.animator.exit.fadeOutDownBig;
-&tizen.animator.exit.fadeOutLeftBig;
-&tizen.animator.exit.fadeOutRightBig;
-&tizen.animator.exit.slideOutUp;
-&tizen.animator.exit.slideOutLeft;
-&tizen.animator.exit.slideOutRight;
-&tizen.animator.exit.bounceOut;
-&tizen.animator.exit.bounceOutDown;
-&tizen.animator.exit.bounceOutUp;
-&tizen.animator.exit.bounceOutLeft;
-&tizen.animator.exit.bounceOutRight;
-&tizen.animator.exit.rotateOut;
-&tizen.animator.exit.rotateOutDownLeft;
-&tizen.animator.exit.rotateOutDownRight;
-&tizen.animator.exit.rotateOutUpLeft;
-&tizen.animator.exit.rotateOutUpRight;
-&tizen.animator.exit.lightSpeedOut;
-&tizen.animator.exit.rollOut;
-&tizen.animator.motionPath.move;
-&tizen.animator.motionPath.curve;
-</descriptors>
\ No newline at end of file
+++ /dev/null
-<?xml version="1.0" encoding="utf-8"?>
-
-<animation id="tizen.animator.angle" displayName="Angle" smallIcon="tizen_animator_angle_small.png"
- icon.16 ="tizen_animator_angle_16.png" category="Effect" description="TBD">
-
- <property name="0%" type="string" displayName="0%">
- <property name="-webkit-transform" type="string" displayName="Webkit Transform" default="rotate(0deg)"/>
- </property>
- <property name="14.2857%" type="string" displayName="14.2857%">
- <property name="-webkit-transform" type="string" displayName="Webkit Transform" default="rotate(50deg)"/>
- </property>
- <property name="28.5714%" type="string" displayName="28.5714%">
- <property name="-webkit-transform" type="string" displayName="Webkit Transform" default="rotate(-50deg)"/>
- </property>
- <property name="42.8571%" type="string" displayName="42.8571%">
- <property name="-webkit-transform" type="string" displayName="Webkit Transform" default="rotate(25deg)"/>
- </property>
- <property name="57.1429%" type="string" displayName="57.1429%">
- <property name="-webkit-transform" type="string" displayName="Webkit Transform" default="rotate(-25deg)"/>
- </property>
- <property name="71.4286%" type="string" displayName="71.4286%">
- <property name="-webkit-transform" type="string" displayName="Webkit Transform" default="rotate(12.5deg)"/>
- </property>
- <property name="85.7143%" type="string" displayName="85.7143%">
- <property name="-webkit-transform" type="string" displayName="Webkit Transform" default="rotate(-12.5deg)"/>
- </property>
- <property name="100%" type="string" displayName="100%">
- <property name="-webkit-transform" type="string" displayName="Webkit Transform" default="rotate(0deg)"/>
- </property>
- <property name="duration" type="string" displayName="Duration" default="3s"/>
-
-</animation>
\ No newline at end of file
+++ /dev/null
-<?xml version="1.0" encoding="utf-8"?>
-
-<animation id="tizen.animator.appear" displayName="Appear" smallIcon="tizen_animator_appear_small.png"
- icon.16 ="tizen_animator_appear_16.png" category="Effect" description="TBD">
-
- <property name="0%" type="string" displayName="0%">
- <property name="opacity" type="string" displayName="Opacity" default="0"/>
- </property>
- <property name="100%" type="string" displayName="100%">
- <property name="opacity" type="string" displayName="Opacity" default="1"/>
- </property>
- <property name="duration" type="string" displayName="Duration" default="1s"/>
-
-</animation>
\ No newline at end of file
+++ /dev/null
-<?xml version="1.0" encoding="utf-8"?>
-
-<animation id="tizen.animator.circle" displayName="Circle" smallIcon="tizen_animator_appear_small.png"
- icon.16 ="tizen_animator_appear_16.png" category="Motion" description="TBD">
-
- <property name="0%" type="string" displayName="0%">
- <property name="left" type="string" displayName="Left" default="0px"/>
- <property name="top" type="string" displayName="Top" default="0px"/>
- </property>
-
- <property name="2.7%" type="string" displayName="2.7%">
- <property name="left" type="string" displayName="Left" default="172px"/>
- <property name="top" type="string" displayName="Top" default="25px"/>
- </property>
-
- <property name="5.5%" type="string" displayName="5.5%">
- <property name="left" type="string" displayName="Left" default="202px"/>
- <property name="top" type="string" displayName="Top" default="13px"/>
- </property>
-
- <property name="8.3%" type="string" displayName="8.3%">
- <property name="left" type="string" displayName="Left" default="240px"/>
- <property name="top" type="string" displayName="Top" default="6px"/>
- </property>
-
- <property name="11.1%" type="string" displayName="11.1%">
- <property name="left" type="string" displayName="Left" default="280px"/>
- <property name="top" type="string" displayName="Top" default="4px"/>
- </property>
-
- <property name="13.8%" type="string" displayName="13.8%">
- <property name="left" type="string" displayName="Left" default="321px"/>
- <property name="top" type="string" displayName="Top" default="3px"/>
- </property>
-
- <property name="16.6%" type="string" displayName="16.6%">
- <property name="left" type="string" displayName="Left" default="361px"/>
- <property name="top" type="string" displayName="Top" default="7px"/>
- </property>
-
- <property name="19.4%" type="string" displayName="19.4%">
- <property name="left" type="string" displayName="Left" default="398px"/>
- <property name="top" type="string" displayName="Top" default="14px"/>
- </property>
-
- <property name="22.2%" type="string" displayName="22.2%">
- <property name="left" type="string" displayName="Left" default="428px"/>
- <property name="top" type="string" displayName="Top" default="25px"/>
- </property>
-
- <property name="25%" type="string" displayName="25%">
- <property name="left" type="string" displayName="Left" default="450px"/>
- <property name="top" type="string" displayName="Top" default="40px"/>
- </property>
-
- <property name="27.7%" type="string" displayName="27.7%">
- <property name="left" type="string" displayName="Left" default="466px"/>
- <property name="top" type="string" displayName="Top" default="62px"/>
- </property>
-
- <property name="30.5%" type="string" displayName="30.5%">
- <property name="left" type="string" displayName="Left" default="476px"/>
- <property name="top" type="string" displayName="Top" default="93px"/>
- </property>
-
- <property name="33.3%" type="string" displayName="33.3%">
- <property name="left" type="string" displayName="Left" default="483px"/>
- <property name="top" type="string" displayName="Top" default="130px"/>
- </property>
-
- <property name="36.1%" type="string" displayName="36.1%">
- <property name="left" type="string" displayName="Left" default="487px"/>
- <property name="top" type="string" displayName="Top" default="170px"/>
- </property>
-
- <property name="38.8%" type="string" displayName="38.8%">
- <property name="left" type="string" displayName="Left" default="487px"/>
- <property name="top" type="string" displayName="Top" default="211px"/>
- </property>
-
- <property name="41.6%" type="string" displayName="41.6%">
- <property name="left" type="string" displayName="Left" default="483px"/>
- <property name="top" type="string" displayName="Top" default="251px"/>
- </property>
-
- <property name="44.4%" type="string" displayName="44.4%">
- <property name="left" type="string" displayName="Left" default="477px"/>
- <property name="top" type="string" displayName="Top" default="286px"/>
- </property>
-
- <property name="47.2%" type="string" displayName="47.2%">
- <property name="left" type="string" displayName="Left" default="465px"/>
- <property name="top" type="string" displayName="Top" default="317px"/>
- </property>
-
- <property name="50%" type="string" displayName="50%">
- <property name="left" type="string" displayName="Left" default="450px"/>
- <property name="top" type="string" displayName="Top" default="340px"/>
- </property>
-
- <property name="52.7%" type="string" displayName="52.7%">
- <property name="left" type="string" displayName="Left" default="427px"/>
- <property name="top" type="string" displayName="Top" default="353px"/>
- </property>
-
- <property name="55.5%" type="string" displayName="55.5%">
- <property name="left" type="string" displayName="Left" default="399px"/>
- <property name="top" type="string" displayName="Top" default="365px"/>
- </property>
-
- <property name="58.3%" type="string" displayName="58.3%">
- <property name="left" type="string" displayName="Left" default="362px"/>
- <property name="top" type="string" displayName="Top" default="374px"/>
- </property>
-
- <property name="61.1%" type="string" displayName="61.1%">
- <property name="left" type="string" displayName="Left" default="280px"/>
- <property name="top" type="string" displayName="Top" default="376px"/>
- </property>
-
- <property name="63.8%" type="string" displayName="63.8%">
- <property name="left" type="string" displayName="Left" default="280px"/>
- <property name="top" type="string" displayName="Top" default="376px"/>
- </property>
-
- <property name="66.6%" type="string" displayName="66.6%">
- <property name="left" type="string" displayName="Left" default="240px"/>
- <property name="top" type="string" displayName="Top" default="374px"/>
- </property>
-
- <property name="69.4%" type="string" displayName="69.4%">
- <property name="left" type="string" displayName="Left" default="203px"/>
- <property name="top" type="string" displayName="Top" default="365px"/>
- </property>
-
- <property name="72.2%" type="string" displayName="72.2%">
- <property name="left" type="string" displayName="Left" default="172px"/>
- <property name="top" type="string" displayName="Top" default="354px"/>
- </property>
-
- <property name="75%" type="string" displayName="75%">
- <property name="left" type="string" displayName="Left" default="172px"/>
- <property name="top" type="string" displayName="Top" default="354px"/>
- </property>
-
- <property name="77.7%" type="string" displayName="77.7%">
- <property name="left" type="string" displayName="Left" default="135px"/>
- <property name="top" type="string" displayName="Top" default="317px"/>
- </property>
-
- <property name="80.5" type="string" displayName="80.5%">
- <property name="left" type="string" displayName="Left" default="125px"/>
- <property name="top" type="string" displayName="Top" default="286px"/>
- </property>
-
- <property name="83.3%" type="string" displayName="83.3%">
- <property name="left" type="string" displayName="Left" default="118px"/>
- <property name="top" type="string" displayName="Top" default="251px"/>
- </property>
-
- <property name="86.1%" type="string" displayName="86.1%">
- <property name="left" type="string" displayName="Left" default="113px"/>
- <property name="top" type="string" displayName="Top" default="210px"/>
- </property>
-
- <property name="88.8%" type="string" displayName="88.8%">
- <property name="left" type="string" displayName="Left" default="113px"/>
- <property name="top" type="string" displayName="Top" default="170px"/>
- </property>
-
- <property name="91.6%" type="string" displayName="91.6%">
- <property name="left" type="string" displayName="Left" default="117px"/>
- <property name="top" type="string" displayName="Top" default="129px"/>
- </property>
-
- <property name="94.4%" type="string" displayName="94.4%">
- <property name="left" type="string" displayName="Left" default="125px"/>
- <property name="top" type="string" displayName="Top" default="92px"/>
- </property>
-
- <property name="97.2%" type="string" displayName="97.2%">
- <property name="left" type="string" displayName="Left" default="134px"/>
- <property name="top" type="string" displayName="Top" default="62px"/>
- </property>
-
- <property name="100%" type="string" displayName="100%">
- <property name="left" type="string" displayName="Left" default="150px"/>
- <property name="top" type="string" displayName="Top" default="40px"/>
- </property>
-
-
- <property name="duration" type="string" displayName="Duration" default="4s"/>
-
-</animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.demo.angle" displayName="angle"
- smallIcon="tizen_animator_angle_small.png" icon.16="tizen_animator_angle_16.png"
- category="demo" description="TBD">
- <property name="0%" type="string" displayName="0%">
- <property name="-webkit-transform" type="string" displayName="Webkit Transform"
- default="rotate(0deg)" />
- </property>
- <property name="14.2857%" type="string" displayName="14.2857%">
- <property name="-webkit-transform" type="string" displayName="Webkit Transform"
- default="rotate(50deg)" />
- </property>
- <property name="28.5714%" type="string" displayName="28.5714%">
- <property name="-webkit-transform" type="string" displayName="Webkit Transform"
- default="rotate(-50deg)" />
- </property>
- <property name="42.8571%" type="string" displayName="42.8571%">
- <property name="-webkit-transform" type="string" displayName="Webkit Transform"
- default="rotate(25deg)" />
- </property>
- <property name="57.1429%" type="string" displayName="57.1429%">
- <property name="-webkit-transform" type="string" displayName="Webkit Transform"
- default="rotate(-25deg)" />
- </property>
- <property name="71.4286%" type="string" displayName="71.4286%">
- <property name="-webkit-transform" type="string" displayName="Webkit Transform"
- default="rotate(12.5deg)" />
- </property>
- <property name="85.7143%" type="string" displayName="85.7143%">
- <property name="-webkit-transform" type="string" displayName="Webkit Transform"
- default="rotate(-12.5deg)" />
- </property>
- <property name="100%" type="string" displayName="100%">
- <property name="-webkit-transform" type="string" displayName="Webkit Transform"
- default="rotate(0deg)" />
- </property>
- <property name="duration" type="string" displayName="Duration"
- default="3s" />
-</animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.demo.appear" displayName="appear"
- smallIcon="tizen_animator_appear_small.png" icon.16="tizen_animator_appear_16.png"
- category="demo" description="TBD">
- <property name="0%" type="string" displayName="0%">
- <property name="opacity" type="string" displayName="Opacity"
- default="0" />
- </property>
- <property name="100%" type="string" displayName="100%">
- <property name="opacity" type="string" displayName="Opacity"
- default="1" />
- </property>
- <property name="duration" type="string" displayName="Duration"
- default="1s" />
-</animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.demo.circle" displayName="circle"
- smallIcon="tizen_animator_appear_small.png" icon.16="tizen_animator_appear_16.png"
- category="demo" description="TBD">
- <property name="0%" type="string" displayName="0%">
- <property name="left" type="string" displayName="Left"
- default="0px" />
- <property name="top" type="string" displayName="Top" default="0px" />
- </property>
-
- <property name="2.7%" type="string" displayName="2.7%">
- <property name="left" type="string" displayName="Left"
- default="172px" />
- <property name="top" type="string" displayName="Top" default="25px" />
- </property>
-
- <property name="5.5%" type="string" displayName="5.5%">
- <property name="left" type="string" displayName="Left"
- default="202px" />
- <property name="top" type="string" displayName="Top" default="13px" />
- </property>
-
- <property name="8.3%" type="string" displayName="8.3%">
- <property name="left" type="string" displayName="Left"
- default="240px" />
- <property name="top" type="string" displayName="Top" default="6px" />
- </property>
-
- <property name="11.1%" type="string" displayName="11.1%">
- <property name="left" type="string" displayName="Left"
- default="280px" />
- <property name="top" type="string" displayName="Top" default="4px" />
- </property>
-
- <property name="13.8%" type="string" displayName="13.8%">
- <property name="left" type="string" displayName="Left"
- default="321px" />
- <property name="top" type="string" displayName="Top" default="3px" />
- </property>
-
- <property name="16.6%" type="string" displayName="16.6%">
- <property name="left" type="string" displayName="Left"
- default="361px" />
- <property name="top" type="string" displayName="Top" default="7px" />
- </property>
-
- <property name="19.4%" type="string" displayName="19.4%">
- <property name="left" type="string" displayName="Left"
- default="398px" />
- <property name="top" type="string" displayName="Top" default="14px" />
- </property>
-
- <property name="22.2%" type="string" displayName="22.2%">
- <property name="left" type="string" displayName="Left"
- default="428px" />
- <property name="top" type="string" displayName="Top" default="25px" />
- </property>
-
- <property name="25%" type="string" displayName="25%">
- <property name="left" type="string" displayName="Left"
- default="450px" />
- <property name="top" type="string" displayName="Top" default="40px" />
- </property>
-
- <property name="27.7%" type="string" displayName="27.7%">
- <property name="left" type="string" displayName="Left"
- default="466px" />
- <property name="top" type="string" displayName="Top" default="62px" />
- </property>
-
- <property name="30.5%" type="string" displayName="30.5%">
- <property name="left" type="string" displayName="Left"
- default="476px" />
- <property name="top" type="string" displayName="Top" default="93px" />
- </property>
-
- <property name="33.3%" type="string" displayName="33.3%">
- <property name="left" type="string" displayName="Left"
- default="483px" />
- <property name="top" type="string" displayName="Top" default="130px" />
- </property>
-
- <property name="36.1%" type="string" displayName="36.1%">
- <property name="left" type="string" displayName="Left"
- default="487px" />
- <property name="top" type="string" displayName="Top" default="170px" />
- </property>
-
- <property name="38.8%" type="string" displayName="38.8%">
- <property name="left" type="string" displayName="Left"
- default="487px" />
- <property name="top" type="string" displayName="Top" default="211px" />
- </property>
-
- <property name="41.6%" type="string" displayName="41.6%">
- <property name="left" type="string" displayName="Left"
- default="483px" />
- <property name="top" type="string" displayName="Top" default="251px" />
- </property>
-
- <property name="44.4%" type="string" displayName="44.4%">
- <property name="left" type="string" displayName="Left"
- default="477px" />
- <property name="top" type="string" displayName="Top" default="286px" />
- </property>
-
- <property name="47.2%" type="string" displayName="47.2%">
- <property name="left" type="string" displayName="Left"
- default="465px" />
- <property name="top" type="string" displayName="Top" default="317px" />
- </property>
-
- <property name="50%" type="string" displayName="50%">
- <property name="left" type="string" displayName="Left"
- default="450px" />
- <property name="top" type="string" displayName="Top" default="340px" />
- </property>
-
- <property name="52.7%" type="string" displayName="52.7%">
- <property name="left" type="string" displayName="Left"
- default="427px" />
- <property name="top" type="string" displayName="Top" default="353px" />
- </property>
-
- <property name="55.5%" type="string" displayName="55.5%">
- <property name="left" type="string" displayName="Left"
- default="399px" />
- <property name="top" type="string" displayName="Top" default="365px" />
- </property>
-
- <property name="58.3%" type="string" displayName="58.3%">
- <property name="left" type="string" displayName="Left"
- default="362px" />
- <property name="top" type="string" displayName="Top" default="374px" />
- </property>
-
- <property name="61.1%" type="string" displayName="61.1%">
- <property name="left" type="string" displayName="Left"
- default="280px" />
- <property name="top" type="string" displayName="Top" default="376px" />
- </property>
-
- <property name="63.8%" type="string" displayName="63.8%">
- <property name="left" type="string" displayName="Left"
- default="280px" />
- <property name="top" type="string" displayName="Top" default="376px" />
- </property>
-
- <property name="66.6%" type="string" displayName="66.6%">
- <property name="left" type="string" displayName="Left"
- default="240px" />
- <property name="top" type="string" displayName="Top" default="374px" />
- </property>
-
- <property name="69.4%" type="string" displayName="69.4%">
- <property name="left" type="string" displayName="Left"
- default="203px" />
- <property name="top" type="string" displayName="Top" default="365px" />
- </property>
-
- <property name="72.2%" type="string" displayName="72.2%">
- <property name="left" type="string" displayName="Left"
- default="172px" />
- <property name="top" type="string" displayName="Top" default="354px" />
- </property>
-
- <property name="75%" type="string" displayName="75%">
- <property name="left" type="string" displayName="Left"
- default="172px" />
- <property name="top" type="string" displayName="Top" default="354px" />
- </property>
-
- <property name="77.7%" type="string" displayName="77.7%">
- <property name="left" type="string" displayName="Left"
- default="135px" />
- <property name="top" type="string" displayName="Top" default="317px" />
- </property>
-
- <property name="80.5" type="string" displayName="80.5%">
- <property name="left" type="string" displayName="Left"
- default="125px" />
- <property name="top" type="string" displayName="Top" default="286px" />
- </property>
-
- <property name="83.3%" type="string" displayName="83.3%">
- <property name="left" type="string" displayName="Left"
- default="118px" />
- <property name="top" type="string" displayName="Top" default="251px" />
- </property>
-
- <property name="86.1%" type="string" displayName="86.1%">
- <property name="left" type="string" displayName="Left"
- default="113px" />
- <property name="top" type="string" displayName="Top" default="210px" />
- </property>
-
- <property name="88.8%" type="string" displayName="88.8%">
- <property name="left" type="string" displayName="Left"
- default="113px" />
- <property name="top" type="string" displayName="Top" default="170px" />
- </property>
-
- <property name="91.6%" type="string" displayName="91.6%">
- <property name="left" type="string" displayName="Left"
- default="117px" />
- <property name="top" type="string" displayName="Top" default="129px" />
- </property>
-
- <property name="94.4%" type="string" displayName="94.4%">
- <property name="left" type="string" displayName="Left"
- default="125px" />
- <property name="top" type="string" displayName="Top" default="92px" />
- </property>
-
- <property name="97.2%" type="string" displayName="97.2%">
- <property name="left" type="string" displayName="Left"
- default="134px" />
- <property name="top" type="string" displayName="Top" default="62px" />
- </property>
-
- <property name="100%" type="string" displayName="100%">
- <property name="left" type="string" displayName="Left"
- default="150px" />
- <property name="top" type="string" displayName="Top" default="40px" />
- </property>
-
-
- <property name="duration" type="string" displayName="Duration"
- default="4s" />
-</animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.demo.disappear" displayName="disappear"
- smallIcon="tizen_animator_disappear_small.png" icon.16="tizen_animator_disappear_16.png"
- category="demo" description="TBD">
- <property name="0%" type="string" displayName="0%">
- <property name="opacity" type="string" displayName="Opacity"
- default="1" />
- </property>
- <property name="100%" type="string" displayName="100%">
- <property name="opacity" type="string" displayName="Opacity"
- default="0" />
- </property>
- <property name="duration" type="string" displayName="Duration"
- default="1s" />
-</animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.demo.fadeIn" displayName="fadeIn"
- smallIcon="tizen_animator_fadein_small.png" icon.16="tizen_animator_fadein_16.png"
- category="demo" description="TBD">
- <property name="0%" type="string" displayName="0%">
- <property name="opacity" type="string" displayName="Opacity"
- default="0" />
- </property>
- <property name="100%" type="string" displayName="100%">
- <property name="opacity" type="string" displayName="Opacity"
- default="1" />
- </property>
- <property name="duration" type="string" displayName="Duration"
- default="3s" />
-
-</animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.demo.fadeOut" displayName="fadeOut"
- smallIcon="tizen_animator_fadeout_small.png" icon.16="tizen_animator_fadeout_16.png"
- category="demo" description="TBD">
- <property name="0%" type="string" displayName="0%">
- <property name="opacity" type="string" displayName="Opacity"
- default="1" />
- </property>
- <property name="100%" type="string" displayName="100%">
- <property name="opacity" type="string" displayName="Opacity"
- default="0" />
- </property>
- <property name="duration" type="string" displayName="Duration"
- default="3s" />
-</animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.demo.move" displayName="move"
- smallIcon="tizen_animator_move_small.png" icon.16="tizen_animator_move_16.png"
- category="demo" description="TBD">
- <property name="0%" type="string" displayName="0%">
- <property name="left" type="string" displayName="Left"
- default="0px" />
- <property name="top" type="string" displayName="Top" default="0px" />
- </property>
-
- <property name="100%" type="string" displayName="100%">
- <property name="left" type="string" displayName="Left"
- default="200px" />
- <property name="top" type="string" displayName="Top" default="0px" />
- </property>
-
- <property name="duration" type="string" displayName="Duration"
- default="1s" />
-</animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.demo.pulsate" displayName="pulsate"
- smallIcon="tizen_animator_pulsate_small.png" icon.16="tizen_animator_pulsate_16.png"
- category="demo" description="TBD">
- <property name="0%" type="string" displayName="0%">
- <property name="opacity" type="string" displayName="Opacity"
- default="1" />
- </property>
- <property name="12.5%" type="string" displayName="12.5%">
- <property name="opacity" type="string" displayName="Opacity"
- default="0.1" />
- </property>
- <property name="25%" type="string" displayName="25%">
- <property name="opacity" type="string" displayName="Opacity"
- default="1" />
- </property>
- <property name="37.5%" type="string" displayName="37.5%">
- <property name="opacity" type="string" displayName="Opacity"
- default="0.1" />
- </property>
- <property name="50%" type="string" displayName="50%">
- <property name="opacity" type="string" displayName="Opacity"
- default="1" />
- </property>
- <property name="62.5%" type="string" displayName="62.5%">
- <property name="opacity" type="string" displayName="Opacity"
- default="0.1" />
- </property>
- <property name="75%" type="string" displayName="75%">
- <property name="opacity" type="string" displayName="Opacity"
- default="1" />
- </property>
- <property name="87.5%" type="string" displayName="87.5%">
- <property name="opacity" type="string" displayName="Opacity"
- default="0.1" />
- </property>
- <property name="100%" type="string" displayName="100%">
- <property name="opacity" type="string" displayName="Opacity"
- default="1" />
- </property>
- <property name="duration" type="string" displayName="Duration"
- default="3s" />
-</animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.demo.rotate" displayName="rotate"
- smallIcon="tizen_animator_rotate_small.png" icon.16="tizen_animator_rotate_16.png"
- category="demo" description="TBD">
- <property name="0%" type="string" displayName="0%">
- <!-- <property name="-webkit-transform" type="string" displayName="Webkit
- Transform" default="rotate(0deg)"/> -->
- <property name="rotate" type="string" displayName="Rotate"
- default="0deg" />
- </property>
- <property name="100%" type="string" displayName="100%">
- <!-- <property name="-webkit-transform" type="string" displayName="Webkit
- Transform" default="rotate(360deg)"/> -->
- <property name="rotate" type="string" displayName="Rotate"
- default="360deg" />
- </property>
- <property name="duration" type="string" displayName="Duration"
- default="3s" />
-</animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.demo.scale" displayName="scale"
- smallIcon="tizen_animator_rotate_small.png" icon.16="tizen_animator_rotate_16.png"
- category="demo" description="TBD">
- <property name="0%" type="string" displayName="0%">
- <property name="-webkit-transform" type="string" displayName="Webkit Transform"
- default="scale(1.0, 1.0)" />
- </property>
- <property name="100%" type="string" displayName="100%">
- <property name="-webkit-transform" type="string" displayName="Webkit Transform"
- default="scale(1.5, 1.5)" />
- </property>
- <property name="duration" type="string" displayName="Duration"
- default="3s" />
-</animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.demo.slideIn" displayName="slideIn"
- smallIcon="tizen_animator_slidein_small.png" icon.16="tizen_animator_slidein_16.png"
- category="demo" description="TBD">
- <property name="0%" type="string" displayName="0%">
- <property name="translateX" type="string" displayName="TranslateX"
- default="-200px" />
- <property name="translateY" type="string" displayName="TranslateY"
- default="0px" />
- <property name="opacity" type="string" displayName="Opacity"
- default="0" />
- </property>
- <property name="100%" type="string" displayName="100%">
- <property name="translateX" type="string" displayName="TranslateX"
- default="0px" />
- <property name="translateY" type="string" displayName="TranslateY"
- default="0px" />
- <property name="opacity" type="string" displayName="Opacity"
- default="1" />
- </property>
- <property name="duration" type="string" displayName="Duration"
- default="3s" />
-</animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.demo.slideOut" displayName="slideOut"
- smallIcon="tizen_animator_slideout_small.png" icon.16="tizen_animator_slideout_16.png"
- category="demo" description="TBD">
- <property name="0%" type="string" displayName="0%">
- <property name="translateX" type="string" displayName="TranslateX"
- default="0px" />
- <property name="translateY" type="string" displayName="TranslateY"
- default="0px" />
- <property name="opacity" type="string" displayName="Opacity"
- default="1" />
- </property>
- <property name="100%" type="string" displayName="100%">
- <property name="translateX" type="string" displayName="TranslateX"
- default="-200px" />
- <property name="translateY" type="string" displayName="TranslateY"
- default="0px" />
- <property name="opacity" type="string" displayName="Opacity"
- default="0" />
- </property>
- <property name="duration" type="string" displayName="Duration"
- default="3s" />
-</animation>
\ No newline at end of file
+++ /dev/null
-<?xml version="1.0" encoding="utf-8"?>
-
-<animation id="tizen.animator.disappear" displayName="Disappear" smallIcon="tizen_animator_disappear_small.png"
- icon.16 ="tizen_animator_disappear_16.png" category="Effect" description="TBD">
-
- <property name="0%" type="string" displayName="0%">
- <property name="opacity" type="string" displayName="Opacity" default="1"/>
- </property>
- <property name="100%" type="string" displayName="100%">
- <property name="opacity" type="string" displayName="Opacity" default="0"/>
- </property>
- <property name="duration" type="string" displayName="Duration" default="1s"/>
-
-</animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.emphasis.bounce" displayName="bounce" smallIcon="tizen_animator_emphasis_bounce.png" icon.16 ="tizen_animator_emphasis_bounce.png" category="emphasis" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="translateY" type="string" displayName="translateY" default="0px"/>
-</property>
-<property name="20%" type="string" displayName="20%">
-<property name="translateY" type="string" displayName="translateY" default="-1px"/>
-</property>
-<property name="50%" type="string" displayName="50%">
-<property name="translateY" type="string" displayName="translateY" default="0px"/>
-</property>
-<property name="80%" type="string" displayName="80%">
-<property name="translateY" type="string" displayName="translateY" default="-1px"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="translateY" type="string" displayName="translateY" default="0px"/>
-</property>
-<property name="40%" type="string" displayName="40%">
-<property name="translateY" type="string" displayName="translateY" default="-30px"/>
-</property>
-<property name="60%" type="string" displayName="60%">
-<property name="translateY" type="string" displayName="translateY" default="-15px"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.emphasis.flash" displayName="flash" smallIcon="tizen_animator_emphasis_flash.png" icon.16 ="tizen_animator_emphasis_flash.png" category="emphasis" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-</property>
-<property name="50%" type="string" displayName="50%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-</property>
-<property name="25%" type="string" displayName="25%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-</property>
-<property name="75%" type="string" displayName="75%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.emphasis.flip" displayName="flip" smallIcon="tizen_animator_emphasis_flip.png" icon.16 ="tizen_animator_emphasis_flip.png" category="emphasis" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="-webkit-animation-timing-function" type="string" displayName="-webkit-animation-timing-function" default="ease-out"/>
-<property name="perspective" type="string" displayName="perspective" default="400px"/>
-<property name="translateZ" type="string" displayName="translateZ" default="0"/>
-<property name="rotateY" type="string" displayName="rotateY" default="0"/>
-<property name="scale" type="string" displayName="scale" default="1"/>
-</property>
-<property name="40%" type="string" displayName="40%">
-<property name="-webkit-animation-timing-function" type="string" displayName="-webkit-animation-timing-function" default="ease-out"/>
-<property name="perspective" type="string" displayName="perspective" default="400px"/>
-<property name="translateZ" type="string" displayName="translateZ" default="150px"/>
-<property name="rotateY" type="string" displayName="rotateY" default="170deg"/>
-<property name="scale" type="string" displayName="scale" default="1"/>
-</property>
-<property name="50%" type="string" displayName="50%">
-<property name="-webkit-animation-timing-function" type="string" displayName="-webkit-animation-timing-function" default="ease-in"/>
-<property name="perspective" type="string" displayName="perspective" default="400px"/>
-<property name="translateZ" type="string" displayName="translateZ" default="150px"/>
-<property name="rotateY" type="string" displayName="rotateY" default="190deg"/>
-<property name="scale" type="string" displayName="scale" default="1"/>
-</property>
-<property name="80%" type="string" displayName="80%">
-<property name="-webkit-animation-timing-function" type="string" displayName="-webkit-animation-timing-function" default="ease-in"/>
-<property name="perspective" type="string" displayName="perspective" default="400px"/>
-<property name="translateZ" type="string" displayName="translateZ" default="0"/>
-<property name="rotateY" type="string" displayName="rotateY" default="360deg"/>
-<property name="scale" type="string" displayName="scale" default=".95"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="-webkit-animation-timing-function" type="string" displayName="-webkit-animation-timing-function" default="ease-in"/>
-<property name="perspective" type="string" displayName="perspective" default="400px"/>
-<property name="translateZ" type="string" displayName="translateZ" default="0"/>
-<property name="rotateY" type="string" displayName="rotateY" default="360deg"/>
-<property name="scale" type="string" displayName="scale" default="1"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.emphasis.pulse" displayName="pulse" smallIcon="tizen_animator_emphasis_pulse.png" icon.16 ="tizen_animator_emphasis_pulse.png" category="emphasis" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="scaleX" type="string" displayName="scaleX" default="1"/>
-</property>
-<property name="50%" type="string" displayName="50%">
-<property name="scaleX" type="string" displayName="scaleX" default="1.1"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="scaleX" type="string" displayName="scaleX" default="1"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.emphasis.shake" displayName="shake" smallIcon="tizen_animator_emphasis_shake.png" icon.16 ="tizen_animator_emphasis_shake.png" category="emphasis" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="translateX" type="string" displayName="translateX" default="0px"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="translateX" type="string" displayName="translateX" default="0px"/>
-</property>
-<property name="10%" type="string" displayName="10%">
-<property name="translateX" type="string" displayName="translateX" default="-10px"/>
-</property>
-<property name="30%" type="string" displayName="30%">
-<property name="translateX" type="string" displayName="translateX" default="-10px"/>
-</property>
-<property name="50%" type="string" displayName="50%">
-<property name="translateX" type="string" displayName="translateX" default="-10px"/>
-</property>
-<property name="70%" type="string" displayName="70%">
-<property name="translateX" type="string" displayName="translateX" default="-10px"/>
-</property>
-<property name="90%" type="string" displayName="90%">
-<property name="translateX" type="string" displayName="translateX" default="-10px"/>
-</property>
-<property name="20%" type="string" displayName="20%">
-<property name="translateX" type="string" displayName="translateX" default="10px"/>
-</property>
-<property name="40%" type="string" displayName="40%">
-<property name="translateX" type="string" displayName="translateX" default="10px"/>
-</property>
-<property name="60%" type="string" displayName="60%">
-<property name="translateX" type="string" displayName="translateX" default="10px"/>
-</property>
-<property name="80%" type="string" displayName="80%">
-<property name="translateX" type="string" displayName="translateX" default="10px"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.emphasis.swing" displayName="swing" smallIcon="tizen_animator_emphasis_swing.png" icon.16 ="tizen_animator_emphasis_swing.png" category="emphasis" description="TBD">
-<property name="20%" type="string" displayName="20%">
-<property name="-webkit-transform-origin" type="string" displayName="-webkit-transform-origin" default="top center"/>
-</property>
-<property name="40%" type="string" displayName="40%">
-<property name="-webkit-transform-origin" type="string" displayName="-webkit-transform-origin" default="top center"/>
-</property>
-<property name="60%" type="string" displayName="60%">
-<property name="-webkit-transform-origin" type="string" displayName="-webkit-transform-origin" default="top center"/>
-</property>
-<property name="80%" type="string" displayName="80%">
-<property name="-webkit-transform-origin" type="string" displayName="-webkit-transform-origin" default="top center"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="-webkit-transform-origin" type="string" displayName="-webkit-transform-origin" default="top center"/>
-</property>
-<property name="20%" type="string" displayName="20%">
-<property name="rotateZ" type="string" displayName="rotateZ" default="15deg"/>
-</property>
-<property name="40%" type="string" displayName="40%">
-<property name="rotateZ" type="string" displayName="rotateZ" default="-10deg"/>
-</property>
-<property name="60%" type="string" displayName="60%">
-<property name="rotateZ" type="string" displayName="rotateZ" default="5deg"/>
-</property>
-<property name="80%" type="string" displayName="80%">
-<property name="rotateZ" type="string" displayName="rotateZ" default="-5deg"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="rotateZ" type="string" displayName="rotateZ" default="0deg"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.emphasis.tada" displayName="tada" smallIcon="tizen_animator_emphasis_tada.png" icon.16 ="tizen_animator_emphasis_tada.png" category="emphasis" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="scaleX" type="string" displayName="scaleX" default="1"/>
-</property>
-<property name="10%" type="string" displayName="10%">
-<property name="scaleX" type="string" displayName="scaleX" default="0.9"/>
-<property name="rotateZ" type="string" displayName="rotateZ" default="-3deg"/>
-</property>
-<property name="20%" type="string" displayName="20%">
-<property name="scaleX" type="string" displayName="scaleX" default="0.9"/>
-<property name="rotateZ" type="string" displayName="rotateZ" default="-3deg"/>
-</property>
-<property name="30%" type="string" displayName="30%">
-<property name="scaleX" type="string" displayName="scaleX" default="1.1"/>
-<property name="rotateZ" type="string" displayName="rotateZ" default="3deg"/>
-</property>
-<property name="50%" type="string" displayName="50%">
-<property name="scaleX" type="string" displayName="scaleX" default="1.1"/>
-<property name="rotateZ" type="string" displayName="rotateZ" default="3deg"/>
-</property>
-<property name="70%" type="string" displayName="70%">
-<property name="scaleX" type="string" displayName="scaleX" default="1.1"/>
-<property name="rotateZ" type="string" displayName="rotateZ" default="3deg"/>
-</property>
-<property name="90%" type="string" displayName="90%">
-<property name="scaleX" type="string" displayName="scaleX" default="1.1"/>
-<property name="rotateZ" type="string" displayName="rotateZ" default="3deg"/>
-</property>
-<property name="40%" type="string" displayName="40%">
-<property name="scaleX" type="string" displayName="scaleX" default="1.1"/>
-<property name="rotateZ" type="string" displayName="rotateZ" default="-3deg"/>
-</property>
-<property name="60%" type="string" displayName="60%">
-<property name="scaleX" type="string" displayName="scaleX" default="1.1"/>
-<property name="rotateZ" type="string" displayName="rotateZ" default="-3deg"/>
-</property>
-<property name="80%" type="string" displayName="80%">
-<property name="scaleX" type="string" displayName="scaleX" default="1.1"/>
-<property name="rotateZ" type="string" displayName="rotateZ" default="-3deg"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="scaleX" type="string" displayName="scaleX" default="1"/>
-<property name="rotateZ" type="string" displayName="rotateZ" default="0deg"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.emphasis.wobble" displayName="wobble" smallIcon="tizen_animator_emphasis_wobble.png" icon.16 ="tizen_animator_emphasis_wobble.png" category="emphasis" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="translateX" type="string" displayName="translateX" default="0%"/>
-</property>
-<property name="15%" type="string" displayName="15%">
-<property name="translateX" type="string" displayName="translateX" default="-25%"/>
-<property name="rotateZ" type="string" displayName="rotateZ" default="-5deg"/>
-</property>
-<property name="30%" type="string" displayName="30%">
-<property name="translateX" type="string" displayName="translateX" default="20%"/>
-<property name="rotateZ" type="string" displayName="rotateZ" default="3deg"/>
-</property>
-<property name="45%" type="string" displayName="45%">
-<property name="translateX" type="string" displayName="translateX" default="-15%"/>
-<property name="rotateZ" type="string" displayName="rotateZ" default="-3deg"/>
-</property>
-<property name="60%" type="string" displayName="60%">
-<property name="translateX" type="string" displayName="translateX" default="10%"/>
-<property name="rotateZ" type="string" displayName="rotateZ" default="2deg"/>
-</property>
-<property name="75%" type="string" displayName="75%">
-<property name="translateX" type="string" displayName="translateX" default="-5%"/>
-<property name="rotateZ" type="string" displayName="rotateZ" default="-1deg"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="translateX" type="string" displayName="translateX" default="0%"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.entrance.bounceIn" displayName="bounceIn" smallIcon="tizen_animator_entrance_bouncein.png" icon.16 ="tizen_animator_entrance_bouncein.png" category="entrance" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="scaleX" type="string" displayName="scaleX" default="0.3"/>
-</property>
-<property name="50%" type="string" displayName="50%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="scaleX" type="string" displayName="scaleX" default="1.05"/>
-</property>
-<property name="70%" type="string" displayName="70%">
-<property name="scaleX" type="string" displayName="scaleX" default="0.9"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="scaleX" type="string" displayName="scaleX" default="1"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.entrance.bounceInDown" displayName="bounceInDown" smallIcon="tizen_animator_entrance_bounceindown.png" icon.16 ="tizen_animator_entrance_bounceindown.png" category="entrance" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="translateY" type="string" displayName="translateY" default="-2000px"/>
-</property>
-<property name="60%" type="string" displayName="60%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="translateY" type="string" displayName="translateY" default="30px"/>
-</property>
-<property name="80%" type="string" displayName="80%">
-<property name="translateY" type="string" displayName="translateY" default="-10px"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="translateY" type="string" displayName="translateY" default="0px"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.entrance.bounceInLeft" displayName="bounceInLeft" smallIcon="tizen_animator_entrance_bounceinleft.png" icon.16 ="tizen_animator_entrance_bounceinleft.png" category="entrance" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="translateX" type="string" displayName="translateX" default="-2000px"/>
-</property>
-<property name="60%" type="string" displayName="60%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="translateX" type="string" displayName="translateX" default="30px"/>
-</property>
-<property name="80%" type="string" displayName="80%">
-<property name="translateX" type="string" displayName="translateX" default="-10px"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="translateX" type="string" displayName="translateX" default="0px"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.entrance.bounceInRight" displayName="bounceInRight" smallIcon="tizen_animator_entrance_bounceinright.png" icon.16 ="tizen_animator_entrance_bounceinright.png" category="entrance" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="translateX" type="string" displayName="translateX" default="2000px"/>
-</property>
-<property name="60%" type="string" displayName="60%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="translateX" type="string" displayName="translateX" default="-30px"/>
-</property>
-<property name="80%" type="string" displayName="80%">
-<property name="translateX" type="string" displayName="translateX" default="10px"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="translateX" type="string" displayName="translateX" default="0px"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.entrance.bounceInUp" displayName="bounceInUp" smallIcon="tizen_animator_entrance_bounceinup.png" icon.16 ="tizen_animator_entrance_bounceinup.png" category="entrance" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="translateY" type="string" displayName="translateY" default="2000px"/>
-</property>
-<property name="60%" type="string" displayName="60%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="translateY" type="string" displayName="translateY" default="-30px"/>
-</property>
-<property name="80%" type="string" displayName="80%">
-<property name="translateY" type="string" displayName="translateY" default="10px"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="translateY" type="string" displayName="translateY" default="0px"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.entrance.fadeIn" displayName="fadeIn" smallIcon="tizen_animator_entrance_fadein.png" icon.16 ="tizen_animator_entrance_fadein.png" category="entrance" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.entrance.fadeInDown" displayName="fadeInDown" smallIcon="tizen_animator_entrance_fadeindown.png" icon.16 ="tizen_animator_entrance_fadeindown.png" category="entrance" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="translateY" type="string" displayName="translateY" default="-20px"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="translateY" type="string" displayName="translateY" default="0px"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.entrance.fadeInDownBig" displayName="fadeInDownBig" smallIcon="tizen_animator_entrance_fadeindownbig.png" icon.16 ="tizen_animator_entrance_fadeindownbig.png" category="entrance" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="translateY" type="string" displayName="translateY" default="-2000px"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="translateY" type="string" displayName="translateY" default="0px"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.entrance.fadeInLeft" displayName="fadeInLeft" smallIcon="tizen_animator_entrance_fadeinleft.png" icon.16 ="tizen_animator_entrance_fadeinleft.png" category="entrance" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="translateX" type="string" displayName="translateX" default="-20px"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="translateX" type="string" displayName="translateX" default="0px"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.entrance.fadeInLeftBig" displayName="fadeInLeftBig" smallIcon="tizen_animator_entrance_fadeinleftbig.png" icon.16 ="tizen_animator_entrance_fadeinleftbig.png" category="entrance" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="translateX" type="string" displayName="translateX" default="-2000px"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="translateX" type="string" displayName="translateX" default="0px"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.entrance.fadeInRight" displayName="fadeInRight" smallIcon="tizen_animator_entrance_fadeinright.png" icon.16 ="tizen_animator_entrance_fadeinright.png" category="entrance" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="translateX" type="string" displayName="translateX" default="20px"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="translateX" type="string" displayName="translateX" default="0px"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.entrance.fadeInRightBig" displayName="fadeInRightBig" smallIcon="tizen_animator_entrance_fadeinrightbig.png" icon.16 ="tizen_animator_entrance_fadeinrightbig.png" category="entrance" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="translateX" type="string" displayName="translateX" default="2000px"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="translateX" type="string" displayName="translateX" default="0px"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.entrance.fadeInUp" displayName="fadeInUp" smallIcon="tizen_animator_entrance_fadeinup.png" icon.16 ="tizen_animator_entrance_fadeinup.png" category="entrance" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="translateY" type="string" displayName="translateY" default="20px"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="translateY" type="string" displayName="translateY" default="0px"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.entrance.fadeInUpBig" displayName="fadeInUpBig" smallIcon="tizen_animator_entrance_fadeinupbig.png" icon.16 ="tizen_animator_entrance_fadeinupbig.png" category="entrance" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="translateY" type="string" displayName="translateY" default="2000px"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="translateY" type="string" displayName="translateY" default="0px"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.entrance.flipInX" displayName="flipInX" smallIcon="tizen_animator_entrance_flipinx.png" icon.16 ="tizen_animator_entrance_flipinx.png" category="entrance" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="perspective" type="string" displayName="perspective" default="400px"/>
-<property name="rotateX" type="string" displayName="rotateX" default="90deg"/>
-</property>
-<property name="40%" type="string" displayName="40%">
-<property name="perspective" type="string" displayName="perspective" default="400px"/>
-<property name="rotateX" type="string" displayName="rotateX" default="-10deg"/>
-</property>
-<property name="70%" type="string" displayName="70%">
-<property name="perspective" type="string" displayName="perspective" default="400px"/>
-<property name="rotateX" type="string" displayName="rotateX" default="10deg"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="perspective" type="string" displayName="perspective" default="400px"/>
-<property name="rotateX" type="string" displayName="rotateX" default="0deg"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.entrance.flipInY" displayName="flipInY" smallIcon="tizen_animator_entrance_flipiny.png" icon.16 ="tizen_animator_entrance_flipiny.png" category="entrance" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="perspective" type="string" displayName="perspective" default="400px"/>
-<property name="rotateY" type="string" displayName="rotateY" default="90deg"/>
-</property>
-<property name="40%" type="string" displayName="40%">
-<property name="perspective" type="string" displayName="perspective" default="400px"/>
-<property name="rotateY" type="string" displayName="rotateY" default="-10deg"/>
-</property>
-<property name="70%" type="string" displayName="70%">
-<property name="perspective" type="string" displayName="perspective" default="400px"/>
-<property name="rotateY" type="string" displayName="rotateY" default="10deg"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="perspective" type="string" displayName="perspective" default="400px"/>
-<property name="rotateY" type="string" displayName="rotateY" default="0deg"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.entrance.lightSpeedIn" displayName="lightSpeedIn" smallIcon="tizen_animator_entrance_lightspeedin.png" icon.16 ="tizen_animator_entrance_lightspeedin.png" category="entrance" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="translateX" type="string" displayName="translateX" default="100%"/>
-<property name="skewX" type="string" displayName="skewX" default="-30deg"/>
-</property>
-<property name="60%" type="string" displayName="60%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="translateX" type="string" displayName="translateX" default="-20%"/>
-<property name="skewX" type="string" displayName="skewX" default="30deg"/>
-</property>
-<property name="80%" type="string" displayName="80%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="translateX" type="string" displayName="translateX" default="0%"/>
-<property name="skewX" type="string" displayName="skewX" default="-15deg"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="translateX" type="string" displayName="translateX" default="0%"/>
-<property name="skewX" type="string" displayName="skewX" default="0deg"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.entrance.rollIn" displayName="rollIn" smallIcon="tizen_animator_entrance_rollin.png" icon.16 ="tizen_animator_entrance_rollin.png" category="entrance" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="translateX" type="string" displayName="translateX" default="-100%"/>
-<property name="rotateZ" type="string" displayName="rotateZ" default="-120deg"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="translateX" type="string" displayName="translateX" default="0px"/>
-<property name="rotateZ" type="string" displayName="rotateZ" default="0deg"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.entrance.rotateIn" displayName="rotateIn" smallIcon="tizen_animator_entrance_rotatein.png" icon.16 ="tizen_animator_entrance_rotatein.png" category="entrance" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="-webkit-transform-origin" type="string" displayName="-webkit-transform-origin" default="center center"/>
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="rotateZ" type="string" displayName="rotateZ" default="-200deg"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="-webkit-transform-origin" type="string" displayName="-webkit-transform-origin" default="center center"/>
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="rotateZ" type="string" displayName="rotateZ" default="0deg"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.entrance.rotateInDownLeft" displayName="rotateInDownLeft" smallIcon="tizen_animator_entrance_rotateindownleft.png" icon.16 ="tizen_animator_entrance_rotateindownleft.png" category="entrance" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="-webkit-transform-origin" type="string" displayName="-webkit-transform-origin" default="left bottom"/>
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="rotateZ" type="string" displayName="rotateZ" default="-90deg"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="-webkit-transform-origin" type="string" displayName="-webkit-transform-origin" default="left bottom"/>
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="rotateZ" type="string" displayName="rotateZ" default="0"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.entrance.rotateInDownRight" displayName="rotateInDownRight" smallIcon="tizen_animator_entrance_rotateindownright.png" icon.16 ="tizen_animator_entrance_rotateindownright.png" category="entrance" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="-webkit-transform-origin" type="string" displayName="-webkit-transform-origin" default="right bottom"/>
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="rotateZ" type="string" displayName="rotateZ" default="90deg"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="-webkit-transform-origin" type="string" displayName="-webkit-transform-origin" default="right bottom"/>
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="rotateZ" type="string" displayName="rotateZ" default="0deg"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.entrance.rotateInUpLeft" displayName="rotateInUpLeft" smallIcon="tizen_animator_entrance_rotateinupleft.png" icon.16 ="tizen_animator_entrance_rotateinupleft.png" category="entrance" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="-webkit-transform-origin" type="string" displayName="-webkit-transform-origin" default="left bottom"/>
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="rotateZ" type="string" displayName="rotateZ" default="90deg"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="-webkit-transform-origin" type="string" displayName="-webkit-transform-origin" default="left bottom"/>
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="rotateZ" type="string" displayName="rotateZ" default="0deg"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.entrance.rotateInUpRight" displayName="rotateInUpRight" smallIcon="tizen_animator_entrance_rotateinupright.png" icon.16 ="tizen_animator_entrance_rotateinupright.png" category="entrance" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="-webkit-transform-origin" type="string" displayName="-webkit-transform-origin" default="right bottom"/>
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="rotateZ" type="string" displayName="rotateZ" default="-90deg"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="-webkit-transform-origin" type="string" displayName="-webkit-transform-origin" default="right bottom"/>
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="rotateZ" type="string" displayName="rotateZ" default="0deg"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.entrance.slideInDown" displayName="slideInDown" smallIcon="tizen_animator_entrance_slideindown.png" icon.16 ="tizen_animator_entrance_slideindown.png" category="entrance" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="translateY" type="string" displayName="translateY" default="-2000px"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="translateY" type="string" displayName="translateY" default="0px"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.entrance.slideInLeft" displayName="slideInLeft" smallIcon="tizen_animator_entrance_slideinleft.png" icon.16 ="tizen_animator_entrance_slideinleft.png" category="entrance" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="translateX" type="string" displayName="translateX" default="-2000px"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="translateX" type="string" displayName="translateX" default="0px"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.entrance.slideInRight" displayName="slideInRight" smallIcon="tizen_animator_entrance_slideinright.png" icon.16 ="tizen_animator_entrance_slideinright.png" category="entrance" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="translateX" type="string" displayName="translateX" default="2000px"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="translateX" type="string" displayName="translateX" default="0px"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.exit.bounceOut" displayName="bounceOut" smallIcon="tizen_animator_exit_bounceout.png" icon.16 ="tizen_animator_exit_bounceout.png" category="exit" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="scaleX" type="string" displayName="scaleZ" default="1"/>
-<property name="scaleY" type="string" displayName="scaleZ" default="1"/>
-</property>
-<property name="25%" type="string" displayName="25%">
-<property name="scaleX" type="string" displayName="scaleZ" default=".95"/>
-<property name="scaleY" type="string" displayName="scaleZ" default=".95"/>
-</property>
-<property name="50%" type="string" displayName="50%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="scaleX" type="string" displayName="scaleZ" default="1.1"/>
-<property name="scaleY" type="string" displayName="scaleZ" default="1.1"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="scaleX" type="string" displayName="scaleZ" default=".3"/>
-<property name="scaleY" type="string" displayName="scaleZ" default=".3"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.exit.bounceOutDown" displayName="bounceOutDown" smallIcon="tizen_animator_exit_bounceoutdown.png" icon.16 ="tizen_animator_exit_bounceoutdown.png" category="exit" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="translateY" type="string" displayName="translateY" default="0px"/>
-</property>
-<property name="20%" type="string" displayName="20%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="translateY" type="string" displayName="translateY" default="-20px"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="translateY" type="string" displayName="translateY" default="2000px"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.exit.bounceOutLeft" displayName="bounceOutLeft" smallIcon="tizen_animator_exit_bounceoutleft.png" icon.16 ="tizen_animator_exit_bounceoutleft.png" category="exit" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="translateX" type="string" displayName="translateX" default="0px"/>
-</property>
-<property name="20%" type="string" displayName="20%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="translateX" type="string" displayName="translateX" default="20px"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="translateX" type="string" displayName="translateX" default="-2000px"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.exit.bounceOutRight" displayName="bounceOutRight" smallIcon="tizen_animator_exit_bounceoutright.png" icon.16 ="tizen_animator_exit_bounceoutright.png" category="exit" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="translateX" type="string" displayName="translateX" default="0"/>
-</property>
-<property name="20%" type="string" displayName="20%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="translateX" type="string" displayName="translateX" default="-20px"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="translateX" type="string" displayName="translateX" default="2000px"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.exit.bounceOutUp" displayName="bounceOutUp" smallIcon="tizen_animator_exit_bounceoutup.png" icon.16 ="tizen_animator_exit_bounceoutup.png" category="exit" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="translateY" type="string" displayName="translateY" default="0px"/>
-</property>
-<property name="20%" type="string" displayName="20%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="translateY" type="string" displayName="translateY" default="20px"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="translateY" type="string" displayName="translateY" default="-2000px"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.exit.fadeOut" displayName="fadeOut" smallIcon="tizen_animator_exit_fadeout.png" icon.16 ="tizen_animator_exit_fadeout.png" category="exit" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.exit.fadeOutDown" displayName="fadeOutDown" smallIcon="tizen_animator_exit_fadeoutdown.png" icon.16 ="tizen_animator_exit_fadeoutdown.png" category="exit" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="translateY" type="string" displayName="translateY" default="0px"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="translateY" type="string" displayName="translateY" default="20px"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.exit.fadeOutDownBig" displayName="fadeOutDownBig" smallIcon="tizen_animator_exit_fadeoutdownbig.png" icon.16 ="tizen_animator_exit_fadeoutdownbig.png" category="exit" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="translateY" type="string" displayName="translateY" default="0px"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="translateY" type="string" displayName="translateY" default="2000px"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.exit.fadeOutLeft" displayName="fadeOutLeft" smallIcon="tizen_animator_exit_fadeoutleft.png" icon.16 ="tizen_animator_exit_fadeoutleft.png" category="exit" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="translateX" type="string" displayName="translateX" default="0px"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="translateX" type="string" displayName="translateX" default="-20px"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.exit.fadeOutLeftBig" displayName="fadeOutLeftBig" smallIcon="tizen_animator_exit_fadeoutleftbig.png" icon.16 ="tizen_animator_exit_fadeoutleftbig.png" category="exit" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="translateX" type="string" displayName="translateX" default="0px"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="translateX" type="string" displayName="translateX" default="-2000px"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.exit.fadeOutRight" displayName="fadeOutRight" smallIcon="tizen_animator_exit_fadeoutright.png" icon.16 ="tizen_animator_exit_fadeoutright.png" category="exit" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="translateX" type="string" displayName="translateX" default="0"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="translateX" type="string" displayName="translateX" default="20px"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.exit.fadeOutRightBig" displayName="fadeOutRightBig" smallIcon="tizen_animator_exit_fadeoutrightbig.png" icon.16 ="tizen_animator_exit_fadeoutrightbig.png" category="exit" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="translateX" type="string" displayName="translateX" default="0px"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="translateX" type="string" displayName="translateX" default="2000px"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.exit.fadeOutUp" displayName="fadeOutUp" smallIcon="tizen_animator_exit_fadeoutup.png" icon.16 ="tizen_animator_exit_fadeoutup.png" category="exit" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="translateY" type="string" displayName="translateY" default="0px"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="translateY" type="string" displayName="translateY" default="-20px"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.exit.fadeOutUpBig" displayName="fadeOutUpBig" smallIcon="tizen_animator_exit_fadeoutupbig.png" icon.16 ="tizen_animator_exit_fadeoutupbig.png" category="exit" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="translateY" type="string" displayName="translateY" default="0px"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="translateY" type="string" displayName="translateY" default="-2000px"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.exit.flipOutX" displayName="flipOutX" smallIcon="tizen_animator_exit_flipoutx.png" icon.16 ="tizen_animator_exit_flipoutx.png" category="exit" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="perspective" type="string" displayName="perspective" default="400px"/>
-<property name="rotateX" type="string" displayName="rotateX" default="0deg"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="perspective" type="string" displayName="perspective" default="400px"/>
-<property name="rotateX" type="string" displayName="rotateX" default="90deg"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.exit.flipOutY" displayName="flipOutY"
- smallIcon="tizen_animator_exit_flipouty.png" icon.16="tizen_animator_exit_flipouty.png"
- category="exit" description="TBD">
- <property name="0%" type="string" displayName="0%">
- <property name="opacity" type="string" displayName="opacity"
- default="1" />
- <property name="perspective" type="string" displayName="perspective"
- default="400px" />
- <property name="rotateX" type="string" displayName="rotateY"
- default="0deg" />
- </property>
- <property name="100%" type="string" displayName="100%">
- <property name="opacity" type="string" displayName="opacity"
- default="0" />
- <property name="perspective" type="string" displayName="perspective"
- default="400px" />
- <property name="rotateY" type="string" displayName="rotateY"
- default="90deg" />
- </property>
- <property name="duration" type="string" displayName="Duration"
- default="1s" />
-</animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.exit.lightSpeedOut" displayName="lightSpeedOut" smallIcon="tizen_animator_exit_lightspeedout.png" icon.16 ="tizen_animator_exit_lightspeedout.png" category="exit" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="translateX" type="string" displayName="translateX" default="0%"/>
-<property name="skewX" type="string" displayName="skewX" default="0deg"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="translateX" type="string" displayName="translateX" default="100%"/>
-<property name="skewX" type="string" displayName="skewX" default="-30deg"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.exit.rollIn" displayName="rollIn" smallIcon="tizen_animator_exit_rollin.png" icon.16 ="tizen_animator_exit_rollin.png" category="exit" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="translateX" type="string" displayName="translateX" default="-100%"/>
-<property name="rotateZ" type="string" displayName="rotateZ" default="-120deg"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="translateX" type="string" displayName="translateX" default="0px"/>
-<property name="rotateZ" type="string" displayName="rotateZ" default="0deg"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.exit.rollOut" displayName="rollOut" smallIcon="tizen_animator_exit_rollout.png" icon.16 ="tizen_animator_exit_rollout.png" category="exit" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="translateX" type="string" displayName="translateX" default="0px"/>
-<property name="rotateZ" type="string" displayName="rotateZ" default="0deg"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="translateX" type="string" displayName="translateX" default="100%"/>
-<property name="rotateZ" type="string" displayName="rotateZ" default="120deg"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.exit.rollOutIn" displayName="rollOutIn" smallIcon="tizen_animator_exit_rollOutIn_small.png" icon.16 ="tizen_animator_exit_rollOutIn_16.png" category="exit" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-</property>
-<property name="50%" type="string" displayName="50%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-</property>
-<property name="25%" type="string" displayName="25%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-</property>
-<property name="75%" type="string" displayName="75%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.exit.rotateOut" displayName="rotateOut" smallIcon="tizen_animator_exit_rotateout.png" icon.16 ="tizen_animator_exit_rotateout.png" category="exit" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="-webkit-transform-origin" type="string" displayName="-webkit-transform-origin" default="center center"/>
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="rotateZ" type="string" displayName="rotateZ" default="0deg"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="-webkit-transform-origin" type="string" displayName="-webkit-transform-origin" default="center center"/>
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="rotateZ" type="string" displayName="rotateZ" default="200deg"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.exit.rotateOutDownLeft" displayName="rotateOutDownLeft" smallIcon="tizen_animator_exit_rotateoutdownleft.png" icon.16 ="tizen_animator_exit_rotateoutdownleft.png" category="exit" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="-webkit-transform-origin" type="string" displayName="-webkit-transform-origin" default="left bottom"/>
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="rotateZ" type="string" displayName="rotateZ" default="0deg"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="-webkit-transform-origin" type="string" displayName="-webkit-transform-origin" default="left bottom"/>
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="rotateZ" type="string" displayName="rotateZ" default="90deg"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.exit.rotateOutDownRight" displayName="rotateOutDownRight" smallIcon="tizen_animator_exit_rotateoutdownright.png" icon.16 ="tizen_animator_exit_rotateoutdownright.png" category="exit" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="-webkit-transform-origin" type="string" displayName="-webkit-transform-origin" default="right bottom"/>
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="rotateZ" type="string" displayName="rotateZ" default="0deg"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="-webkit-transform-origin" type="string" displayName="-webkit-transform-origin" default="right bottom"/>
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="rotateZ" type="string" displayName="rotateZ" default="-90deg"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.exit.rotateOutUpLeft" displayName="rotateOutUpLeft" smallIcon="tizen_animator_exit_rotateoutupleft.png" icon.16 ="tizen_animator_exit_rotateoutupleft.png" category="exit" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="-webkit-transform-origin" type="string" displayName="-webkit-transform-origin" default="left bottom"/>
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="rotateZ" type="string" displayName="rotateZ" default="0deg"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="-webkit-transform-origin" type="string" displayName="-webkit-transform-origin" default="left bottom"/>
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="rotateZ" type="string" displayName="rotateZ" default="-90deg"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.exit.rotateOutUpRight" displayName="rotateOutUpRight" smallIcon="tizen_animator_exit_rotateoutupright.png" icon.16 ="tizen_animator_exit_rotateoutupright.png" category="exit" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="-webkit-transform-origin" type="string" displayName="-webkit-transform-origin" default="right bottom"/>
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-<property name="rotateZ" type="string" displayName="rotateZ" default="0deg"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="-webkit-transform-origin" type="string" displayName="-webkit-transform-origin" default="right bottom"/>
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="rotateZ" type="string" displayName="rotateZ" default="90deg"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.exit.slideOutDown" displayName="slideOutDown" smallIcon="tizen_animator_exit_slideOutDown_small.png" icon.16 ="tizen_animator_exit_slideOutDown_16.png" category="exit" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-</property>
-<property name="50%" type="string" displayName="50%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="opacity" type="string" displayName="opacity" default="1"/>
-</property>
-<property name="25%" type="string" displayName="25%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-</property>
-<property name="75%" type="string" displayName="75%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.exit.slideOutLeft" displayName="slideOutLeft" smallIcon="tizen_animator_exit_slideoutleft.png" icon.16 ="tizen_animator_exit_slideoutleft.png" category="exit" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="translateX" type="string" displayName="translateX" default="0px"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="translateX" type="string" displayName="translateX" default="-2000px"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.exit.slideOutRight" displayName="slideOutRight" smallIcon="tizen_animator_exit_slideoutright.png" icon.16 ="tizen_animator_exit_slideoutright.png" category="exit" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="translateX" type="string" displayName="translateX" default="0px"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="translateX" type="string" displayName="translateX" default="2000px"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.exit.slideOutUp" displayName="slideOutUp" smallIcon="tizen_animator_exit_slideoutup.png" icon.16 ="tizen_animator_exit_slideoutup.png" category="exit" description="TBD">
-<property name="0%" type="string" displayName="0%">
-<property name="translateY" type="string" displayName="translateY" default="0px"/>
-</property>
-<property name="100%" type="string" displayName="100%">
-<property name="opacity" type="string" displayName="opacity" default="0"/>
-<property name="translateY" type="string" displayName="translateY" default="-2000px"/>
-</property>
-<property name="duration" type="string" displayName="Duration" default="1s" /></animation>
\ No newline at end of file
+++ /dev/null
-<?xml version="1.0" encoding="utf-8"?>
-
-<animation id="tizen.animator.fadein" displayName="Fade In" smallIcon="tizen_animator_fadein_small.png"
- icon.16 ="tizen_animator_fadein_16.png" category="Effect" description="TBD">
-
- <property name="0%" type="string" displayName="0%">
- <property name="opacity" type="string" displayName="Opacity" default="0"/>
- </property>
- <property name="100%" type="string" displayName="100%">
- <property name="opacity" type="string" displayName="Opacity" default="1"/>
- </property>
- <property name="duration" type="string" displayName="Duration" default="3s"/>
-
-</animation>
\ No newline at end of file
+++ /dev/null
-<?xml version="1.0" encoding="utf-8"?>
-
-<animation id="tizen.animator.fadeout" displayName="Fade Out" smallIcon="tizen_animator_fadeout_small.png"
- icon.16 ="tizen_animator_fadeout_16.png" category="Effect" description="TBD">
-
- <property name="0%" type="string" displayName="0%">
- <property name="opacity" type="string" displayName="Opacity" default="1"/>
- </property>
- <property name="100%" type="string" displayName="100%">
- <property name="opacity" type="string" displayName="Opacity" default="0"/>
- </property>
- <property name="duration" type="string" displayName="Duration" default="3s"/>
-
-</animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.motionPath.curve" displayName="curve" smallIcon="tizen_animator_motionpath_curve.png" icon.16 ="tizen_animator_motionpath_curve.png" category="motionPath" description="TBD">
-<property name="0%" type="string" displayName="0%">
- <property name="left" type="string" displayName="Left"
- default="0px" />
- <property name="top" type="string" displayName="Top" default="0px" />
- </property>
-
- <property name="100%" type="string" displayName="100%">
- <property name="translateX" type="string" displayName="translateX"
- default="200px" />
- <property name="translateY" type="string" displayName="translateY" default="0px" />
- </property>
-
- <property name="duration" type="string" displayName="Duration"
- default="1s" />
-</animation>
\ No newline at end of file
+++ /dev/null
-<animation id="tizen.animator.motionPath.move" displayName="move"
- smallIcon="tizen_animator_motionpath_move.png" icon.16="tizen_animator_motionpath_move.png"
- category="motionPath" description="TBD">
- <property name="0%" type="string" displayName="0%">
- <property name="translateX" type="string" displayName="Left" default="0px" />
- <property name="translateY" type="string" displayName="Top" default="0px" />
- </property>
- <property name="100%" type="string" displayName="100%">
- <property name="translateX" type="string" displayName="translateX" default="200px" />
- <property name="translateY" type="string" displayName="translateY" default="0px" />
- </property>
- <property name="duration" type="string" displayName="Duration"
- default="1s" />
-</animation>
\ No newline at end of file
+++ /dev/null
-<?xml version="1.0" encoding="utf-8"?>
-
-<animation id="tizen.animator.move" displayName="Move" smallIcon="tizen_animator_move_small.png"
- icon.16 ="tizen_animator_move_16.png" category="Motion" description="TBD">
-
- <property name="0%" type="string" displayName="0%">
- <property name="left" type="string" displayName="Left" default="0px"/>
- <property name="top" type="string" displayName="Top" default="0px"/>
- </property>
-
- <property name="100%" type="string" displayName="100%">
- <property name="left" type="string" displayName="Left" default="200px"/>
- <property name="top" type="string" displayName="Top" default="0px"/>
- </property>
-
- <property name="duration" type="string" displayName="Duration" default="1s"/>
-
-</animation>
\ No newline at end of file
+++ /dev/null
-<?xml version="1.0" encoding="utf-8"?>
-
-<animation id="tizen.animator.pulsate" displayName="Pulsate" smallIcon="tizen_animator_pulsate_small.png"
- icon.16 ="tizen_animator_pulsate_16.png" category="Effect" description="TBD">
-
- <property name="0%" type="string" displayName="0%">
- <property name="opacity" type="string" displayName="Opacity" default="1"/>
- </property>
- <property name="12.5%" type="string" displayName="12.5%">
- <property name="opacity" type="string" displayName="Opacity" default="0.1"/>
- </property>
- <property name="25%" type="string" displayName="25%">
- <property name="opacity" type="string" displayName="Opacity" default="1"/>
- </property>
- <property name="37.5%" type="string" displayName="37.5%">
- <property name="opacity" type="string" displayName="Opacity" default="0.1"/>
- </property>
- <property name="50%" type="string" displayName="50%">
- <property name="opacity" type="string" displayName="Opacity" default="1"/>
- </property>
- <property name="62.5%" type="string" displayName="62.5%">
- <property name="opacity" type="string" displayName="Opacity" default="0.1"/>
- </property>
- <property name="75%" type="string" displayName="75%">
- <property name="opacity" type="string" displayName="Opacity" default="1"/>
- </property>
- <property name="87.5%" type="string" displayName="87.5%">
- <property name="opacity" type="string" displayName="Opacity" default="0.1"/>
- </property>
- <property name="100%" type="string" displayName="100%">
- <property name="opacity" type="string" displayName="Opacity" default="1"/>
- </property>
- <property name="duration" type="string" displayName="Duration" default="3s"/>
-
-</animation>
\ No newline at end of file
+++ /dev/null
-<?xml version="1.0" encoding="utf-8"?>
-
-<animation id="tizen.animator.rotate" displayName="Rotate" smallIcon="tizen_animator_rotate_small.png"
- icon.16 ="tizen_animator_rotate_16.png" category="Effect" description="TBD">
-
- <property name="0%" type="string" displayName="0%">
- <!-- <property name="-webkit-transform" type="string" displayName="Webkit Transform" default="rotate(0deg)"/> -->
- <property name="rotate" type="string" displayName="Rotate" default="0deg"/>
- </property>
- <property name="100%" type="string" displayName="100%">
- <!-- <property name="-webkit-transform" type="string" displayName="Webkit Transform" default="rotate(360deg)"/> -->
- <property name="rotate" type="string" displayName="Rotate" default="360deg"/>
- </property>
- <property name="duration" type="string" displayName="Duration" default="3s"/>
-
-</animation>
\ No newline at end of file
+++ /dev/null
-<?xml version="1.0" encoding="utf-8"?>
-
-<animation id="tizen.animator.scale" displayName="Scale" smallIcon="tizen_animator_rotate_small.png"
- icon.16 ="tizen_animator_rotate_16.png" category="Effect" description="TBD">
-
- <property name="0%" type="string" displayName="0%">
- <property name="-webkit-transform" type="string" displayName="Webkit Transform" default="scale(1.0, 1.0)"/>
- </property>
- <property name="100%" type="string" displayName="100%">
- <property name="-webkit-transform" type="string" displayName="Webkit Transform" default="scale(1.5, 1.5)"/>
- </property>
- <property name="duration" type="string" displayName="Duration" default="3s"/>
-
-</animation>
\ No newline at end of file
+++ /dev/null
-<?xml version="1.0" encoding="utf-8"?>
-
-<animation id="tizen.animator.slidein" displayName="Slide In" smallIcon="tizen_animator_slidein_small.png"
- icon.16 ="tizen_animator_slidein_16.png" category="Motion" description="TBD">
-
- <property name="0%" type="string" displayName="0%">
- <property name="translateX" type="string" displayName="TranslateX" default="-200px"/>
- <property name="translateY" type="string" displayName="TranslateY" default="0px"/>
- <property name="opacity" type="string" displayName="Opacity" default="0"/>
- </property>
- <property name="100%" type="string" displayName="100%">
- <property name="translateX" type="string" displayName="TranslateX" default="0px"/>
- <property name="translateY" type="string" displayName="TranslateY" default="0px"/>
- <property name="opacity" type="string" displayName="Opacity" default="1"/>
- </property>
- <property name="duration" type="string" displayName="Duration" default="3s"/>
-
-</animation>
\ No newline at end of file
+++ /dev/null
-<?xml version="1.0" encoding="utf-8"?>
-
-<animation id="tizen.animator.slideout" displayName="Slide Out" smallIcon="tizen_animator_slideout_small.png"
- icon.16 ="tizen_animator_slideout_16.png" category="Motion" description="TBD">
-
- <property name="0%" type="string" displayName="0%">
- <property name="translateX" type="string" displayName="TranslateX" default="0px"/>
- <property name="translateY" type="string" displayName="TranslateY" default="0px"/>
- <property name="opacity" type="string" displayName="Opacity" default="1"/>
- </property>
- <property name="100%" type="string" displayName="100%">
- <property name="translateX" type="string" displayName="TranslateX" default="-200px"/>
- <property name="translateY" type="string" displayName="TranslateY" default="0px"/>
- <property name="opacity" type="string" displayName="Opacity" default="0"/>
- </property>
- <property name="duration" type="string" displayName="Duration" default="3s"/>
-
-</animation>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
-<head>
-<meta http-equiv="content-type" content="text/html; charset=UTF-8"></meta>
-<base href="%page_path%/">
-
-<style>
-body {
- overflow: hidden;
-}
-
-.showborder {
- border: 1px gray dashed
-}
-
-</style>
-<!--
-<script src="%root_path%/%jquery_js%"></script>
-<script src="%root_path%/%tizen_web_ui_fw_libs_js%"></script>
-<script src="%root_path%/%tizen_web_ui_fw_js%" data-framework-theme="%framwork_theme%"></script>
--->
-%framework%
-
-<link rel="stylesheet" type="text/css" href="%root_path%/app.css" />
-<link rel="stylesheet" type="text/css" href="%page_css_path%" />
-
-<style id="animationCss">
-%animatorCss%
-</style>
-
-<script>
-%animatorJs%
-</script>
-
-<style id="page_style"></style>
-
-<script>
- $(document).ready(function(){
- ComingBridge.ready();
- });
-
- $.mobile.autoInitialize = false;
-
- jQuery.fn.outerHtml = function() {
- return jQuery('<div />').append(this.eq(0).clone()).html();
- }
-
- // setBasePath: (path:String) -> ()
- function setBasePath(path) {
- //$('base').attr("href", "file:///" + path + "/");
- }
-
- // setCssStyle: (style:String) -> ()
- function setCssStyle(style) {
- document.getElementById('page_style').innerHTML = style;
- }
-
- // scrollTo: (val:str) -> ()
- function scrollTo(val) {
- //$(".ui-mobile").css("transform", "translateY(" + val + "px)");
- //$(".ui-mobile").css("-webkit-transform", "translateY(" + val + "px)");
- $(".ui-scrollview-view").css("transform", "translateY(" + val + "px)");
- $(".ui-scrollview-view").css("-webkit-transform", "translateY(" + val + "px)");
- }
-
- // getScrollPos: () -> int
- function getScrollPos() {
- var pos = $(".ui-mobile").css("-webkit-transform");
- //var pos = $(".ui-scrollview-view").css("-webkit-transform");
- var values = pos.split('(')[1];
- values = values.split(')')[0];
- values = values.split(',');
- return values[5].trim();
- }
-
- function genPage(html) {
- $('body').html(html);
-
- //$('[data-role=page]').page().page('refresh').show();
- $('[data-role=page]').page().page('setToolbar').show();
- tbPage = $( ".ui-page" );
- $elHeader = $( ".ui-page .ui-header" );
- $elFooter = $( ".ui-page .ui-footer" );
- $elHeader.outerHeight() ? $( tbPage ).css( "padding-top", $elHeader.outerHeight() ) : $( tbPage ).css( "padding-top", 0 );
- $elFooter.outerHeight() ? $( tbPage ).css( "padding-bottom", $elFooter.outerHeight() ) : $( tbPage ).css( "padding-bottom", 0 );
- $(":jqmData(role='tokentextarea')" ).tokentextarea( "refresh" );
- }
-
- function genPage2(html) {
- //var newPage = $(html);
- //newPage.appendTo( $('body'));
- //$('[data-role=page]').page();
- //$.mobile.changePage( newPage );
-
- var newPage = $(html);
- $('[data-role=page]').attr('data-old-page', true);
- newPage.attr('data-old-page', false);
- newPage.appendTo( $('body'));
- $('[data-role=page]').page();
- $.mobile.changePage( newPage );
- $('[data-old-page=false]').one('pageshow', function(){
- console.log('pageshow:' + $(this).attr('id'));
- $('[data-old-page=true]').remove();
- });
- }
-
- // changeBody: (html:String) -> ()
- function changeBody(html) {
- $(':mobile-page').page("destroy");
-
- genPage(html);
- //genPage2(html);
-
- //$.mobile.resizePageContentHeight($('[data-role=page]'));
-
- $('[part-id]').each(
- function(k, v) {
- var vv = $(v);
- if ((!vv.is(":visible"))
- && (vv.next().length > 0
- && vv.next().is(":visible") && (!(vv.next()
- .attr("part-id"))))) {
- vv.next().attr("part-id", vv.attr("part-id")).attr(
- "data-role", vv.attr("data-role"));
- vv.attr("part-id", "");
- }
- });
-
- //var fixed = $('[data-position=fixed]');
- //if ((typeof fixed.fixedtoolbar) === 'function') {
- // fixed.fixedtoolbar('destroy');
- //}
-
- $(window).unbind("scroll scrollstart scrollstop throttledresize popstate touchmove orientationchange hashchange load resize");
- $(document).unbind("scroll scrollstart scrollview_start scrollviewcreate silentscroll");
- //$(".ui-multibuttonentry-input").css("display", "none");
-
- //$('[data-role=header]').css('position', 'relative');
- //$('[data-role=footer]').css('position', 'relative').css('top', '0');
-
- //PageManager.load(eval(animatorModel));
- //TizenPlay.loadPlayModel(tizen_animator_cfg);
- }
-
- // showBorder: (wid:String) -> ()
- function showBorder(wid) {
- var wgt = $("[part-id='" + wid + "']");
- var w = wgt.width(), h = wgt.height();
- wgt.addClass("showborder").width(w - 2).height(h - 2);
- }
-
- // getClientBound: ()
- // -> stringified WidgetPosition
- function getClientBound() {
- var wgt = $(".ui-scrollview-view");
- var loc = wgt.offset();
-
- //var head_height = $('[data-role=header]').outerHeight();
- //var footer_height = $('[data-role=footer]').outerHeight();
- var content_height = wgt.outerHeight();// + head_height + footer_height;
- if (wgt.children().length > 0){
- content_height += parseInt(wgt.children().first().css('margin-top'))
- + parseInt(wgt.children().last().css('margin-bottom'));
- }
-
- var bound = {
- x : parseInt(loc.left),
- y : parseInt(loc.top),
- w : parseInt(wgt.outerWidth()),
- h : parseInt(content_height),
- l : parseInt(wgt.css("margin-left")),
- r : parseInt(wgt.css("margin-right")),
- t : parseInt(wgt.css("margin-top")),
- b : parseInt(wgt.css("margin-bottom"))
- };
- if (bound.w < 1) bound.w = 1;
- if (bound.h < 1) bound.h = 1;
- return JSON.stringify(bound);
- }
-
- // getWindowBound: ()
- // -> stringified WidgetPosition
- function getWindowBound() {
- var wgt = $(".ui-scrollview-clip");
- var loc = wgt.offset();
-
- var head_height = $('[data-role=header]').outerHeight();
- var footer_height = $('[data-role=footer]').outerHeight();
- var content_height = $(window).height() - head_height - footer_height ;
-
- var bound = {
- x : parseInt(loc.left),
- y : parseInt(loc.top),
- w : parseInt(wgt.outerWidth()),
- h : parseInt(content_height),
- l : parseInt(wgt.css("margin-left")),
- r : parseInt(wgt.css("margin-right")),
- t : parseInt(wgt.css("margin-top")),
- b : parseInt(wgt.css("margin-bottom"))
- };
- if (bound.w < 1) bound.w = 1;
- if (bound.h < 1) bound.h = 1;
- return JSON.stringify(bound);
- }
-
- function getPageBound() {
- var wgt = $(".ui-scrollview-clip");
- var loc = wgt.offset();
-
- var content_width = $(window).width();
- var content_height = $(window).height();
-
- var bound = {
- x : parseInt(0),
- y : parseInt(0),
- w : parseInt(content_width),
- h : parseInt(content_height),
- l : parseInt(wgt.css("margin-left")),
- r : parseInt(wgt.css("margin-right")),
- t : parseInt(wgt.css("margin-top")),
- b : parseInt(wgt.css("margin-bottom"))
- };
- return bound;
- }
-
- function getOneWidgetBound(wgt) {
- var loc = wgt.offset();
- var origin = wgt.css("-webkit-transform-origin").split(" ");
-
- var bound = {
- x : parseFloat(loc.left),
- y : parseFloat(loc.top),
- w : parseInt(wgt.outerWidth()),
- h : parseInt(wgt.outerHeight()),
- l : parseInt(wgt.css("margin-left")),
- r : parseInt(wgt.css("margin-right")),
- t : parseInt(wgt.css("margin-top")),
- b : parseInt(wgt.css("margin-bottom")),
- transform : wgt.css("-webkit-transform"),
- transformOriginX : parseFloat(origin[0]),
- transformOriginY : parseFloat(origin[1])
- };
-
- if (bound.w < 1) bound.w = 1;
- if (bound.h < 1) bound.h = 1;
- return bound;
- }
-
- function getContentBound() {
- var bound = getOneWidgetBound($(".ui-scrollview-clip"))
-
- var head_height = $('[data-role=header]').outerHeight();
- var footer_height = $('[data-role=footer]').outerHeight();
- var content_height = $(window).height() - head_height - footer_height ;
-
- bound.h = content_height;
-
- return bound;
- }
-
- function getWidgetRecursiveBound(wgt) {
- var children = wgt.children();
- var bound = getOneWidgetBound(wgt);
- //bound.x -= bound.l; bound.w += (bound.l + bound.r);
- //bound.y -= bound.t; bound.h += (bound.t + bound.b);
-
- if(wgt.css("overflow") != "hidden"){
- for ( var i = 0; i < children.length; i++) {
- var ch = $(children[i]);
- if (ch.is(":visible")) {
- var cbound = getWidgetRecursiveBound(ch);
-
- if (cbound != null) {
- if (cbound.x < bound.x) {
- bound.w += (bound.x - cbound.x);
- bound.x = cbound.x;
- }
- if (cbound.y < bound.y) {
- bound.h += (bound.y - cbound.y);
- bound.y = cbound.y;
- }
- if ((cbound.x + cbound.w) > (bound.x + bound.w)) {
- bound.w += (cbound.x + cbound.w) - (bound.x + bound.w);
- }
- if ((cbound.y + cbound.h) > (bound.y + bound.h)) {
- bound.h += (cbound.y + cbound.h) - (bound.y + bound.h);
- }
- }
- }
- }
- }
- return bound;
- }
-
- function getWidgetBoundIncludeAbove(wgt, prev_wgt_style) {
- var bound = getOneWidgetBound(wgt);
-
- var ch = wgt.prev();
- if (ch != null) {
- if (prev_wgt_style != null && ch.is(prev_wgt_style)) {
- var cbound = getOneWidgetBound(ch);
- if (cbound != null) {
- if (cbound.x < bound.x) {
- bound.w += (bound.x - cbound.x);
- bound.x = cbound.x;
- }
- if (cbound.y < bound.y) {
- bound.h += (bound.y - cbound.y);
- bound.y = cbound.y;
- }
- }
- }
- }
- return bound;
- }
-
- // getWidgetBound: (widget:jQuery) -> {x:number, y:number, w:number, h:number, l: r: t: b:}
- // 자기 자식의 bound를 모두 포함하고, 크기가 최소 1px * 1px 이상이 되도록 반환
- function getWidgetBound(wgt) {
- var role = wgt.attr("data-role");
- if (role === "page") {
- return getPageBound();
- } else if (role === "content") {
- return getContentBound();
- } else if (role === "colorpicker") {
- return getWidgetRecursiveBound(wgt);
- } else if (role === "list") {
- return getWidgetBoundIncludeAbove(wgt, "form[role=search]:visible");
- } else {
- return getWidgetRecursiveBound(wgt);
- //return getOneWidgetBound(wgt);
- }
- }
-
- // getWidgetPosition: (wid:String) -> stringified WidgetPosition
- function getWidgetPosition(wid) {
- var wgt = $("[part-id='" + wid + "']");
-
- if (wgt !== null && wgt !== undefined && wgt.length > 0) {
- if (wgt.attr("cg-bound") !== undefined) {
- return wgt.attr("cg-bound");
- }
- return JSON.stringify(getWidgetBound(wgt));
- }
- return null;
- }
-
- // getAllWidgetPositions: ()
- // -> stringified [{wid:String, rectangle:WidgetPosition}]
- function getAllWidgetPositions() {
- var result = [];
-
- $("*[part-id]").each(function() {
- var t = $(this);
-
- if (t.attr("cg-excluded")) {
- result.push({
- wid : t.attr("part-id"),
- rectangle : JSON.parse(t.attr("cg-bound"))
- });
- } else {
- result.push({
- wid : t.attr("part-id"),
- rectangle : getWidgetBound(t)
- });
- }
- });
- var h = $("[data-role=header]:not([part-id])");
- var f = $("[data-role=footer]:not([part-id])");
- if (h.length > 0) {
- result.push({
- wid : ":header",
- rectangle : getWidgetBound(h)
- });
- }
- if (f.length > 0) {
- result.push({
- wid : ":footer",
- rectangle : getWidgetBound(f)
- });
- }
- return JSON.stringify(result);
- }
-
- // getWidgetPositions: (wid:[String]) -> stringified [{wid:String, rectangle:WidgetPosition}]
- function getWidgetPositions(wids) {
- var result = [];
-
- for ( var i = 0; i < wids.length; i++) {
- result.push({
- wid : wids[i],
- rectangle : getWidgetBound($("[part-id='" + wids[i] + "']"))
- });
- }
- return JSON.stringify(result);
- }
-
- // widgetId: (dom:jQuery) -> (wid:String)
- function widgetId(dom) {
- if (dom.length === 0) {
- return null;
- }
- if (dom.attr("part-id") !== undefined) {
- return dom.attr("part-id");
- } else {
- return widgetId(dom.parent());
- }
- }
-
- // includeAllWidgets: () -> ()
- function includeAllWidgets() {
- $("[cg-excluded]").each(function(index, elem) {
- //$(elem).css("display", "");
- $(elem).css("opacity", "1.0");
- });
- $("[cg-excluded]").removeAttr("cg-excluded").removeAttr("cg-bound");
- }
-
- // excludeWidgets: (wids:[String]) -> ()
- function excludeWidgets(wids) {
- var i, widget;
- for (i = 0; i < wids.length; i++) {
- widget = $("[part-id='" + wids[i] + "']");
-
- widget.attr("cg-bound", getWidgetPosition(wids[i]));
- }
- for (i = 0; i < wids.length; i++) {
- widget = $("[part-id='" + wids[i] + "']");
-
- widget.attr("cg-excluded", "true");
- //widget.css("display", "none");
- widget.css("opacity", "0.2");
- }
- }
-</script>
-</head>
-%animator%
-<body>
-</body>
-</html>
-
+++ /dev/null
-/*
- * UI Builder
- *
- * Copyright (c) 2000 - 2014 Samsung Electronics Co., Ltd. All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Contributors:
- * - S-Core Co., Ltd
- *
- */
-
-var animatorModel = "";
-
-var tizenPlayIsIDE = true;
-
-var AniBridge = {
- updateCallTime : (new Date()).getTime(),
- initFW : function(model, css) {
- console.log('AniBridge.initFW()');
- this.setAnimationJs(model);
- this.setAnimationCss(css);
- TizenPlay.loadPlayModel(tizen_animator_cfg);
- },
- /* when edit existing timeline*/
- updateFW : function(aniGroupId, nodeId, animateId, duration, delay, msec){
- console.log('AniBridge.updateFW()');
- var delta = (new Date()).getTime() - this.updateCallTime;
- console.log('delta = '+delta);
- if(delta < 100){
- return;
- }
- this.updateCallTime = (new Date()).getTime();
- TizenPlay.updateAnimation(aniGroupId, nodeId, animateId, duration, delay);
- setTimeout(function(aniGroupId, msec){
- AniBridge.setCurrentTime(aniGroupId, msec);
- },50, aniGroupId, msec);
- },
- /* when insert new timeline*/
- updateFWAndDetect : function(aniGroupId, nodeId, animateId, duration, delay, msec){
- console.log('AniBridge.updateFWAndDetect()');
- TizenPlay.updateAnimation(aniGroupId, nodeId, animateId, duration, delay);
- setTimeout(function(nodeId, animateId, aniGroupId, msec) {
- TizenPlay.applyAnimation(nodeId, animateId);
- setTimeout(function(aniGroupId, msec){
- AniBridge.setCurrentTime(aniGroupId, msec);
- }, 50, aniGroupId, msec);
- }, 30, nodeId, animateId, aniGroupId, msec);
- },
- setAnimationCss : function(css) {
- console.log('AniBridge.setAnimationCss()');
- document.getElementById('animationCss').innerHTML = css;
- },
- setAnimationJs : function(model) {
- console.log('AniBridge.setAnimationJs()');
- if (model.indexOf('var ') == 0) {
- model = model.substring(4, model.length);
- }
- eval(model);
- },
- play : function(pageId, animationId) {
- console.log('AniBridge.play()');
- TizenPlay.playAniGroupsById(pageId, animationId);
- },
- pause : function(pageId) {
- console.log('AniBridge.pause()');
- TizenPlay.pausePageById(pageId);
- },
- setCurrentTime : function(animationGroupId, msec) {
- console.log('AniBridge.setCurrentTime()');
- TizenPlay.setCurrentTime(msec, animationGroupId);
- },
- getCurrentCss : function(animationGroupId) {
- console.log('AniBridge.getCurrentCss()');
- TizenPlay.getCssByGroupId(animationGroupId);
- },
- setVisible : function(id, isVisible) {
- console.log('AniBridge.setVisible()');
- TizenPlay.setVisible(id, isVisible);
- }
-};
-
-document.addEventListener("aniGroupStop", function(oEvent) {
- ComingBridge.sendEvent("ANIMATION_STOP", null, 0);
-});
-
-document.addEventListener("setTime", function(oEvent) {
- ComingBridge.sendEvent("ANIMATION_SNAPSHOT", oEvent.bundle.selector + ":" + JSON.stringify(oEvent.bundle.css), oEvent.bundle.currentTime);
-});
-document.addEventListener("aniGroupTimeUpdate", function(oEvent) {
- ComingBridge.sendEvent("ANIMATION_PLAY", null, oEvent.bundle.currentTime);
-});
-
-window.addEventListener("loadPlayModel", function(oEvent) {
- ComingBridge.sendEvent("ANIMATION_LOAD", null, 0);
-});
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-<!--
-<!DOCTYPE css [
- <!ENTITY tizen.css.types SYSTEM "tizen.css.types.xml">
-]>
- -->
-<style>
- <category name="layout" displayName="Layout" brief="%position%">
- <property name="position" type="position@position" displayName="Position" default="" inline="true"></property>
- <property name="display" type="display@display" displayName="Display" default="" inline="true"></property>
- <property name="overflow" type="overflow@overflow" displayName="Overflow" default="" inline="true"></property>
- <property name="visibility" type="visibility@visibility" displayName="Visibility" default="" inline="true"></property>
- <property name="z-index" type="integer@style" displayName="Z-Index" default="auto" inline="true"></property>
- </category>
- <category name="dimension" displayName="Dimension" brief="%left%,%top%,%width%,%height%">
- <property name="left" type="size" displayName="Left" default="auto" inline="true"></property>
- <property name="top" type="size" displayName="Top" default="auto" inline="true"></property>
- <property name="width" type="size" displayName="Width" inline="true" default="auto"></property>
- <property name="height" type="size" displayName="Height" inline="true" default="auto"></property>
- </category>
-
- <category name="text" displayName="Text" brief="">
- <property name="text-style" type="group-text" displayName="">
- <property name="font-family" type="font@family" displayName=""></property>
- <property name="font-size" type="size" displayName=""></property>
- <property name="" type="group-icon" displayName="">
- <property name="font-weight" type="icon@font-weight"></property>
- <property name="font-style" type="icon@font-style"></property>
- <property name="text-decoration" type="icon@text-decoration"></property>
-
- </property>
- <property name="text-transform" type="icon@text-transform" displayName=""></property>
- <property name="color" type="color-fill" displayName=""></property>
- <property name="text-align" type="icon@text-align" displayName=""></property>
- <property name="vertical-align" type="icon@vertical-align" displayName=""></property>
- <property name="letter-spacing" type="text@letter-spacing" displayName="Space"></property>
- <property name="line-height" type="text@line-height" displayName="Height"></property>
- <property name="-webkit-text-stroke-color" type="color" displayName="Stroke" inline="true"></property>
- <property name="-webkit-text-stroke-width" type="size" displayName="Width" inline="true" default="0px"></property>
- <property name="text-shadow" type="group" displayName="Shadow">
- <property name="text-shadow.color" type="color" displayName="" default="#000000"></property>
- <property name="empty" type="empty" inline="true"></property>
- <property name="text-shadow.x" type="size" displayName="X" default="0px"></property>
- <property name="text-shadow.y" type="size" displayName="Y" default="0px"></property>
- <property name="text-shadow.blur" type="size" displayName="Blur" default="0px"></property>
- </property>
- </property>
- </category>
-
- <category name="transform" displayName="Transform" brief="">
- <property name="-webkit-transform" type="group-transform" displayName="">
- <property name="translate" type="group-value" displayName="Translate">
- <property name="translate.x" type="size" displayName="X" default="0px"></property>
- <property name="translate.y" type="size" displayName="Y" default="0px"></property>
- </property>
-
- <property name="rotate" type="group-value" displayName="Rotate">
- <property name="rotate.z" type="size@deg" displayName="Z" default="0deg"></property>
- </property>
-
- <property name="scale" type="group-value" displayName="Scale">
- <property name="scale.x" type="size@real" displayName="X" default="1"></property>
- <property name="scale.y" type="size@real" displayName="Y" default="1"></property>
- </property>
- <property name="skew" type="group-value" displayName="Skew">
- <property name="skew.x" type="size@deg" displayName="X" default="0deg"></property>
- <property name="skew.y" type="size@deg" displayName="Y" default="0deg"></property>
- </property>
- </property>
- <property name="-webkit-transform-origin" type="group" displayName="Origin">
- <property name="-webkit-transform-origin.x" type="size" displayName="X" default="50"></property>
- <property name="-webkit-transform-origin.y" type="size" displayName="Y" default="50"></property>
- </property>
- </category>
-
- <category name="background" displayName="Background" brief="%background-color%">
- <property name="background-color" type="color-fill" displayName="Color"></property>
- <property name="opacity" type="scale@per" displayName="Opacity" default="100">
- <condition name="integer-min" value="0" error="integer-min"/>
- <condition name="integer-max" value="100" error="integer-max"/>
- </property>
- <property type="separator"></property>
- <property name="background-image" type="image" displayName="Image"></property>
- <property name="background-repeat" type="background@repeat" displayName="Repeat" default="repeat"></property>
- <property name="background-size" type="group" displayName="Size">
- <property name="background-size.x" type="size" displayName="X" default="auto"></property>
- <property name="background-size.y" type="size" displayName="Y" default="auto"></property>
- </property>
- <property name="background-position" type="group" displayName="Position">
- <property name="background-position.x" type="size" displayName="X" default="0"></property>
- <property name="background-position.y" type="size" displayName="Y" default="0"></property>
- </property>
- </category>
- <category name="border" displayName="Border" brief="%border%" folding="border-top, border-bottom, border-left, border-right">
- <property name="border" type="group-border" displayName="All">
- <property name="border.color" type="color" default="#000000"></property>
- <property name="border.width" type="size" default="0px"></property>
- <property name="border.style" type="border@style" default=""></property>
- </property>
- <property name="border-top" type="group-border" displayName="Top">
- <property name="border-top.color" type="color" default="#000000"></property>
- <property name="border-top.width" type="size" default="0px"></property>
- <property name="border-top.style" type="border@style" default=""></property>
- </property>
- <property name="border-bottom" type="group-border" displayName="Bottom">
- <property name="border-bottom.color" type="color" default="#000000"></property>
- <property name="border-bottom.width" type="size" default="0px"></property>
- <property name="border-bottom.style" type="border@style" default=""></property>
- </property>
- <property name="border-left" type="group-border" displayName="Left">
- <property name="border-left.color" type="color" default="#000000"></property>
- <property name="border-left.width" type="size" default="0px"></property>
- <property name="border-left.style" type="border@style" default=""></property>
- </property>
- <property name="border-right" type="group-border" displayName="Right">
- <property name="border-right.color" type="color" default="#000000"></property>
- <property name="border-right.width" type="size" default="0px"></property>
- <property name="border-right.style" type="border@style" default=""></property>
- </property>
-
- </category>
-<!--
- <category name="text" displayName="Text" brief="">
- <property name="color" type="color-fill" displayName="Color"></property>
- <property name ="separator" type="separator"></property>
- <property name="-webkit-text-stroke-color" type="color" displayName="Stroke" inline="true"></property>
- <property name="-webkit-text-stroke-width" type="size" displayName="Width" inline="true"></property>
- <property name="text-shadow" type="group" displayName="Shadow">
- <property name="text-shadow.color" type="color" displayName=""></property>
- <property name="empty" type="empty" inline="true"></property>
- <property name="text-shadow.x" type="size" displayName="X" default="0"></property>
- <property name="text-shadow.y" type="size" displayName="Y" default="0"></property>
- <property name="text-shadow.blur" type="size" displayName="Blur" default="0"></property>
- </property>
- <property name="separator" type="separator"></property>
- <property name="font-family" type="font@family" displayName="Font" inline="true"></property>
- <property name="font-size" type="size" displayName="Size" inline="true"></property>
- <property name="line-height" type="size" displayName="Height"></property>
- <property name="letter-spacing" type="size" displayName="Space"></property>
- <property name="separator" type="separator"></property>
- <property name="text-align" type="icon@text-align" displayName="H align"></property>
- <property name="" type="group-icon" displayName="Decoration">
- <property name="font-weight" type="icon@font-weight"></property>
- <property name="font-style" type="icon@font-style"></property>
- <property name="text-decoration" type="icon@text-decoration"></property>
- </property>
- <property name="text-transform" type="icon@text-transform" displayName="Transform"></property>
- </category>
--->
-
- <category name="shadow" displayName="Shadow" brief="">
- <property name="box-shadow" type="group" displayName="">
- <property name="box-shadow.color" type="color" displayName="Color" default="#000000"></property>
- <property name="empty" type="empty" inline="true"></property>
- <property name="box-shadow.horizontal" type="size" displayName="Horz" default="0px"></property>
- <property name="box-shadow.vertical" type="size" displayName="Vert" default="0px"></property>
- <property name="box-shadow.blur" type="size" displayName="Blur" default="0px"></property>
- <property name="box-shadow.spread" type="size" displayName="Spread" default="0px"></property>
- </property>
- </category>
- <category name="metrics" displayName="Metrics" brief="">
- <property name="metrics" type="metrics" displayName="" default=""></property>
- </category>
-<!--
- <category name="filter" displayName="Filters" brief="">
- <property name="-webkit-filter" type="group-filter" displayName="">
- <property name="blur" type="group-value" displayName="Blur">
- <property name="blur" type="scale@px" displayName="" default="0px">
- <condition name="integer-min" value="0" error="integer-min"/>
- <condition name="integer-max" value="10" error="integer-max"/>
- </property>
- </property>
- <property name="contrast" type="group-value" displayName="Contrast">
- <property name="contrast" type="scale@per" displayName="" default="100%">
- <condition name="integer-min" value="0" error="integer-min"/>
- <condition name="integer-max" value="100" error="integer-max"/>
- </property>
- </property>
- <property name="grayscale" type="group-value" displayName="Grayscale">
- <property name="grayscale" type="scale@per" displayName="" default="0%">
- <condition name="integer-min" value="0" error="integer-min"/>
- <condition name="integer-max" value="100" error="integer-max"/>
- </property>
- </property>
- <property name="hue-rotate" type="group-value" displayName="Hue-Rotate">
- <property name="hue-rotate" type="scale@deg" displayName="" default="0deg">
- <condition name="integer-min" value="0" error="integer-min"/>
- <condition name="integer-max" value="360" error="integer-max"/>
- </property>
- </property>
- <property name="invert" type="group-value" displayName="Invert">
- <property name="invert" type="scale@per" displayName="" default="0%">
- <condition name="integer-min" value="0" error="integer-min"/>
- <condition name="integer-max" value="100" error="integer-max"/>
- </property>
- </property>
- <property name="saturate" type="group-value" displayName="Saturate">
- <property name="saturate" type="scale@per" displayName="" default="100%">
- <condition name="integer-min" value="0" error="integer-min"/>
- <condition name="integer-max" value="100" error="integer-max"/>
- </property>
- </property>
- <property name="sepia" type="group-value" displayName="Sepia">
- <property name="sepia" type="scale@per" displayName="" default="0%">
- <condition name="integer-min" value="0" error="integer-min"/>
- <condition name="integer-max" value="100" error="integer-max"/>
- </property>
- </property>
- <property name="drop-shadow" type="group-value" displayName="Shadow">
- <property name="drop-shadow.color" type="color" displayName=""></property>
- <property name="drop-shadow.blur" type="size" displayName="Blur" default="0px"></property>
- <property name="drop-shadow.x" type="size" displayName="X" default="0px"></property>
- <property name="drop-shadow.y" type="size" displayName="Y" default="0px"></property>
- </property>
- </property>
- </category>
--->
- <category name="clip" displayName="Clip" brief="">
- <property name="clip" type="clip" displayName="" default=""></property>
- </category>
- <!--
- <category name="custom" displayName="Custom CSS" brief="">
- <property name="custom-css" type="custom-css"/>
- </category>
- -->
-<!--
- <category name="Background">
- <property name="background" type="string" displayName="Background"></property>
- <property name="background-attachment" type="string" displayName="Attachment"></property>
- <property name="background-color" type="string" displayName="Color" default="#F8F6EF"></property>
- <property name="background-image" type="image" displayName="Image"></property>
- <property name="background-position" type="background@position" displayName="Position"></property>
- <property name="background-repeat" type="background@repeat" displayName="Repeat" default=""></property>
- <property name="background-clip" type="string" displayName="Clip"></property>
- <property name="background-origin" type="string" displayName="Origin"></property>
- <property name="background-size" type="string" displayName="Size"></property>
- </category>
- <category name="Border">
- <property name="border" type="string" displayName="Border"></property>
- <property name="border-bottom" type="string" displayName="Border Bottom"></property>
- <property name="border-bottom-color" type="string" displayName="Border Bottom Color"></property>
- <property name="border-bottom-style" type="string" displayName="Border Bottom Style"></property>
- <property name="border-bottom-width" type="string" displayName="Border Bottom Width"></property>
- <property name="border-color" type="string" displayName="Color" default="#000000"></property>
- <property name="border-left" type="string" displayName="Border Left"></property>
- <property name="border-left-color" type="string" displayName="Border Left Color"></property>
- <property name="border-left-style" type="string" displayName="Border Left Style"></property>
- <property name="border-left-width" type="string" displayName="Border Left Width"></property>
- <property name="border-right" type="string" displayName="Border Right"></property>
- <property name="border-right-color" type="string" displayName="Border Right Color"></property>
- <property name="border-right-style" type="string" displayName="Border Right Style"></property>
- <property name="border-right-width" type="string" displayName="Border Right Width"></property>
- <property name="border-style" type="border@style" displayName="Style" default=""></property>
- <property name="border-top" type="string" displayName="Border Top"></property>
- <property name="border-top-color" type="string" displayName="Border Top Color"></property>
- <property name="border-top-style" type="string" displayName="Border Top Style"></property>
- <property name="border-top-width" type="string" displayName="Border Top Width"></property>
- <property name="border-width" type="style@size" displayName="Width">
- <condition name="integer-max" value="999" error="integer-max"/>
- </property>
- <property name="border-bottom-left-radius" type="string" displayName="Border Bottom Left Radius"></property>
- <property name="border-bottom-right-radius" type="string" displayName="Border Bottom Right Radius"></property>
- <property name="border-image" type="string" displayName="Border Image"></property>
- <property name="border-radius" type="string" displayName="Border Radius"></property>
- <property name="border-top-left-radius" type="string" displayName="Border Top Left Radius"></property>
- <property name="border-top-right-radius" type="string" displayName="Border Top Right Radius"></property>
- </category>
- <category name="Outline">
- <property name="outline" type="string" displayName="Outline"></property>
- <property name="outline-color" type="string" displayName="Outline Color"></property>
- <property name="outline-style" type="string" displayName="Outline Style"></property>
- <property name="outline-width" type="string" displayName="Outline Width"></property>
- </category>
- <category name="Box">
- <property name="box-shadow" type="string" displayName="Box Shadow"></property>
- <property name="overflow-x" type="string" displayName="Overflow X"></property>
- <property name="overflow-y" type="string" displayName="Overflow Y"></property>
- <property name="overflow-style" type="string" displayName="Overflow Style"></property>
- </category>
- <category name="Color">
- <property name="color" type="string" displayName="Color" default="#000000"></property>
- <property name="opacity" type="string" displayName="Opacity"></property>
- </category>
- <category name="Dimension">
- <property name="width" type="style@size" displayName="Width"></property>
- <property name="height" type="style@size" displayName="Height"></property>
- <property name="max-width" type="string" displayName="Max Width"></property>
- <property name="max-height" type="string" displayName="Max Height"></property>
- <property name="min-width" type="string" displayName="Min Width"></property>
- <property name="min-height" type="string" displayName="Min Height"></property>
- </category>
- <category name="Flexible Box">
- <property name="box-align" type="string" displayName="Box Align"></property>
- <property name="box-direction" type="string" displayName="Box Direction"></property>
- <property name="box-flex" type="string" displayName="Box Flex"></property>
- <property name="box-ordinal-group" type="string" displayName="Box Ordinal Group"></property>
- <property name="box-orient" type="string" displayName="Box Orient"></property>
- <property name="box-pack" type="string" displayName="Box Pack"></property>
- </category>
- <category name="Font">
- <property name="font" type="string" displayName="Font"></property>
- <property name="font-family" type="font@family" displayName="Font Family"></property>
- <property name="font-size" type="font@size" displayName="Font Size"></property>
- <property name="font-style" type="string" displayName="Font Style"></property>
- <property name="font-variant" type="string" displayName="Font Variant"></property>
- <property name="font-weight" type="string" displayName="Font Weight"></property>
- <property name="@font-face" type="string" displayName="Font Face"></property>
- </category>
- <category name="Generated Conetent">
- <property name="content" type="string" displayName="Content"></property>
- <property name="counter-increment" type="string" displayName="Counter Increment"></property>
- <property name="counter-reset" type="string" displayName="Counter Reset"></property>
- <property name="quotes" type="string" displayName="Quotes"></property>
- </category>
- <category name="List">
- <property name="list-style" type="string" displayName="List Style"></property>
- <property name="list-style-image" type="string" displayName="List Style Image"></property>
- <property name="list-style-position" type="string" displayName="List Style Position"></property>
- <property name="list-style-type" type="string" displayName="List Style Type"></property>
- </category>
- <category name="Margin">
- <property name="margin" type="string" displayName="Margin"></property>
- <property name="margin-bottom" type="style@size" displayName="Bottom"></property>
- <property name="margin-left" type="style@size" displayName="Left"></property>
- <property name="margin-right" type="style@size" displayName="Right"></property>
- <property name="margin-top" type="style@size" displayName="Top"></property>
- </category>
- <category name="Multi Coloumn">
- <property name="column-count" type="string" displayName="Column Count"></property>
- <property name="column-gap" type="string" displayName="Column Gap"></property>
- <property name="column-rule" type="string" displayName="Column Rule"></property>
- <property name="column-rule-color" type="string" displayName="Column Rule Color"></property>
- <property name="column-rule-style" type="string" displayName="Column Rule Style"></property>
- <property name="column-rule-width" type="string" displayName="Column Rule Width"></property>
- <property name="column-span" type="string" displayName="Column Span"></property>
- <property name="column-width" type="string" displayName="Column Width"></property>
- <property name="columns" type="string" displayName="Columns"></property>
- </category>
- <category name="Padding">
- <property name="padding" type="string" displayName="Padding"></property>
- <property name="padding-bottom" type="string" displayName="Padding Bottom"></property>
- <property name="padding-left" type="string" displayName="Padding Left"></property>
- <property name="padding-right" type="string" displayName="Padding Right"></property>
- <property name="padding-top" type="string" displayName="Padding Top"></property>
- </category>
- <category name="Positioning">
- <property name="bottom" type="string" displayName="Bottom"></property>
- <property name="clear" type="string" displayName="Clear"></property>
- <property name="clip" type="string" displayName="Clip"></property>
- <property name="cursor" type="string" displayName="Cursor"></property>
- <property name="display" type="string" displayName="Display"></property>
- <property name="float" type="string" displayName="Float"></property>
- <property name="left" type="string" displayName="Left"></property>
- <property name="overflow" type="string" displayName="Overflow"></property>
- <property name="position" type="string" displayName="Position"></property>
- <property name="right" type="string" displayName="Right"></property>
- <property name="top" type="string" displayName="Top"></property>
- <property name="visibility" type="string" displayName="Visibility"></property>
- <property name="z-index" type="string" displayName="Z-Index"></property>
- </category>
- <category name="Text">
- <property name="color" type="string" displayName="Color" default="#000000"></property>
- <property name="direction" type="string" displayName="Direction"></property>
- <property name="letter-spacing" type="string" displayName="Letter Spacing"></property>
- <property name="line-height" type="string" displayName="Line Height"></property>
- <property name="text-align" type="string" displayName="Text Align"></property>
- <property name="text-decoration" type="string" displayName="Text Decoration"></property>
- <property name="text-indent" type="string" displayName="Text Indent"></property>
- <property name="text-transform" type="string" displayName="Text Transform"></property>
- <property name="vertical-align" type="string" displayName="Vertical Align"></property>
- <property name="white-space" type="string" displayName="White Space"></property>
- <property name="word-spacing" type="string" displayName="Word Spacing"></property>
- <property name="text-justify" type="string" displayName="Text Justify"></property>
- <property name="text-overflow" type="string" displayName="Text Overflow"></property>
- <property name="text-shadow" type="string" displayName="Text Shadow"></property>
- <property name="word-break" type="string" displayName="Word Break"></property>
- <property name="word-wrap" type="string" displayName="Word Wrap"></property>
- </category>
- <category name="User Interface">
- <property name="box-sizing" type="string" displayName="Box Sizing"></property>
- <property name="outline-offset" type="string" displayName="Outline Offset"></property>
- </category>
--->
- <!-- type & event type -->
- <!--
- &tizen.css.types;
- -->
-</style>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
-
-<xsl:output method="text"/>
-<xsl:param name="out_type"/>
-
-
-<xsl:variable name="newline">
- <xsl:text disable-output-escaping="yes">
-</xsl:text>
-</xsl:variable>
-
-
-<xsl:template match="/">
-
- <xsl:choose>
- <xsl:when test="$out_type=''">
- <xsl:message>
-parameter 'out_type' is missing
-run this xslt with 'out_type' parameter
-
-ex) out_type=all_properties
-
-</xsl:message>
- </xsl:when>
-
-<!--
- <xsl:when test="$out_type='scheme'">
- <xsl:call-template name="print_all_elements_and_attributes"/>
- </xsl:when>
--->
- <xsl:when test="$out_type='all_properties'">
- <xsl:call-template name="print_all_properties"/>
- </xsl:when>
- <!--
- <xsl:when test="$out_type='all_events'">
- <xsl:call-template name="print_all_events"/>
- </xsl:when>
- -->
- </xsl:choose>
-
-</xsl:template>
-
-
-
-<xsl:template name="print_all_properties">
- <xsl:text>node-category,</xsl:text>
- <xsl:text>widget,</xsl:text>
- <xsl:text>name,</xsl:text>
- <xsl:text>type,</xsl:text>
- <xsl:text>displayName,</xsl:text>
- <xsl:text>default,</xsl:text>
- <xsl:text>initValue,</xsl:text>
- <xsl:text>category,</xsl:text>
- <xsl:text>not supported,</xsl:text>
- <xsl:text>ERROR,</xsl:text>
- <xsl:value-of select="$newline"/>
-
- <xsl:for-each select="//property">
- <xsl:variable name="node" select="ancestor::widget | ancestor::page"/>
- <xsl:text>"</xsl:text><xsl:value-of select="name($node)"/><xsl:text>",</xsl:text>
- <xsl:text>"</xsl:text><xsl:value-of select="$node/@id"/><xsl:text>",</xsl:text>
- <xsl:text>"</xsl:text><xsl:value-of select="@name"/><xsl:text>",</xsl:text>
- <xsl:text>"</xsl:text><xsl:value-of select="@type"/><xsl:text>",</xsl:text>
- <xsl:text>"</xsl:text><xsl:value-of select="@displayName"/><xsl:text>",</xsl:text>
- <xsl:text>"</xsl:text><xsl:value-of select="@default"/><xsl:text>",</xsl:text>
- <xsl:text>"</xsl:text><xsl:value-of select="@initValue"/><xsl:text>",</xsl:text>
- <xsl:text>"</xsl:text><xsl:value-of select="@category"/><xsl:text>",</xsl:text>
- <xsl:choose>
- <xsl:when test="ancestor-or-self::*[@notsupported='true']">
- <xsl:text>"true",</xsl:text>
- </xsl:when>
- <xsl:otherwise>
- <xsl:text>"",</xsl:text>
- </xsl:otherwise>
- </xsl:choose>
- <xsl:for-each select="@*">
- <xsl:choose>
- <xsl:when test="name()='name'"/>
- <xsl:when test="name()='type'"/>
- <xsl:when test="name()='displayName'"/>
- <xsl:when test="name()='default'"/>
- <xsl:when test="name()='initValue'"/>
- <xsl:when test="name()='category'"/>
- <xsl:when test="name()='notsupported'"/>
- <xsl:otherwise>
- <xsl:value-of select="concat('unsupported attribute : ', name())"/>
- </xsl:otherwise>
- </xsl:choose>
- </xsl:for-each>
- <xsl:value-of select="$newline"/>
- </xsl:for-each>
-
-</xsl:template>
-
-<!--
-<xsl:template name="print_all_events">
-
- <xsl:text>category,widget,name,type</xsl:text><xsl:value-of select="$newline"/>
-
- <xsl:for-each select="//event">
- <xsl:variable name="node" select="../.."/>
- <xsl:value-of select="name($node)"/><xsl:text>,</xsl:text>
- <xsl:value-of select="$node/@type"/><xsl:text>,</xsl:text>
- <xsl:value-of select="concat('"', @name, '"')"/><xsl:text>,</xsl:text>
- <xsl:value-of select="@type"/><xsl:text>,</xsl:text>
- <xsl:text>,</xsl:text>
- <xsl:text>,</xsl:text>
- <xsl:text>,</xsl:text>
- <xsl:text>,</xsl:text>
- <xsl:text>,</xsl:text>
- <xsl:text>,</xsl:text>
- <xsl:text>,</xsl:text>
- <xsl:text>,</xsl:text>
- <xsl:value-of select="$newline"/>
- </xsl:for-each>
-
-</xsl:template>
- -->
-
-<!--
-<xsl:template name="print_all_elements_and_attributes">
- <xsl:text>parent,element,attribute</xsl:text><xsl:value-of select="$newline"/>
- <xsl:for-each select="//*">
- <xsl:choose>
- <xsl:when test="@*">
- <xsl:for-each select="@*">
- <xsl:value-of select="concat( name(../..), ',', name(..), ',', name(), $newline)"/>
- </xsl:for-each>
- </xsl:when>
- <xsl:otherwise>
- <xsl:value-of select="concat( name(..), ',', name(), $newline)"/>
- </xsl:otherwise>
- </xsl:choose>
- </xsl:for-each>
-</xsl:template>
- -->
-
-</xsl:stylesheet>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<!DOCTYPE descriptors [
- <!ENTITY tizen.types SYSTEM "tizen.types.xml">
- <!ENTITY tizen.eventtypes SYSTEM "tizen.eventtypes.xml">
-
- <!ENTITY tizen.page SYSTEM "widget/tizen.page.xml">
-
- <!ENTITY tizen.content SYSTEM "widget/tizen.content.widget.xml">
- <!ENTITY tizen.footer SYSTEM "widget/tizen.footer.widget.xml">
- <!ENTITY tizen.header SYSTEM "widget/tizen.header.widget.xml">
-
- <!ENTITY html.divcontrol SYSTEM "widget/html.divcontrol.widget.xml">
- <!ENTITY html.formcontrol SYSTEM "widget/html.formcontrol.widget.xml">
-
- <!ENTITY html.canvas SYSTEM "widget/html.canvas.widget.xml">
- <!ENTITY html.headingone SYSTEM "widget/html.headingone.widget.xml">
- <!ENTITY html.headingtwo SYSTEM "widget/html.headingtwo.widget.xml">
- <!ENTITY html.headingthree SYSTEM "widget/html.headingthree.widget.xml">
- <!ENTITY html.headingfour SYSTEM "widget/html.headingfour.widget.xml">
- <!ENTITY html.headingfive SYSTEM "widget/html.headingfive.widget.xml">
- <!ENTITY html.headingsix SYSTEM "widget/html.headingsix.widget.xml">
- <!-- <!ENTITY html.htmlblock SYSTEM "widget/html.htmlblock.widget.xml"> -->
- <!ENTITY html.image SYSTEM "widget/html.image.widget.xml">
- <!ENTITY html.label SYSTEM "widget/html.label.widget.xml">
- <!ENTITY html.legend SYSTEM "widget/html.legend.widget.xml">
- <!ENTITY html.link SYSTEM "widget/html.link.widget.xml">
- <!ENTITY html.submit SYSTEM "widget/html.submit.widget.xml">
- <!ENTITY html.text SYSTEM "widget/html.text.widget.xml">
- <!ENTITY html.textarea SYSTEM "widget/html.textarea.widget.xml">
- <!ENTITY html.textinput SYSTEM "widget/html.textinput.widget.xml">
-
- <!ENTITY tizen.controlgroup SYSTEM "widget/tizen.controlgroup.widget.xml">
- <!-- <!ENTITY tizen.footercontrolgroup SYSTEM "widget/tizen.footercontrolgroup.widget.xml"> -->
- <!ENTITY tizen.list SYSTEM "widget/tizen.list.widget.xml">
- <!ENTITY tizen.listdivider SYSTEM "widget/tizen.listdivider.widget.xml">
- <!ENTITY tizen.listitem SYSTEM "widget/tizen.listitem.widget.xml">
- <!ENTITY tizen.listactionitem SYSTEM "widget/tizen.listactionitem.widget.xml">
- <!ENTITY tizen.swipe SYSTEM "widget/tizen.swipe.widget.xml">
- <!ENTITY tizen.swipeitem SYSTEM "widget/tizen.swipeitem.widget.xml">
-
- <!ENTITY tizen.audio SYSTEM "widget/tizen.audio.widget.xml">
- <!ENTITY tizen.button SYSTEM "widget/tizen.button.widget.xml">
- <!ENTITY tizen.checkboxes SYSTEM "widget/tizen.checkboxes.widget.xml">
- <!ENTITY tizen.checkboxitem SYSTEM "widget/tizen.checkboxitem.widget.xml">
- <!ENTITY tizen.collapsibleset SYSTEM "widget/tizen.collapsibleset.widget.xml">
- <!ENTITY tizen.collapsible SYSTEM "widget/tizen.collapsible.widget.xml">
- <!ENTITY tizen.datetimepicker SYSTEM "widget/tizen.datetimepicker.widget.xml">
- <!ENTITY tizen.extendablelist SYSTEM "widget/tizen.extendablelist.widget.xml">
- <!ENTITY tizen.fliptoggleswitch SYSTEM "widget/tizen.fliptoggleswitch.widget.xml">
- <!ENTITY tizen.headerbutton SYSTEM "widget/tizen.headerbutton.widget.xml">
- <!ENTITY tizen.headermultilinetext SYSTEM "widget/tizen.headermultilinetext.widget.xml">
- <!ENTITY tizen.gallery SYSTEM "widget/tizen.gallery.widget.xml">
- <!ENTITY tizen.galleryitem SYSTEM "widget/tizen.galleryitem.widget.xml">
- <!-- <!ENTITY tizen.listbutton SYSTEM "widget/tizen.listbutton.widget.xml">
- <!ENTITY tizen.listfliptoggleswitch SYSTEM "widget/tizen.listfliptoggleswitch.widget.xml"> -->
- <!ENTITY tizen.listitemcolorbar SYSTEM "widget/tizen.listitemcolorbar.widget.xml">
- <!ENTITY tizen.listitemmaintexticonone SYSTEM "widget/tizen.listitemmaintexticonone.widget.xml">
- <!ENTITY tizen.listitemmaintexticontwo SYSTEM "widget/tizen.listitemmaintexticontwo.widget.xml">
- <!ENTITY tizen.listitemsubtexticon SYSTEM "widget/tizen.listitemsubtexticon.widget.xml">
- <!ENTITY tizen.listitemsubtextone SYSTEM "widget/tizen.listitemsubtextone.widget.xml">
- <!ENTITY tizen.listitemsubtexttwo SYSTEM "widget/tizen.listitemsubtexttwo.widget.xml">
- <!ENTITY tizen.listitemthumbnail SYSTEM "widget/tizen.listitemthumbnail.widget.xml">
- <!ENTITY tizen.progressbar SYSTEM "widget/tizen.progressbar.widget.xml">
- <!ENTITY tizen.progress SYSTEM "widget/tizen.progress.widget.xml">
- <!ENTITY tizen.radiobuttons SYSTEM "widget/tizen.radiobuttons.widget.xml">
- <!ENTITY tizen.radiobuttonitem SYSTEM "widget/tizen.radiobuttonitem.widget.xml">
- <!ENTITY tizen.searchfilterbar SYSTEM "widget/tizen.searchfilterbar.widget.xml">
- <!ENTITY tizen.selectmenu SYSTEM "widget/tizen.selectmenu.widget.xml">
- <!ENTITY tizen.selectmenuitemgroup SYSTEM "widget/tizen.selectmenuitemgroup.widget.xml">
- <!ENTITY tizen.selectmenuitem SYSTEM "widget/tizen.selectmenuitem.widget.xml">
- <!ENTITY tizen.slider SYSTEM "widget/tizen.slider.widget.xml">
- <!ENTITY tizen.starbutton SYSTEM "widget/tizen.starbutton.widget.xml">
- <!ENTITY tizen.tabbar SYSTEM "widget/tizen.tabbar.widget.xml">
- <!ENTITY tizen.tabbaritem SYSTEM "widget/tizen.tabbaritem.widget.xml">
- <!ENTITY tizen.tokentextarea SYSTEM "widget/tizen.tokentextarea.widget.xml">
- <!ENTITY tizen.video SYSTEM "widget/tizen.video.widget.xml">
- <!ENTITY tizen.virtualgrid SYSTEM "widget/tizen.virtualgrid.widget.xml">
- <!ENTITY tizen.virtuallist SYSTEM "widget/tizen.virtuallist.widget.xml">
-]>
-
-<descriptors xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
- xmlns:tizen="http://www.tizen.org/2012/uibuilder/descriptor">
- <!--
- types
- * primitive types (no need to define type element)
- : boolean, integer, string
-
- property
- * name attribute : do not use reserved names
- reserved names : id, content
- -->
-
- <doc id="tizen.doc">
- <relations>
- <content ids="tizen.page"/>
- </relations>
-
- <xsl-for-output>
- <xsl:output method="html" encoding="utf-8" indent="yes"/>
-
- <xsl:template name="print-part-id">
- <xsl:if test="@part-id">
- <xsl:attribute name="part-id">
- <xsl:value-of select="@part-id"/>
- </xsl:attribute>
- </xsl:if>
- </xsl:template>
-
- <xsl:template match="@*" mode="simple-property">
- <xsl:if test="name() != 'part-id' and starts-with(name(), 'on') = false and starts-with(name(), 'group') = false and string-length(.) != 0">
- <xsl:attribute name="{name()}">
- <xsl:value-of select="."/>
- </xsl:attribute>
- </xsl:if>
- </xsl:template>
-
- <xsl:template match="tizen.doc">
-<xsl:comment>
-This file was generated by Tizen Web UI Builder.
-This file will be auto-generated each and everytime you save your project.
-Do not hand edit this file.
-</xsl:comment>
-
- <html>
- <head>
- <meta charset="utf-8"/>
- <script>location.href="../app.html";</script>
- </head>
- <body>
- <xsl:apply-templates select="*"/>
- </body>
- </html>
- </xsl:template>
- </xsl-for-output>
- </doc>
-
- <!-- for DeclationViewer -->
- <doc id="tizen.dummy">
- <xsl-for-output>
- <xsl:template match="tizen.dummy">
- <div>
- <xsl:apply-templates select="*"/>
- </div>
- </xsl:template>
- </xsl-for-output>
- </doc>
-
- <!-- Page -->
- &tizen.page;
-
- <!-- Tizen components in alphabetical order -->
- &tizen.content;
- &tizen.footer;
- &tizen.header;
-
- <!-- HTML components in alphabetical order -->
- &html.divcontrol;
- &html.formcontrol;
-
- &html.canvas;
- &html.headingone;
- &html.headingtwo;
- &html.headingthree;
- &html.headingfour;
- &html.headingfive;
- &html.headingsix;
- <!-- &html.htmlblock; -->
- &html.image;
- &html.label;
- &html.legend;
- &html.link;
- &html.submit;
- &html.text;
- &html.textarea;
- &html.textinput;
-
- <!-- Tizen components in alphabetical order -->
- &tizen.controlgroup;
- <!-- &tizen.footercontrolgroup; -->
- &tizen.list;
- &tizen.listdivider;
- &tizen.listitem;
- &tizen.listactionitem;
- &tizen.swipe;
- &tizen.swipeitem;
-
- <!-- &tizen.audio; -->
- &tizen.button;
- &tizen.checkboxes;
- &tizen.checkboxitem;
- &tizen.collapsibleset;
- &tizen.collapsible;
- &tizen.datetimepicker;
- <!-- &tizen.extendablelist; -->
- &tizen.fliptoggleswitch;
- &tizen.headerbutton;
- &tizen.headermultilinetext;
- <!-- &tizen.gallery;
- &tizen.galleryitem; -->
- <!-- &tizen.listbutton;
- &tizen.listfliptoggleswitch; -->
- &tizen.listitemcolorbar;
- &tizen.listitemmaintexticonone;
- &tizen.listitemmaintexticontwo;
- &tizen.listitemsubtexticon;
- &tizen.listitemsubtextone;
- &tizen.listitemsubtexttwo;
- &tizen.listitemthumbnail;
- &tizen.progressbar;
- <!-- &tizen.progress; -->
- &tizen.radiobuttons;
- &tizen.radiobuttonitem;
- &tizen.searchfilterbar;
- &tizen.selectmenu;
- &tizen.selectmenuitemgroup;
- &tizen.selectmenuitem;
- &tizen.slider;
- &tizen.starbutton;
- &tizen.tabbar;
- &tizen.tabbaritem;
- &tizen.tokentextarea;
- <!-- &tizen.video;
- &tizen.virtualgrid;
- &tizen.virtuallist; -->
-
- <!-- type & event type -->
- &tizen.types;
- &tizen.eventtypes;
-
-</descriptors>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<types>
- <type id="background@position">
- <constant value="" displayName="(None)" />
- <constant value="left top" displayName="left top" />
- <constant value="left center" displayName="left center" />
- <constant value="left bottom" displayName="left bottom" />
- <constant value="right top" displayName="right top" />
- <constant value="right center" displayName="right center" />
- <constant value="right bottom" displayName="right bottom" />
- <constant value="center top" displayName="center top" />
- <constant value="center center" displayName="center center" />
- <constant value="center bottom" displayName="center bottom" />
- </type>
- <type id="background@repeat">
- <constant value="" displayName="(None)" />
- <constant value="repeat" displayName="repeat" />
- <constant value="repeat-x" displayName="repeat-x" />
- <constant value="repeat-y" displayName="repeat-y" />
- <constant value="no-repeat" displayName="no-repeat" />
- </type>
- <type id="border@style">
- <constant value="" displayName="(None)" />
- <constant value="none" displayName="none" />
- <constant value="hidden" displayName="hidden" />
- <constant value="dotted" displayName="dotted" />
- <constant value="dashed" displayName="dashed" />
- <constant value="solid" displayName="solid" />
- <constant value="double" displayName="double" />
- <constant value="groove" displayName="groove" />
- <constant value="ridge" displayName="ridge" />
- <constant value="inset" displayName="inset" />
- <constant value="outset" displayName="outset" />
- </type>
- <type id="font@family">
- <constant value="" displayName="(None)" />
- <constant value="Georgia" displayName="Georgia" />
- <!--
- <constant value="Palatino Linotype" displayName="Palatino Linotype" />
- <constant value="Book Antiqua" displayName="Book Antiqua" />
- -->
- <constant value="Times New Roman" displayName="Times New Roman" />
- <constant value="Arial" displayName="Arial" />
- <constant value="Helvetica" displayName="Helvetica" />
- <constant value="Arial Black" displayName="Arial Black" />
- <!--
- <constant value="Impact" displayName="Impact" />
- <constant value="Lucida Sans Unicode" displayName="Lucida Sans Unicode" />
- <constant value="Tahoma" displayName="Tahoma" />
- <constant value="Verdana" displayName="Verdana" />
- -->
- <constant value="Courier New" displayName="Courier New" />
- <!--
- <constant value="Lucida Console" displayName="Lucida Console" />
- -->
- </type>
- <type id="font@size">
- <constant value="" displayName="(None)" />
- <constant value="6px" displayName="6px" />
- <constant value="8px" displayName="8px" />
- <constant value="9px" displayName="9px" />
- <constant value="10px" displayName="10px" />
- <constant value="11px" displayName="11px" />
- <constant value="12px" displayName="12px" />
- <constant value="14px" displayName="14px" />
- <constant value="16px" displayName="16px" />
- <constant value="18px" displayName="18px" />
- <constant value="20px" displayName="20px" />
- <constant value="22px" displayName="22px" />
- <constant value="24px" displayName="24px" />
- <constant value="26px" displayName="26px" />
- <constant value="28px" displayName="28px" />
- <constant value="36px" displayName="36px" />
- <constant value="48px" displayName="48px" />
- <constant value="72px" displayName="72px" />
- </type>
- <type id="style@size">
- <constant value="" displayName="(None)" />
- <constant value="6" displayName="6" />
- <constant value="8" displayName="8" />
- <constant value="9" displayName="9" />
- <constant value="10" displayName="10" />
- <constant value="11" displayName="11" />
- <constant value="12" displayName="12" />
- <constant value="14" displayName="14" />
- <constant value="16" displayName="16" />
- <constant value="18" displayName="18" />
- <constant value="20" displayName="20" />
- <constant value="22" displayName="22" />
- <constant value="24" displayName="24" />
- <constant value="26" displayName="26" />
- <constant value="28" displayName="28" />
- <constant value="36" displayName="36" />
- <constant value="48" displayName="48" />
- <constant value="72" displayName="72" />
- </type>
-
-</types>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<eventTypes>
- <eventType id="event.defaultevent">
- <defaultCode>%object%_%event%</defaultCode>
- <param name="event" type="" />
- </eventType>
-
- <eventType id="event.pageevent">
- <defaultCode>%event%</defaultCode>
- <param name="event" type="" />
- </eventType>
-</eventTypes>
\ No newline at end of file
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<types>
- <type id="tizen@boolean1">
- <constant value="" displayName="(None:True)" />
- <constant value="true" displayName="True" />
- <constant value="false" displayName="False" />
- </type>
-
- <type id="tizen@boolean2">
- <constant value="" displayName="(None:False)" />
- <constant value="true" displayName="True" />
- <constant value="false" displayName="False" />
- </type>
-
- <type id="tizen@boolean3">
- <constant value="" displayName="(None)" />
- <constant value="true" displayName="True" />
- <constant value="false" displayName="False" />
- </type>
-
- <type id="tizen@checked">
- <constant value="" displayName="(None)" />
- <constant value="checked" displayName="Checked" />
- </type>
-
- <type id="tizen@disabled">
- <constant value="" displayName="(None)" />
- <constant value="disabled" displayName="Disabled" />
- </type>
-
- <type id="tizen@icon-down">
- <constant value="" displayName="(None:Down arrow)" />
- <constant value="arrow-l" displayName="Left arrow" />
- <constant value="arrow-r" displayName="Right arrow" />
- <constant value="arrow-u" displayName="Up arrow" />
- <constant value="arrow-d" displayName="Down arrow" />
- <constant value="delete" displayName="Delete" />
- <constant value="plus" displayName="Plus" />
- <constant value="minus" displayName="Minus" />
- <constant value="check" displayName="Check" />
- <constant value="gear" displayName="Gear" />
- <constant value="refresh" displayName="Refresh" />
- <constant value="forward" displayName="Forward" />
- <constant value="back" displayName="Back" />
- <constant value="grid" displayName="Grid" />
- <constant value="star" displayName="Star" />
- <constant value="alert" displayName="Alert" />
- <constant value="info" displayName="Info" />
- <constant value="home" displayName="Home" />
- <constant value="search" displayName="Search" />
- </type>
-
- <type id="tizen@icon-up">
- <constant value="" displayName="(None:Up arrow)" />
- <constant value="arrow-l" displayName="Left arrow" />
- <constant value="arrow-r" displayName="Right arrow" />
- <constant value="arrow-u" displayName="Up arrow" />
- <constant value="arrow-d" displayName="Down arrow" />
- <constant value="delete" displayName="Delete" />
- <constant value="plus" displayName="Plus" />
- <constant value="minus" displayName="Minus" />
- <constant value="check" displayName="Check" />
- <constant value="gear" displayName="Gear" />
- <constant value="refresh" displayName="Refresh" />
- <constant value="forward" displayName="Forward" />
- <constant value="back" displayName="Back" />
- <constant value="grid" displayName="Grid" />
- <constant value="star" displayName="Star" />
- <constant value="alert" displayName="Alert" />
- <constant value="info" displayName="Info" />
- <constant value="home" displayName="Home" />
- <constant value="search" displayName="Search" />
- </type>
-
- <type id="tizen@iconpos">
- <constant value="" displayName="(None:Left)" />
- <constant value="left" displayName="Left" />
- <constant value="right" displayName="Right" />
- <constant value="top" displayName="Top" />
- <constant value="bottom" displayName="Bottom" />
- <!-- <constant value="notext" displayName="Notext" /> -->
- </type>
-
- <type id="tizen@iconpos-right">
- <constant value="" displayName="(None:Right)" />
- <constant value="left" displayName="Left" />
- <constant value="right" displayName="Right" />
- <constant value="top" displayName="Top" />
- <constant value="bottom" displayName="Bottom" />
- </type>
-
- <type id="tizen@position">
- <constant value="" displayName="(None)" />
- <constant value="fixed" displayName="Fixed" />
- </type>
-
- <type id="tizen@theme">
- <constant value="" displayName="Default" />
- <constant value="a" displayName="A (default:Black)" />
- <constant value="b" displayName="B (default:Blue)" />
- <constant value="c" displayName="C (default:Gray)" />
- <constant value="d" displayName="D (default:Light Gray)" />
- <constant value="e" displayName="E (default:Yellow)" />
- <constant value="f" displayName="F (extra)" />
- <constant value="g" displayName="G (extra)" />
- <constant value="h" displayName="H (extra)" />
- </type>
-
- <type id="tizen.audio@type">
- <constant value="audio/mp4" displayName="Mp4" />
- <constant value="audio/ogg" displayName="Ogg" />
- <constant value="audio/mpeg" displayName="Mpeg" />
- </type>
-
- <type id="tizen.button@icon">
- <constant value="" displayName="(None)" />
- <constant value="arrow-l" displayName="Left arrow" />
- <constant value="arrow-r" displayName="Right arrow" />
- <constant value="arrow-u" displayName="Up arrow" />
- <constant value="arrow-d" displayName="Down arrow" />
- <constant value="delete" displayName="Delete" />
- <constant value="plus" displayName="Plus" />
- <constant value="minus" displayName="Minus" />
- <constant value="check" displayName="Check" />
- <constant value="gear" displayName="Gear" />
- <constant value="refresh" displayName="Refresh" />
- <constant value="forward" displayName="Forward" />
- <constant value="back" displayName="Back" />
- <constant value="grid" displayName="Grid" />
- <!-- <constant value="star" displayName="Star"/> -->
- <constant value="alert" displayName="Alert" />
- <constant value="info" displayName="Info" />
- <constant value="home" displayName="Home" />
- <constant value="search" displayName="Search" />
- <constant value="call" displayName="Call" />
- <constant value="rename" displayName="Rename" />
- </type>
-
- <type id="tizen.button@style">
- <constant value="" displayName="(None:Box)" />
- <constant value="round" displayName="Round" />
- </type>
-
- <type id="tizen.starbutton@style">
- <constant value="" displayName="(None:Box)" />
- <constant value="circle" displayName="Circle" />
- <constant value="nobg" displayName="No Background" />
- </type>
-
- <type id="tizen.checkboxitem@class">
- <constant value="" displayName="(None)" />
- <constant value="favorite" displayName="Favorite" />
- </type>
-
- <type id="tizen.contextpopup@class">
- <constant value="horizontal" displayName="Horizontal" />
- <constant value="button" displayName="Button" />
- </type>
-
- <type id="tizen.controlgroup@type">
- <constant value="" displayName="(None:Vertical)" />
- <constant value="vertical" displayName="Vertical" />
- <constant value="horizontal" displayName="Horizontal" />
- </type>
-
- <type id="tizen.datetimepicker@type">
- <constant value="datetime" displayName="Datetime" />
- <constant value="date" displayName="Date" />
- <constant value="time" displayName="Time" />
- </type>
-
- <!-- <type id="tizen.datetimepicker@dateformat">
- <constant value="" displayName="(None)" />
- <constant value="MM/dd/yyyy" displayName="MM/dd/yyyy" />
- <constant value="yyyy/MM/dd" displayName="yyyy/MM/dd" />
- <constant value="yy/MM/dd" displayName="yy/MM/dd" />
- <constant value="M/dd" displayName="M/dd" />
- <constant value="M/dd/yy" displayName="M/dd/yy" />
- <constant value="MM/dd/yy" displayName="MM/dd/yy" />
- <constant value="dd-MMM" displayName="dd-MMM" />
- <constant value="dd-MMM-yy" displayName="dd-MMM-yy" />
- <constant value="MMM-yy" displayName="MMM-yy" />
- <constant value="MMMM-yy" displayName="MMMM-yy" />
- </type>
-
- <type id="tizen.datetimepicker@timeformat">
- <constant value="" displayName="(None)" />
- <constant value="HH:mm" displayName="HH:mm" />
- <constant value="HH:mm:ss" displayName="HH:mm:ss" />
- <constant value="tt hh:mm" displayName="tt hh:mm" />
- <constant value="tt hh:mm:ss" displayName="tt hh:mm:ss" />
- <constant value="hh:mm tt" displayName="hh:mm tt" />
- <constant value="hh:mm:ss tt" displayName="hh:mm:ss tt" />
- </type> -->
-
- <type id="tizen.datetimepicker@format">
- <constant value="" displayName="(None)" />
- <constant value="MM/dd/yyyy" displayName="MM/dd/yyyy" />
- <constant value="HH:mm:ss" displayName="HH:mm:ss" />
- <constant value="MM/dd/yyyy HH:mm:ss" displayName="MM/dd/yyyy HH:mm:ss" />
- <constant value="yyyy/MM/dd" displayName="yyyy/MM/dd" />
- <constant value="tt hh:mm" displayName="tt hh:mm" />
- <constant value="yyyy/MM/dd tt hh:mm" displayName="yyyy/MM/dd tt hh:mm" />
- </type>
-
- <type id="tizen.datetimepicker@value">
- <constant value="" displayName="(None:System Date)" />
- <constant value="2000/01/01 23:00:00" displayName="2000/01/01 23:00:00" />
- <constant value="2013/01/01 01:00:00" displayName="2013/01/01 01:00:00" />
- </type>
-
- <type id="tizen.fliptoggleswitch@selected">
- <constant value="" displayName="(None:Off)" />
- <constant value="selected" displayName="On" />
- </type>
-
- <type id="tizen.formcontrol@method">
- <constant value="GET" />
- <constant value="POST" />
- </type>
-
- <!-- <type id="tizen.image@unit">
- <constant value="px" />
- <constant value="%" />
- </type>
-
- <type id="tizen.image@text-align">
- <constant value="left" displayName="Left" />
- <constant value="center" displayName="Center" />
- <constant value="right" displayName="Right" />
- </type>
-
- <type id="tizen.image@display">
- <constant value="block" displayName="Block" />
- <constant value="inline" displayName="Inline" />
- </type> -->
-
- <type id="tizen.gallery@align">
- <constant value="top" displayName="Top" />
- <constant value="middle" displayName="Middle" />
- <constant value="bottom" displayName="Bottom" />
- </type>
-
- <!-- <type id="tizen.listbutton@iconpos">
- <constant value="" displayName="(None:Left)" />
- <constant value="left" displayName="Left" />
- <constant value="right" displayName="Right" />
- </type> -->
-
- <type id="tizen.listdivider@style">
- <constant value="normal" displayName="Normal" />
- <constant value="check" displayName="Check" />
- <constant value="dialogue" displayName="Dialogue" />
- </type>
-
- <type id="tizen.listitem@class">
- <constant value="" displayName="(None)" />
- <constant value="ui-li-has-multiline" displayName="ui-li-has-multiline" />
- <constant value="ui-li-thumbnail-right" displayName="ui-li-thumbnail-right" />
- <constant value="ui-li-dialogue" displayName="ui-li-dialogue" />
- <!-- <constant value="ui-li-has-multiline ui-li-thumbnail-right" displayName="ui-li-has-multiline ui-li-thumbnail-right" />
- <constant value="ui-li-has-multiline ui-li-dialogue" displayName="ui-li-has-multiline ui-li-dialogue" />
- <constant value="ui-li-thumbnail-right ui-li-dialogue" displayName="ui-li-thumbnail-right ui-li-dialogue" />
- <constant value="ui-li-has-multiline ui-li-thumbnail-right ui-li-dialogue" displayName="ui-li-has-multiline ui-li-thumbnail-right ui-li-dialogue" /> -->
- </type>
-
- <type id="tizen.listitemsubtextone@icon">
- <constant value="" displayName="(None)" />
- <constant value="before" displayName="Before Text" />
- <constant value="after" displayName="After Text" />
- </type>
-
- <type id="tizen.notification@type">
- <constant value="ticker" displayName="Ticker" />
- <constant value="popup" displayName="Popup" />
- </type>
-
- <type id="tizen.popup@style">
- <constant value="center_info" displayName="Center Info" />
- <constant value="center_title" displayName="Center Title" />
- <constant value="center_basic_1btn" displayName="Center Basic 1btn" />
- <constant value="center_basic_2btn" displayName="Center Basic 2btn" />
- <constant value="center_basic_3btn" displayName="Center Basic 3btn" />
- <constant value="center_title_1btn" displayName="Center Title 1btn" />
- <constant value="center_title_2btn" displayName="Center Title 2btn" />
- <constant value="center_title_3btn" displayName="Center Title 3btn" />
- <constant value="center_button_vertical" displayName="Center Button Vertical" />
- <constant value="center_checkbox" displayName="Center Checkbox" />
- <constant value="center_liststyle_1btn" displayName="Center Liststyle 1btn" />
- <constant value="center_liststyle_2btn" displayName="Cnter Liststyle 2btn" />
- <constant value="center_liststyle_3btn" displayName="Center Liststyle 3btn" />
- </type>
-
- <type id="tizen.progress@style">
- <constant value="pending" displayName="Pending" />
- <constant value="circle" displayName="Circle" />
- </type>
-
- <type id="tizen.searchfilterbar@icon">
- <constant value="" displayName="(None)" />
- <constant value="call" displayName="Call" />
- </type>
-
- <type id="tizen.slider@icon">
- <constant value="" displayName="(None)" />
- <constant value="bright" displayName="Bright" />
- <constant value="volume" displayName="Volume" />
- <constant value="text" displayName="Text" />
- </type>
-
- <type id="tizen.tabbaritem@class">
- <constant value="" displayName="(None)" />
- <constant value="ui-btn-active" displayName="Active" />
- </type>
-
- <type id="tizen.video@type">
- <constant value="video/mp4" displayName="Mp4" />
- <constant value="video/ogg" displayName="Ogg" />
- <constant value="video/webm" displayName="Webm" />
- </type>
-
- <type id="tizen.virtualgrid@direction">
- <constant value="x" displayName="X" />
- <constant value="y" displayName="Y" />
- </type>
-
- <type id="html.heading@size">
- <constant value="1" />
- <constant value="2" />
- <constant value="3" />
- <constant value="4" />
- <constant value="5" />
- <constant value="6" />
- </type>
-
- <type id="html.input@type">
- <constant value="password" displayName="Password" />
- <constant value="text" displayName="Text" />
- <!-- HTML5 input types -->
- <constant value="datetime-local" displayName="Datetime Local" />
- <constant value="email" displayName="Email" />
- <constant value="month" displayName="Month" />
- <constant value="number" displayName="Number" />
- <constant value="tel" displayName="Tel" />
- <constant value="url" displayName="Url" />
- <constant value="week" displayName="Week" />
- <!-- <constant value="color" displayName="Color" /> -->
- </type>
-
- <type id="html.link@direction">
- <constant value="" displayName="(None)" />
- <constant value="reverse" displayName="Reverse" />
- </type>
-
- <type id="html.link@prefetch">
- <constant value="" displayName="(None)" />
- <constant value="data-prefetch" displayName="Prefetch" />
- </type>
-
- <type id="html.link@rel">
- <constant value="" displayName="(None)" />
- <constant value="back" displayName="Back" />
- <constant value="dialog" displayName="Dialog" />
- <constant value="external" displayName="External" />
- </type>
-
- <type id="html.link@transition">
- <constant value="" displayName="(None)" />
- <constant value="slidefade" displayName="Slidefade" />
- <constant value="slide" displayName="Slide" />
- <constant value="slideup" displayName="Slideup" />
- <constant value="slidedown" displayName="Slidedown" />
- <constant value="fade" displayName="Fade" />
- <constant value="pop" displayName="Pop" />
- <constant value="flip" displayName="Flip" />
- <constant value="turn" displayName="Turn" />
- <constant value="flow" displayName="Flow" />
- </type>
-
- <type id="html@dir">
- <constant value="ltr" displayName="Ltr" />
- <constant value="rtl" displayName="Rtl" />
- <constant value="auto" displayName="Auto" />
- </type>
-
- <type id="html@dropzone">
- <constant value="copy" displayName="Copy" />
- <constant value="move" displayName="Move" />
- <constant value="link" displayName="Link" />
- </type>
-
- <type id="html@draggable">
- <constant value="true" displayName="True" />
- <constant value="false" displayName="False" />
- <constant value="auto" displayName="Auto" />
- </type>
-
- <type id="html@lang">
- <constant value="ab" displayName="Abkhazian" />
- <constant value="aa" displayName="Afar" />
- <constant value="af" displayName="Afrikaans" />
- <constant value="sq" displayName="Albanian" />
- <constant value="am" displayName="Amharic" />
- <constant value="ar" displayName="Arabic" />
- <constant value="an" displayName="Aragonese" />
- <constant value="hy" displayName="Armenian" />
- <constant value="as" displayName="Assamese" />
- <constant value="ay" displayName="Aymara" />
- <constant value="az" displayName="Azerbaijani" />
- <constant value="ba" displayName="Bashkir" />
- <constant value="eu" displayName="Basque" />
- <constant value="bn" displayName="Bengali (Bangla)" />
- <constant value="dz" displayName="Bhutani" />
- <constant value="bh" displayName="Bihari" />
- <constant value="bi" displayName="Bislama" />
- <constant value="br" displayName="Breton" />
- <constant value="bg" displayName="Bulgarian" />
- <constant value="my" displayName="Burmese" />
- <constant value="be" displayName="Byelorussian (Belarusian)" />
- <constant value="km" displayName="Cambodian" />
- <constant value="ca" displayName="Catalan" />
- <constant value="" displayName="Cherokee" />
- <constant value="" displayName="Chewa" />
- <constant value="zh" displayName="Chinese (Simplified)" />
- <constant value="zh" displayName="Chinese (Traditional)" />
- <constant value="co" displayName="Corsican" />
- <constant value="hr" displayName="Croatian" />
- <constant value="cs" displayName="Czech" />
- <constant value="da" displayName="Danish" />
- <constant value="" displayName="Divehi" />
- <constant value="nl" displayName="Dutch" />
- <constant value="" displayName="Edo" />
- <constant value="en" displayName="English" />
- <constant value="eo" displayName="Esperanto" />
- <constant value="et" displayName="Estonian" />
- <constant value="fo" displayName="Faeroese" />
- <constant value="fa" displayName="Farsi" />
- <constant value="fj" displayName="Fiji" />
- <constant value="fi" displayName="Finnish" />
- <constant value="" displayName="Flemish" />
- <constant value="fr" displayName="French" />
- <constant value="fy" displayName="Frisian" />
- <constant value="" displayName="Fulfulde" />
- <constant value="gl" displayName="Galician" />
- <constant value="gd" displayName="Gaelic (Scottish)" />
- <constant value="gv" displayName="Gaelic (Manx)" />
- <constant value="ka" displayName="Georgian" />
- <constant value="de" displayName="German" />
- <constant value="el" displayName="Greek" />
- <constant value="kl" displayName="Greenlandic" />
- <constant value="gn" displayName="Guarani" />
- <constant value="gu" displayName="Gujarati" />
- <constant value="ht" displayName="Haitian Creole" />
- <constant value="ha" displayName="Hausa" />
- <constant value="" displayName="Hawaiian" />
- <constant value="he, iw" displayName="Hebrew" />
- <constant value="hi" displayName="Hindi" />
- <constant value="hu" displayName="Hungarian" />
- <constant value="" displayName="Ibibio" />
- <constant value="is" displayName="Icelandic" />
- <constant value="io" displayName="Ido" />
- <constant value="" displayName="Igbo" />
- <constant value="id, in" displayName="Indonesian" />
- <constant value="ia" displayName="Interlingua" />
- <constant value="ie" displayName="Interlingue" />
- <constant value="iu" displayName="Inuktitut" />
- <constant value="ik" displayName="Inupiak" />
- <constant value="ga" displayName="Irish" />
- <constant value="it" displayName="Italian" />
- <constant value="ja" displayName="Japanese" />
- <constant value="jv" displayName="Javanese" />
- <constant value="kn" displayName="Kannada" />
- <constant value="" displayName="Kanuri" />
- <constant value="ks" displayName="Kashmiri" />
- <constant value="kk" displayName="Kazakh" />
- <constant value="rw" displayName="Kinyarwanda (Ruanda)" />
- <constant value="ky" displayName="Kirghiz" />
- <constant value="rn" displayName="Kirundi (Rundi)" />
- <constant value="" displayName="Konkani" />
- <constant value="ko" displayName="Korean" />
- <constant value="ku" displayName="Kurdish" />
- <constant value="lo" displayName="Laothian" />
- <constant value="la" displayName="Latin" />
- <constant value="lv" displayName="Latvian (Lettish)" />
- <constant value="li" displayName="Limburgish ( Limburger)" />
- <constant value="ln" displayName="Lingala" />
- <constant value="lt" displayName="Lithuanian" />
- <constant value="mk" displayName="Macedonian" />
- <constant value="mg" displayName="Malagasy" />
- <constant value="ms" displayName="Malay" />
- <constant value="ml" displayName="Malayalam" />
- <constant value="mt" displayName="Maltese" />
- <constant value="mi" displayName="Maori" />
- <constant value="mr" displayName="Marathi" />
- <constant value="mo" displayName="Moldavian" />
- <constant value="mn" displayName="Mongolian" />
- <constant value="na" displayName="Nauru" />
- <constant value="ne" displayName="Nepali" />
- <constant value="no" displayName="Norwegian" />
- <constant value="oc" displayName="Occitan" />
- <constant value="or" displayName="Oriya" />
- <constant value="om" displayName="Oromo (Afaan Oromo)" />
- <constant value="" displayName="Papiamentu" />
- <constant value="ps" displayName="Pashto (Pushto)" />
- <constant value="pl" displayName="Polish" />
- <constant value="pt" displayName="Portuguese" />
- <constant value="pa" displayName="Punjabi" />
- <constant value="qu" displayName="Quechua" />
- <constant value="rm" displayName="Rhaeto-Romance" />
- <constant value="ro" displayName="Romanian" />
- <constant value="ru" displayName="Russian" />
- <constant value="" displayName="Sami (Lappish)" />
- <constant value="sm" displayName="Samoan" />
- <constant value="sg" displayName="Sangro" />
- <constant value="sa" displayName="Sanskrit" />
- <constant value="sr" displayName="Serbian" />
- <constant value="sh" displayName="Serbo-Croatian" />
- <constant value="st" displayName="Sesotho" />
- <constant value="tn" displayName="Setswana" />
- <constant value="sn" displayName="Shona" />
- <constant value="ii" displayName="Sichuan Yi" />
- <constant value="sd" displayName="Sindhi" />
- <constant value="si" displayName="Sinhalese" />
- <constant value="ss" displayName="Siswati" />
- <constant value="sk" displayName="Slovak" />
- <constant value="sl" displayName="Slovenian" />
- <constant value="so" displayName="Somali" />
- <constant value="es" displayName="Spanish" />
- <constant value="su" displayName="Sundanese" />
- <constant value="sw" displayName="Swahili (Kiswahili)" />
- <constant value="sv" displayName="Swedish" />
- <constant value="" displayName="Syriac" />
- <constant value="tl" displayName="Tagalog" />
- <constant value="tg" displayName="Tajik" />
- <constant value="" displayName="Tamazight" />
- <constant value="ta" displayName="Tamil" />
- <constant value="tt" displayName="Tatar" />
- <constant value="te" displayName="Telugu" />
- <constant value="th" displayName="Thai" />
- <constant value="bo" displayName="Tibetan" />
- <constant value="ti" displayName="Tigrinya" />
- <constant value="to" displayName="Tonga" />
- <constant value="ts" displayName="Tsonga" />
- <constant value="tr" displayName="Turkish" />
- <constant value="tk" displayName="Turkmen" />
- <constant value="tw" displayName="Twi" />
- <constant value="ug" displayName="Uighur" />
- <constant value="uk" displayName="Ukrainian" />
- <constant value="ur" displayName="Urdu" />
- <constant value="uz" displayName="Uzbek" />
- <constant value="" displayName="Venda" />
- <constant value="vi" displayName="Vietnamese" />
- <constant value="vo" displayName="Volapük" />
- <constant value="wa" displayName="Wallon" />
- <constant value="cy" displayName="Welsh" />
- <constant value="wo" displayName="Wolof" />
- <constant value="xh" displayName="Xhosa" />
- <constant value="" displayName="Yi" />
- <constant value="yi, ji" displayName="Yiddish" />
- <constant value="yo" displayName="Yoruba" />
- </type>
-
- <type id="font@family">
- <constant value="" displayName="(None)" />
- <constant value="Georgia" displayName="Georgia" />
- <!--
- <constant value="Palatino Linotype" displayName="Palatino Linotype" />
- <constant value="Book Antiqua" displayName="Book Antiqua" />
- -->
- <constant value="Times New Roman" displayName="Times New Roman" />
- <constant value="Arial" displayName="Arial" />
- <constant value="Helvetica" displayName="Helvetica" />
- <constant value="Arial Black" displayName="Arial Black" />
- <!--
- <constant value="Impact" displayName="Impact" />
- <constant value="Lucida Sans Unicode" displayName="Lucida Sans Unicode" />
- <constant value="Tahoma" displayName="Tahoma" />
- <constant value="Verdana" displayName="Verdana" />
- -->
- <constant value="Courier New" displayName="Courier New" />
- <!--
- <constant value="Lucida Console" displayName="Lucida Console" />
- -->
- </type>
-
- <type id="font@size">
- <constant value="" displayName="(None)" />
- <constant value="6px" displayName="6px" />
- <constant value="8px" displayName="8px" />
- <constant value="9px" displayName="9px" />
- <constant value="10px" displayName="10px" />
- <constant value="11px" displayName="11px" />
- <constant value="12px" displayName="12px" />
- <constant value="14px" displayName="14px" />
- <constant value="16px" displayName="16px" />
- <constant value="18px" displayName="18px" />
- <constant value="20px" displayName="20px" />
- <constant value="22px" displayName="22px" />
- <constant value="24px" displayName="24px" />
- <constant value="26px" displayName="26px" />
- <constant value="28px" displayName="28px" />
- <constant value="36px" displayName="36px" />
- <constant value="48px" displayName="48px" />
- <constant value="72px" displayName="72px" />
- </type>
-
- <type id="border@style">
- <constant value="" displayName="(None)" />
- <constant value="none" displayName="none" />
- <constant value="hidden" displayName="hidden" />
- <constant value="dotted" displayName="dotted" />
- <constant value="dashed" displayName="dashed" />
- <constant value="solid" displayName="solid" />
- <constant value="double" displayName="double" />
- <constant value="groove" displayName="groove" />
- <constant value="ridge" displayName="ridge" />
- <constant value="inset" displayName="inset" />
- <constant value="outset" displayName="outset" />
- </type>
-
-<!--
- <type id="style@size">
- <constant value="" displayName="(None)" />
- <constant value="6" displayName="6" />
- <constant value="8" displayName="8" />
- <constant value="9" displayName="9" />
- <constant value="10" displayName="10" />
- <constant value="11" displayName="11" />
- <constant value="12" displayName="12" />
- <constant value="14" displayName="14" />
- <constant value="16" displayName="16" />
- <constant value="18" displayName="18" />
- <constant value="20" displayName="20" />
- <constant value="22" displayName="22" />
- <constant value="24" displayName="24" />
- <constant value="26" displayName="26" />
- <constant value="28" displayName="28" />
- <constant value="36" displayName="36" />
- <constant value="48" displayName="48" />
- <constant value="72" displayName="72" />
- </type>
--->
- <type id="position@position">
- <constant value="" displayName="(None)" />
- <constant value="absolute" displayName="absolute" />
- <constant value="relative" displayName="relative" />
- <constant value="static" displayName="static" />
- <constant value="fixed" displayName="fixed" />
- </type>
- <type id="display@display">
- <constant value="" displayName="(None)"/>
- <constant value="none" displayName="none"/>
- <constant value="inline" displayName="inline"/>
- <constant value="block" displayName="block"/>
- <constant value="flex" displayName="flex"/>
- <constant value="inline-block" displayName="inline-block"/>
- <constant value="inline-flex" displayName="inline-flex"/>
- <constant value="inline-table" displayName="inline-table"/>
- <constant value="list-item" displayName="list-item"/>
- <constant value="run-in" displayName="run-in"/>
- <constant value="table" displayName="table"/>
- <constant value="table-caption" displayName="table-caption"/>
- <constant value="table-column-group" displayName="table-column-group"/>
- <constant value="table-header-group" displayName="table-header-group"/>
- <constant value="table-footer-group" displayName="table-footer-group"/>
- <constant value="table-row-group" displayName="table-row-group"/>
- <constant value="table-cell" displayName="table-cell"/>
- <constant value="table-column" displayName="table-column"/>
- <constant value="table-row" displayName="table-row"/>
- <constant value="initial" displayName="initial"/>
- <constant value="inherit" displayName="inherit"/>
- </type>
- <type id="overflow@overflow">
- <constant value="" displayName="(None)"/>
- <constant value="visible" displayName="visible"/>
- <constant value="hidden" displayName="hidden"/>
- <constant value="scroll" displayName="scroll"/>
- <constant value="auto" displayName="auto"/>
- <constant value="initial" displayName="initial"/>
- <constant value="inherit" displayName="inherit"/>
- </type>
- <type id="visibility@visibility">
- <constant value="" displayName="(None)"/>
- <constant value="visible" displayName="visible"/>
- <constant value="hidden" displayName="hidden"/>
- <constant value="collapse" displayName="collapse"/>
- <constant value="initial" displayName="initial"/>
- <constant value="inherit" displayName="inherit"/>
- </type>
-
- <type id="background@repeat">
- <constant value="" displayName="(None)" />
- <constant value="repeat" displayName="repeat" />
- <constant value="repeat-x" displayName="repeat-x" />
- <constant value="repeat-y" displayName="repeat-y" />
- <constant value="no-repeat" displayName="no-repeat" />
- </type>
-
- <type id="icon@text-align">
- <constant value="left" displayName="left" icon="style_left_align.png"/>
- <constant value="center" displayName="center" icon="style_center_align.png"/>
- <constant value="right" displayName="right" icon="style_right_align.png"/>
- <constant value="justify" displayName="justify" icon="style_justify.png"/>
- </type>
-
- <type id ="icon@vertical-align">
- <constant value="top" displayName="top" icon="style_vertical_align_top.png"/>
- <constant value="middle" displayName="middle" icon="style_vertical_align-middle.png"/>
- <constant value="bottom" displayName="bottom" icon="style_vertical_align_bottom.png"/>
- </type>
-
- <type id="icon@text-vertical-align">
- <constant value="" displayName="(None)" />
- <constant value="baseline" displayName="baseline" />
- <constant value="sub" displayName="sub" />
- <constant value="super" displayName="super" />
- <constant value="top" displayName="top" />
- <constant value="text-top" displayName="text-top" />
- <constant value="middle" displayName="middle" />
- <constant value="bottom" displayName="bottom" />
- <constant value="text-bottom" displayName="text-bottom" />
- </type>
-
- <type id="icon@text-decoration">
- <constant value="underline" displayName="underline" icon="style_under_line.png" />
- <!-- <constant value="overline" displayName="overline" icon="style_cancel_line.png"/> -->
- <constant value="line-through" displayName="line-through" icon="style_cancel_line.png" />
- </type>
-
- <type id="icon@font-style">
- <constant value="italic" displayName="italic" icon="style_italic.png" />
- </type>
-
- <type id="icon@font-weight">
- <constant value="bold" displayName="bold" icon="style_bold.png" />
- </type>
-
- <type id="icon@text-transform">
- <constant value="capitalize" displayName="capitalize" icon="style_capitalize.png" />
- <constant value="uppercase" displayName="uppercase" icon="style_uppercase.png" />
- <constant value="lowercase" displayName="lowercase" icon="style_lowercase.png" />
- </type>
-
- <type id="text@letter-spacing">
- <constant value="normal" displayName="normal" />
- <constant value="1px" displayName="1px" />
- <constant value="2px" displayName="2px" />
- <constant value="3px" displayName="3px" />
- <constant value="5px" displayName="5px" />
- <constant value="10px" displayName="10px" />
- <constant value="20px" displayName="20px" />
- </type>
-
- <type id="text@line-height">
- <constant value="normal" displayName="normal" />
- <constant value="1" displayName="1" />
- <constant value="2" displayName="2" />
- <constant value="3" displayName="3" />
- <constant value="4" displayName="4" />
- </type>
-
- <type id="icon@font-variant">
- <constant value="small-caps" displayName="small-caps" />
- </type>
-
- <type id="size@per">
- <constant value="%" displayName="%" />
- </type>
-
- <type id="size@real">
- </type>
-
- <type id="size">
- <constant value="px" displayName="px" />
- <constant value="%" displayName="%" />
- </type>
-
- <type id="size@px">
- <constant value="px" displayName="px" />
- </type>
-
- <type id="size@deg">
- <constant value="deg" displayName="deg" />
- </type>
-
- <type id="text@word-wrap">
- <constant value="" displayName="(None)" />
- <constant value="normal" displayName="normal" />
- <constant value="break-word" displayName="break-word" />
- </type>
-
- <type id="scale@px">
- <constant value="px" displayName="px" />
- </type>
-
- <type id="scale@per">
- <constant value="%" displayName="%" />
- </type>
-
- <type id="scale@deg">
- <constant value="deg" displayName="deg" />
- </type>
-
- <type id="text@databinding">
- <constant value="text" displayName=""/>
- </type>
-
- <type id="value@databinding">
- <constant value="value" displayName=""/>
- </type>
-
- <type id="foreach@databinding">
- <constant value="foreach" displayName=""/>
- </type>
-
- <type id="slider@databinding">
- <constant value="slider" displayName=""/>
- </type>
-
- <type id="textchecked@databinding">
- <constant value="text" displayName=""/>
- <constant value="checked" displayName=""/>
- </type>
-
- <type id="foreachtext@databinding">
- <constant value="foreach" displayName=""/>
- <constant value="text" displayName=""/>
- </type>
-
- <type id="valuetext@databinding">
- <constant value="value" displayName=""/>
- <constant value="text" displayName=""/>
- </type>
-
- <type id="attrsrc@databinding">
- <constant value="attr" displayName="src"/>
- </type>
-
- <type id="attrtext@databinding">
- <constant value="text" displayName=""/>
- <constant value="attr" displayName="for"/>
- <constant value="attr" displayName="form"/>
- </type>
-
- <type id="attrhref@databinding">
- <constant value="text" displayName=""/>
- <constant value="attr" displayName="href"/>
- </type>
-
- <type id="integer@style">
- <constant value="auto" displayName="auto"/>
- <constant value="initial" displayName="initial"/>
- <constant value="inherit" displayName="inherit"/>
- </type>
-</types>
\ No newline at end of file
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="html.canvas" displayName="Canvas"
- smallIcon="canvas_small.png" icon.16="canvas_16.png"
- category="HTML"
- description="This widget is a standard HTML widget."
- helpCategory="Tizen_Html"
- helpContents=""
- borderVisible="true"
- guideText="Canvas"
- uiSelector="#%id%"
- xpath="//canvas">
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="width" type="integer" displayName="Width" default="320"/>
- <property name="height" type="integer" displayName="Height" default="240"/>
-
- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" />
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="html.canvas">
- <canvas>
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@id" mode="simple-property"/>
- <xsl:apply-templates select="@width" mode="simple-property"/>
- <xsl:apply-templates select="@height" mode="simple-property"/>
- </canvas>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="html.divcontrol" displayName="Div Control"
- smallIcon="divcontrol_small.png" icon.16="divcontrol_16.png"
- category="HTML"
- description="This widget is a standard HTML widget."
- helpCategory="Tizen_Html"
- helpContents=""
- feedbackHeight="65" borderVisible="true"
- guideText=""
- setStyle="true"
- uiSelector="#%id%"
- xpath="//div[string-length(@data-role)=0]">
-
- <relations>
- <content type="widget"/>
- <nocontent ids="tizen.header,tizen.footer,tizen.tabbar,tizen.searchfilterbar"/>
- </relations>
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <!-- <property name="group-position" type="group-position" displayName="Position" default="" category="Layout">
- <property name="position" type="position@position" displayName="Position" selector="#%id%" default="relative">
- <condition name="enable-property" value="absolute" target="left"/>
- <condition name="enable-property" value="absolute" target="top"/>
- </property>
- <property name="left" type="style@size" displayName="Left" selector="#%id%"/>
- <property name="top" type="style@size" displayName="Top" selector="#%id%"/>
- <property name="width" type="style@size" displayName="Width" selector="#%id%"/>
- <property name="height" type="style@size" displayName="Height" selector="#%id%"/>
- </property> -->
- <property name="style" type="string" displayName="Style" default="" initValue="overflow: hidden;"/>
-
- <!-- global attribute -->
- <!-- <property name="accesskey" type="string" displayName="Accesskey" default="">
- <condition name="string-max-length" value="1" error="string-max-length"/>
- </property> -->
- <property name="class" type="string" displayName="Class" default=""/>
- <!-- <property name="contenteditable" type="boolean" displayName="Contenteditable" default=""/>
- <property name="contextmenu" type="string" displayName="Contextmenu" default=""/>
- <property name="dir" type="html@dir" displayName="Dir" default=""/>
- <property name="draggable" type="html@draggable" displayName="Draggable" default=""/>
- <property name="dropzone" type="html@dropzone" displayName="Dropzone" default=""/>
- <property name="hidden" type="string" displayName="Hidden" default=""/>
- <property name="lang" type="html@lang" displayName="Lang" default="en"/>
- <property name="spellcheck" type="boolean" displayName="Spellcheck" default=""/>
- <property name="tabindex" type="integer" displayName="Tabindex" default=""/>
- <property name="title" type="string" displayName="Title" default=""/> -->
- <!-- global attribute -->
-
- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" />
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="html.divcontrol">
- <div>
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@*" mode="simple-property"/>
- <xsl:apply-templates select="*[name() != 'tizen.header' and name() != 'tizen.footer' and name() != 'tizen.tabbar' and name() != 'tizen.searchfilterbar']"/>
- </div>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="html.formcontrol" displayName="Form Control"
- smallIcon="formcontrol_small.png" icon.16="formcontrol_16.png"
- category="HTML,Form Elements"
- description="This widget is a standard HTML widget."
- helpCategory="Tizen_Html"
- helpContents=""
- feedbackHeight="65" borderVisible="true"
- guideText="Drop any widget"
- setStyle="true"
- uiSelector="#%id%"
- xpath="//form">
-
- <relations>
- <content type="widget"/>
- <nocontent ids="html.formcontrol,tizen.header,tizen.footer,tizen.tabbar,tizen.searchfilterbar"/>
- </relations>
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="action" type="string" displayName="Action" default=""/>
- <property name="method" type="tizen.formcontrol@method" displayName="Method" default="GET"/>
- <!-- <property name="data-ajax" type="boolean" displayName="Data Ajax" default="true"/> -->
-
- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" />
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="html.formcontrol">
- <form data-ajax="true">
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@*" mode="simple-property"/>
-
- <xsl:apply-templates select="*[name() != 'tizen.header' and name() != 'tizen.footer' and name() != 'tizen.tabbar' and name() != 'tizen.searchfilterbar']"/>
- </form>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="html.headingfive" displayName="Heading5"
- smallIcon="headingfive_small.png" icon.16="headingfive_16.png"
- category="HTML"
- description="This widget is a standard HTML widget."
- helpCategory="Tizen_Html"
- helpContents=""
- borderVisible="false"
- uiSelector="#%id%"
- xpath="//h5">
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="text" type="string" displayName="Text" default="" initValue="Heading5" xpath="text()"/>
-
- <property name="data-bind" type="text@databinding" displayName="Data Binding" default="" initValue=""/>
-
- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" />
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="html.headingfive">
- <h5>
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@id" mode="simple-property"/>
- <xsl:value-of select="@text"/>
- </h5>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="html.headingfour" displayName="Heading4"
- smallIcon="headingfour_small.png" icon.16="headingfour_16.png"
- category="HTML"
- description="This widget is a standard HTML widget."
- helpCategory="Tizen_Html"
- helpContents=""
- borderVisible="false"
- uiSelector="#%id%"
- xpath="//h4">
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="text" type="string" displayName="Text" default="" initValue="Heading4" xpath="text()"/>
-
- <property name="data-bind" type="text@databinding" displayName="Data Binding" default="" initValue=""/>
-
- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" />
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="html.headingfour">
- <h4>
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@id" mode="simple-property"/>
- <xsl:value-of select="@text"/>
- </h4>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="html.headingone" displayName="Heading1"
- smallIcon="headingone_small.png" icon.16="headingone_16.png"
- category="HTML"
- description="This widget is a standard HTML widget."
- helpCategory="Tizen_Html"
- helpContents=""
- borderVisible="false"
- uiSelector="#%id%"
- xpath="//h1">
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="text" type="string" displayName="Text" default="" initValue="Heading1" xpath="text()"/>
- <!-- <property name="group-text" type="group-text" displayName="Text Style" default="">
- <property name="font-family" type="font@family" displayName="Font Family" selector="#%id%"/>
- <property name="text-align" type="css-text-align" displayName="Text Align" selector="#%id%"/>
- <property name="font-style" type="css-font-style" displayName="Font Style" selector="#%id%"/>
- <property name="text-decoration" type="css-text-decoration" displayName="Text Decoration" selector="#%id%"/>
- <property name="color" type="css-color" displayName="Color" selector="#%id%"/>
- </property>
- <property name="size" type="html.heading@size" displayName="Size" default="3">
- <condition name="disable-property-by-parent" value="tizen.header"/>
- </property> -->
-
- <property name="data-bind" type="text@databinding" displayName="Data Binding" default="" initValue=""/>
-
- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" />
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="html.headingone">
- <h1>
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@id" mode="simple-property"/>
- <xsl:value-of select="@text"/>
- </h1>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="html.headingsix" displayName="Heading6"
- smallIcon="headingsix_small.png" icon.16="headingsix_16.png"
- category="HTML"
- description="This widget is a standard HTML widget."
- helpCategory="Tizen_Html"
- helpContents=""
- borderVisible="false"
- uiSelector="#%id%"
- xpath="//h6">
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="text" type="string" displayName="Text" default="" initValue="Heading6" xpath="text()"/>
-
- <property name="data-bind" type="text@databinding" displayName="Data Binding" default="" initValue=""/>
-
- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" />
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="html.headingsix">
- <h6>
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@id" mode="simple-property"/>
- <xsl:value-of select="@text"/>
- </h6>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="html.headingthree" displayName="Heading3"
- smallIcon="headingthree_small.png" icon.16="headingthree_16.png"
- category="HTML"
- description="This widget is a standard HTML widget."
- helpCategory="Tizen_Html"
- helpContents=""
- borderVisible="false"
- uiSelector="#%id%"
- xpath="//h3">
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="text" type="string" displayName="Text" default="" initValue="Heading3" xpath="text()"/>
-
- <property name="data-bind" type="text@databinding" displayName="Data Binding" default="" initValue=""/>
-
- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" />
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="html.headingthree">
- <h3>
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@id" mode="simple-property"/>
- <xsl:value-of select="@text"/>
- </h3>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="html.headingtwo" displayName="Heading2"
- smallIcon="headingtwo_small.png" icon.16="headingtwo_16.png"
- category="HTML"
- description="This widget is a standard HTML widget."
- helpCategory="Tizen_Html"
- helpContents=""
- borderVisible="false"
- uiSelector="#%id%"
- xpath="//h2">
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="text" type="string" displayName="Text" default="" initValue="Heading2" xpath="text()"/>
-
- <property name="data-bind" type="text@databinding" displayName="Data Binding" default="" initValue=""/>
-
- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" />
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="html.headingtwo">
- <h2>
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@id" mode="simple-property"/>
- <xsl:value-of select="@text"/>
- </h2>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="html.htmlblock" displayName="HTML Block"
- smallIcon="htmlblock_small.png" icon.16="htmlblock_16.png"
- category="HTML"
- description="The HTML block widget treats custom HTML as a widget. The user can insert any HTML command using this widget."
- helpCategory="Tizen_Html"
- helpContents="/org.tizen.web.uiwidget.apireference/html/widgets/widget_htmlblock.htm"
- borderVisible="false"
- setStyle="true"
- uiSelector="#%id%">
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="group-position" type="group-position" displayName="Position" default="" category="Layout">
- <property name="position" type="position@position" displayName="Position" selector="#%id%" default="relative">
- <condition name="enable-property" value="absolute" target="left"/>
- <condition name="enable-property" value="absolute" target="top"/>
- </property>
- <property name="left" type="style@size" displayName="Left" selector="#%id%"/>
- <property name="top" type="style@size" displayName="Top" selector="#%id%"/>
- <property name="width" type="style@size" displayName="Width" selector="#%id%"/>
- <property name="height" type="style@size" displayName="Height" selector="#%id%"/>
- </property>
- <property name="htmltext" type="htmlstring" displayName="HTML Text" default="&lt;Input HTML Text...&gt;"/>
-
- <!-- global attribute -->
- <!-- <property name="accesskey" type="string" displayName="Accesskey" default="">
- <condition name="string-max-length" value="1" error="string-max-length"/>
- </property> -->
- <property name="class" type="string" displayName="Class" default=""/>
- <!-- <property name="contenteditable" type="boolean" displayName="Contenteditable" default=""/>
- <property name="contextmenu" type="string" displayName="Contextmenu" default=""/>
- <property name="dir" type="html@dir" displayName="Dir" default=""/>
- <property name="draggable" type="html@draggable" displayName="Draggable" default=""/>
- <property name="dropzone" type="html@dropzone" displayName="Dropzone" default=""/>
- <property name="hidden" type="string" displayName="Hidden" default=""/>
- <property name="lang" type="html@lang" displayName="Lang" default="en"/>
- <property name="spellcheck" type="boolean" displayName="Spellcheck" default=""/>
- <property name="tabindex" type="integer" displayName="Tabindex" default=""/>
- <property name="title" type="string" displayName="Title" default=""/> -->
- <!-- global attribute -->
-
- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" />
- <event name="onvmouseover" displayName="VmouseOver" eventType="event.defaultevent" />
- <event name="onvmouseout" displayName="VMouseOut" eventType="event.defaultevent" />
- <event name="onvmousedown" displayName="VMouseDown" eventType="event.defaultevent" />
- <event name="onvmousemove" displayName="VMouseMove" eventType="event.defaultevent" />
- <event name="onvmouseup" displayName="VMouseUp" eventType="event.defaultevent" />
- <event name="onvclick" displayName="VClick" eventType="event.defaultevent" />
- <event name="onvmousecancel" displayName="VMouseCancel" eventType="event.defaultevent" />
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="html.htmlblock">
- <div>
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@*[name() != 'htmltext']" mode="simple-property"/>
-
- <xsl:comment>HtmlCodeBlock-Start[#<xsl:value-of select="@id"/>]</xsl:comment>
- <xsl:text>
- </xsl:text>
- <xsl:value-of select="text()" disable-output-escaping="yes"/>
- <xsl:comment>HtmlCodeBlock-End[#<xsl:value-of select="@id"/>]</xsl:comment>
- </div>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="html.image" displayName="Image"
- smallIcon="image_small.png" icon.16="image_16.png"
- category="HTML,Toolbars"
- description="This widget is a standard HTML widget."
- helpCategory="Tizen_Html"
- helpContents=""
- feedbackHeight="100" feedbackWidth="100" borderVisible="true" feedbackCondition="src"
- uiSelector="#%id%"
- xpath="//img">
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="src" type="image" displayName="Src" default=""/>
- <!-- <property name="width" type="string" displayName="Width" default="" initValue="288"/>
- <property name="width-unit" type="tizen.image@unit" displayName="Width Unit" default="" initValue="px"/>
- <property name="height" type="string" displayName="Height" default="" initValue="100"/>
- <property name="height-unit" type="tizen.image@unit" displayName="Height Unit" default="" initValue="px"/>
- <property name="text-align" type="tizen.image@text-align" displayName="Align" default="left"/>
- <property name="display" type="tizen.image@display" displayName="Display" default="block"/>
- <property name="group-border" type="group" displayName="Border Style" default="">
- <property name="border-width" type="style@size" displayName="Width" selector="#%id%">
- <condition name="integer-max" value="999" error="integer-max"/>
- </property>
- <property name="border-color" type="css-color" displayName="Color" selector="#%id%"/>
- <property name="border-style" type="border@style" displayName="Style" selector="#%id%"/>
- </property> -->
-
- <property name="data-bind" type="attr@databinding" displayName="Data Binding" default="" initValue=""/>
-
- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" />
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="html.image">
- <!-- <div>
- <xsl:attribute name="style">
- <xsl:value-of select="concat('display:', @display , '; text-align:', @text-align)"/>
- </xsl:attribute>
- <img>
- <xsl:attribute name="style">
- <xsl:value-of select="concat('width:', @width , @width-unit, '; height:', @height, @height-unit)"/>
- </xsl:attribute>
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@id" mode="simple-property"/>
- <xsl:apply-templates select="@src" mode="simple-property"/>
- </img>
- </div> -->
- <img>
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@*" mode="simple-property"/>
- </img>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="html.label" displayName="Label"
- smallIcon="label_small.png" icon.16="label_16.png"
- category="HTML,Form Elements"
- description="This widget is a standard HTML widget."
- helpCategory="Tizen_Html"
- helpContents=""
- borderVisible="false"
- uiSelector="#%id%"
- xpath="//label">
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="text" type="string" displayName="Text" default="" initValue="Label" xpath="text()"/>
- <!-- <property name="group-text" type="group-text" displayName="Text Style" default="">
- <property name="font-family" type="font@family" displayName="Font Family" selector="#%id%"/>
- <property name="font-size" type="font@size" displayName="Font Size" selector="#%id%"/>
- <property name="font-weight" type="css-font-weight" displayName="Font Weight" selector="#%id%"/>
- <property name="font-style" type="css-font-style" displayName="Font Style" selector="#%id%"/>
- <property name="text-decoration" type="css-text-decoration" displayName="Text Decoration" selector="#%id%"/>
- <property name="color" type="css-color" displayName="Color" selector="#%id%"/>
- </property> -->
- <property name="for" type="string" displayName="For" default=""/>
-
- <property name="data-bind" type="attrtext@databinding" displayName="Data Binding" default="" initValue=""/>
-
- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" />
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="html.label">
- <label>
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@id" mode="simple-property"/>
- <xsl:apply-templates select="@for" mode="simple-property"/>
- <xsl:value-of select="@text"/>
- </label>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="html.legend" displayName="Legend"
- smallIcon="legend_small.png" icon.16="legend_16.png"
- category="HTML,Form Elements"
- description="This widget is a standard HTML widget."
- helpCategory="Tizen_Html"
- helpContents=""
- borderVisible="false"
- uiSelector="#%id%"
- xpath="//legend">
-
- <relations>
- </relations>
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="text" type="string" displayName="Text" default="" initValue="Choose:" xpath="text()"/>
-
- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" />
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="html.legend">
- <legend>
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@id" mode="simple-property"/>
- <xsl:value-of select="@text"/>
- </legend>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="html.link" displayName="Link"
- smallIcon="link_small.png" icon.16="link_16.png"
- category="HTML"
- description="This widget is a standard HTML widget."
- helpCategory="Tizen_Html"
- helpContents=""
- borderVisible="false"
- uiSelector="#%id%"
- xpath="//a[name(parent::node()) != 'li']">
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="text" type="string" displayName="Text" default="" initValue="Link" xpath="text()"/>
- <!-- <property name="group-text" type="group-text" displayName="Text Style" default="">
- <property name="font-family" type="font@family" displayName="Font Family" selector="#%id%"/>
- <property name="font-size" type="font@size" displayName="Font Size" selector="#%id%"/>
- <property name="font-style" type="css-font-style" displayName="Font Style" selector="#%id%"/>
- <property name="text-decoration" type="css-text-decoration" displayName="Text Decoration" selector="#%id%">
- <condition name="disable-property-by-value" value="underline"/>
- </property>
- <property name="color" type="css-color" displayName="Color" selector="#%id%"/>
- </property> -->
- <property name="href" type="url" displayName="Link To" default=""/>
- <!-- <property name="data-ajax" type="boolean" displayName="Ajax" default="true"/> -->
- <property name="data-direction" type="html.link@direction" displayName="Direction" default=""/>
- <property name="data-dom-cache" type="tizen@boolean3" displayName="DOM Cache" default=""/>
- <property name="data-prefetch" type="html.link@prefetch" displayName="Prefetch" default=""/>
- <!-- <property name="data-rel" type="html.link@rel" displayName="Rel" default=""/> -->
- <property name="data-transition" type="html.link@transition" displayName="Transition" default=""/>
-
- <property name="data-bind" type="attrhref@databinding" displayName="Data Binding" default="" initValue=""/>
-
- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" />
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="html.link">
- <a data-ajax="true">
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@*[name() != 'text']" mode="simple-property"/>
- <xsl:value-of select="@text"/>
- </a>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="html.submit" displayName="Submit Button"
- smallIcon="submitbutton_small.png" icon.16="submitbutton_16.png"
- category="HTML,Form Elements"
- description="This widget is a standard HTML widget."
- helpCategory="Tizen_Html"
- helpContents=""
- borderVisible="false"
- uiSelector="#%id%"
- xpath="//input[@type='submit']">
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="name" type="string" displayName="Name" default=""/>
- <property name="value" type="string" displayName="Text" default="" initValue="Submit"/>
-
- <property name="data-bind" type="text@databinding" displayName="Data Binding" default="" initValue=""/>
-
- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" />
- <event name="oncreate" displayName="Create" eventType="event.defaultevent" />
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="html.submit">
- <input type="submit">
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@*" mode="simple-property"/>
- </input>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="html.text" displayName="Text"
- smallIcon="text_small.png" icon.16="text_16.png"
- category="HTML"
- description="This widget is a standard HTML widget."
- paletteVisible="false"
- helpCategory="Tizen_Html"
- helpContents=""
- borderVisible="false"
- uiSelector="#%id%">
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="text" type="string" displayName="Text" default="" initValue="Text"/>
- <!-- <property name="group-text" type="group-text" displayName="Text Style" default="">
- <property name="font-family" type="font@family" displayName="Font Family" selector="#%id%"/>
- <property name="font-size" type="font@size" displayName="Font Size" selector="#%id%"/>
- <property name="font-style" type="css-font-style" displayName="Font Style" selector="#%id%"/>
- <property name="text-decoration" type="css-text-decoration" displayName="Text Decoration" selector="#%id%"/>
- <property name="color" type="css-color" displayName="Color" selector="#%id%"/>
- </property> -->
-
- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" />
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="html.text">
- <div>
- <xsl:call-template name="print-part-id"/>
- <b>
- <xsl:apply-templates select="@id" mode="simple-property"/>
- <xsl:value-of select="@text"/>
- </b>
- </div>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="html.textarea" displayName="Text Area"
- smallIcon="textarea_small.png" icon.16="textarea_16.png"
- category="HTML,Form Elements"
- description="This widget is a standard HTML widget."
- helpCategory="Tizen_Html"
- helpContents=""
- borderVisible="false"
- uiSelector="#%id%"
- xpath="//textarea">
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="name" type="string" displayName="Name" default=""/>
- <property name="placeholder" type="string" displayName="Placeholder" default=""/>
- <!-- <property name="group-text-placeholder" type="group-text" displayName="Placeholder Style" default="">
- <property name="font-family" type="font@family" displayName="Font Family" selector="#%id%::-webkit-input-placeholder"/>
- <property name="font-size" type="font@size" displayName="Font Size" selector="#%id%::-webkit-input-placeholder"/>
- <property name="font-weight" type="css-font-weight" displayName="Font Weight" selector="#%id%::-webkit-input-placeholder"/>
- <property name="font-style" type="css-font-style" displayName="Font Style" selector="#%id%::-webkit-input-placeholder"/>
- <property name="color" type="css-color" displayName="Color" selector="#%id%::-webkit-input-placeholder"/>
- </property> -->
- <property name="value" type="string" displayName="Initial Text" default="" xpath="text()"/>
- <!-- <property name="group-text" type="group-text" displayName="Initial Text Style" default="">
- <property name="font-family" type="font@family" displayName="Font Family" selector="#%id%"/>
- <property name="font-size" type="font@size" displayName="Font Size" selector="#%id%"/>
- <property name="font-weight" type="css-font-weight" displayName="Font Weight" selector="#%id%"/>
- <property name="font-style" type="css-font-style" displayName="Font Style" selector="#%id%"/>
- <property name="text-decoration" type="css-text-decoration" displayName="Text Decoration" selector="#%id%"/>
- <property name="color" type="css-color" displayName="Color" selector="#%id%"/>
- </property>
- <property name="group-border" type="group" displayName="Border Style" default="">
- <property name="border-width" type="style@size" displayName="Width" selector="#%id%">
- <condition name="integer-max" value="999" error="integer-max"/>
- </property>
- <property name="border-color" type="css-color" displayName="Color" selector="#%id%"/>
- <property name="border-style" type="border@style" displayName="Style" selector="#%id%"/>
- </property> -->
-
- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" />
- <event name="oncreate" displayName="Create" eventType="event.defaultevent" />
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="html.textarea">
- <textarea>
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@*[name() != 'value']" mode="simple-property"/>
- <xsl:value-of select="@value"/>
- </textarea>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="html.textinput" displayName="Text Input"
- smallIcon="textinput_small.png" icon.16="textinput_16.png"
- category="HTML,Form Elements"
- description="This widget is a standard HTML widget."
- helpCategory="Tizen_Html"
- helpContents=""
- borderVisible="false"
- uiSelector="#%id%"
- xpath="//input[@type='password' or @type='text' or @type='datetime-local' or @type='email' or @type='month' or @type='number' or @type='tel' or @type='url' or @type='week']">
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="type" type="html.input@type" displayName="Input Type" default="text"/>
- <property name="name" type="string" displayName="Name" default=""/>
- <property name="placeholder" type="string" displayName="Placeholder" default=""/>
- <!-- <property name="group-text-placeholder" type="group-text" displayName="Placeholder Style" default="">
- <property name="font-family" type="font@family" displayName="Font Family" selector="#%id%::-webkit-input-placeholder"/>
- <property name="font-size" type="font@size" displayName="Font Size" selector="#%id%::-webkit-input-placeholder"/>
- <property name="font-weight" type="css-font-weight" displayName="Font Weight" selector="#%id%::-webkit-input-placeholder"/>
- <property name="font-style" type="css-font-style" displayName="Font Style" selector="#%id%::-webkit-input-placeholder"/>
- <property name="color" type="css-color" displayName="Color" selector="#%id%::-webkit-input-placeholder"/>
- </property> -->
- <property name="value" type="string" displayName="Initial Text" default=""/>
- <!-- <property name="group-text" type="group-text" displayName="Initial Text Style" default="">
- <property name="font-family" type="font@family" displayName="Font Family" selector="#%id%"/>
- <property name="font-size" type="font@size" displayName="Font Size" selector="#%id%"/>
- <property name="font-weight" type="css-font-weight" displayName="Font Weight" selector="#%id%"/>
- <property name="font-style" type="css-font-style" displayName="Font Style" selector="#%id%"/>
- <property name="text-decoration" type="css-text-decoration" displayName="Text Decoration" selector="#%id%"/>
- <property name="color" type="css-color" displayName="Color" selector="#%id%"/>
- </property>
- <property name="group-border" type="group" displayName="Border Style" default="">
- <property name="border-width" type="style@size" displayName="Width" selector="#%id%">
- <condition name="integer-max" value="999" error="integer-max"/>
- </property>
- <property name="border-color" type="css-color" displayName="Color" selector="#%id%"/>
- <property name="border-style" type="border@style" displayName="Style" selector="#%id%"/>
- </property> -->
-
- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" />
- <event name="oncreate" displayName="Create" eventType="event.defaultevent" />
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="html.textinput">
- <input>
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@*" mode="simple-property"/>
- </input>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.audio" displayName="Audio"
- smallIcon="audio_small.png" icon.16="audio_16.png"
- category="Content"
- description="The audio widget shows a player control that you can use to view and handle multimedia content"
- helpCategory="Tizen_Widget"
- helpContents="audio"
- borderVisible="false">
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="data-control" type="boolean" displayName="Control" default="false"/>
- <property name="data-fullscreen" type="boolean" displayName="Fullscreen" default="false"/>
- <property name="style" type="string" displayName="Style" default=""/>
- <property name="src" type="audio" displayName="Src" default=""/>
- <property name="type" type="tizen.audio@type" displayName="Type" default="audio/mp4"/>
- <property name="data-theme" type="string" displayName="Theme" default=""/>
-
- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" />
- <event name="oncreate" displayName="Create" eventType="event.defaultevent" />
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.audio">
- <audio>
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@id" mode="simple-property"/>
- <xsl:apply-templates select="@data-control" mode="simple-property"/>
- <xsl:apply-templates select="@data-fullscreen" mode="simple-property"/>
- <xsl:apply-templates select="@style" mode="simple-property"/>
- <xsl:apply-templates select="@data-theme" mode="simple-property"/>
- <source>
- <xsl:apply-templates select="@src" mode="simple-property"/>
- <xsl:apply-templates select="@type" mode="simple-property"/>
- </source>
- </audio>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.button" displayName="Button"
- smallIcon="button_small.png" icon.16="button_16.png"
- category="Buttons,Toolbars,List,Dynamic List"
- description="The button widget shows on the screen a control that you can use to generate an action event when pressed and released."
- helpCategory="Tizen_Widget"
- helpContents="button"
- borderVisible="false"
- uiSelector="#%id%"
- xpath="//div[@data-role='button']">
-
- <condition name="change-property-by-parent" value="tizen.swipeitem" target="data-inline" targetValue="true"/>
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="text" type="string" displayName="Text" default="" initValue="Button" xpath="text()"/>
- <!-- <property name="group-text" type="group-text" displayName="Text Style" default="">
- <property name="font-family" type="font@family" displayName="Font Family" selector="#%id% span .ui-btn-text"/>
- <property name="font-size" type="font@size" displayName="Font Size" selector="#%id% span"/>
- <property name="text-align" type="css-text-align" displayName="Text Align" selector="#%id% span"/>
- <property name="font-weight" type="css-font-weight" displayName="Font Weight" selector="#%id% span .ui-btn-text"/>
- <property name="font-style" type="css-font-style" displayName="Font Style" selector="#%id% span .ui-btn-text"/>
- <property name="text-decoration" type="css-text-decoration" displayName="Text Decoration" selector="#%id% span .ui-btn-text"/>
- <property name="color" type="css-color" displayName="Color" selector="#%id% span .ui-btn-text"/>
- </property> -->
- <property name="data-style" type="tizen.button@style" displayName="Style" default=""
- tooltip="It applies different styles of button">
- <condition name="disable-property-by-parent" value="tizen.footer"/>
- </property>
- <property name="data-icon" type="tizen.button@icon" displayName="Icon" default=""
- tooltip="Defines an icon for a button">
- <condition name="disable-property" value="" target="data-iconpos"/>
- <condition name="disable-property-by-parent" value="tizen.footer"/>
- <condition name="disable-property-by-parent" value="tizen.footercontrolgroup"/>
- </property>
- <property name="data-iconpos" type="tizen@iconpos" displayName="Icon Position" default=""/>
- <!-- <property name="data-iconshadow" type="boolean" displayName="Icon Shadow" default="true"/> -->
- <property name="data-inline" type="tizen@boolean2" displayName="Inline" default="">
- <condition name="disable-property-by-parent" value="tizen.footer"/>
- <condition name="disable-property-by-parent" value="tizen.footercontrolgroup"/>
- <condition name="disable-property-by-parent" value="tizen.listitem"/>
- <condition name="disable-property-by-parent" value="tizen.swipeitem"/>
- </property>
- <!-- <property name="group-border-inner" type="group" displayName="Inner Border Style" default="">
- <property name="border-width" type="style@size" displayName="Width" selector="#%id% .ui-btn-inner">
- <condition name="integer-max" value="999" error="integer-max"/>
- </property>
- <property name="border-color" type="css-color" displayName="Color" selector="#%id% .ui-btn-inner"/>
- <property name="border-style" type="border@style" displayName="Style" selector="#%id% .ui-btn-inner"/>
- </property>
- <property name="group-border-outer" type="group" displayName="Outer Border Style" default="">
- <property name="border-width" type="style@size" displayName="Width" selector="#%id%">
- <condition name="integer-max" value="999" error="integer-max"/>
- </property>
- <property name="border-color" type="css-color" displayName="Color" selector="#%id%"/>
- <property name="border-style" type="border@style" displayName="Style" selector="#%id%"/>
- </property> -->
-
- <!-- <property name="data-shadow" type="boolean" displayName="Shadow" default="true"/>
- <property name="data-mini" type="boolean" displayName="Mini" default="false"/> -->
-
- <property name="data-bind" type="text@databinding" displayName="Data Binding" default="" initValue=""/>
-
- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" />
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.button">
- <div data-role="button">
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@*[name() != 'text' and name() != 'data-iconpos']" mode="simple-property"/>
- <xsl:if test="string-length(@data-icon) != 0">
- <xsl:apply-templates select="@data-iconpos" mode="simple-property"/>
- </xsl:if>
- <xsl:value-of select="@text"/>
- </div>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.checkboxes" displayName="Check Boxes"
- smallIcon="checkboxes_small.png" icon.16="checkboxes_16.png"
- category="Form Elements"
- description="The check boxes widget shows on the screen a list of options where one or more can be selected."
- helpCategory="Tizen_Widget"
- helpContents="checkboxes"
- feedbackHeight="25" borderVisible="true"
- guideText="Drop a Check Box Item"
- uiSelector="#%id%"
- xpath="//div[@data-role='fieldcontain' and fieldset[@data-role='controlgroup' and @data-type='vertical']]"
- childXpath="//div[@data-role='fieldcontain' and fieldset[@data-role='controlgroup' and @data-type='vertical']]/fieldset">
-
- <relations>
- <content ids="html.legend"/>
- <content ids="tizen.checkboxitem"/>
- <content ids="html.label"/>
- </relations>
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
-
- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" />
- <!-- <event name="oncreate" displayName="Create" eventType="event.defaultevent" /> -->
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.checkboxes">
- <div data-role="fieldcontain">
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@id" mode="simple-property"/>
- <fieldset data-role="controlgroup" data-type="vertical">
- <!-- <xsl:apply-templates select="html.text"/> -->
- <xsl:apply-templates select="*"/>
- </fieldset>
- </div>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.checkboxitem" displayName="Check Box Item"
- smallIcon="checkboxitem_small.png" icon.16="checkboxitem_16.png"
- category="Form Elements,List"
- description="This widget can be used only in the check boxes and list widget."
- helpCategory="Tizen_Widget"
- helpContents="checkboxes"
- borderVisible="false"
- uiSelector="#%id%+label"
- xpath="//input[@type='checkbox']">
-
- <relations>
- <parent ids="tizen.checkboxes,tizen.listitem,tizen.listdivider"/>
- </relations>
-
- <condition name="change-property-by-parent" value="tizen.listitem" target="text" targetValue=""/>
- <condition name="change-property-by-parent" value="tizen.listdivider" target="text" targetValue=""/>
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <!-- <property name="text" type="string" displayName="Text" default="" initValue="Checkbox">
- <condition name="disable-property-by-parent" value="tizen.listitem"/>
- <condition name="disable-property-by-parent" value="tizen.listdivider"/>
- </property>
- <property name="group-text" type="group-text" displayName="Text Style" default="">
- <property name="font-family" type="font@family" displayName="Font Family" selector="#%id%+label .ui-btn-text"/>
- <property name="font-size" type="font@size" displayName="Font Size" selector="#%id%+label .ui-btn-text"/>
- <property name="font-style" type="css-font-style" displayName="Font Style" selector="#%id%+label .ui-btn-text"/>
- <property name="text-decoration" type="css-text-decoration" displayName="Text Decoration" selector="#%id%+label .ui-btn-text"/>
- <property name="color" type="css-color" displayName="Color" selector="#%id%+label .ui-btn-text"/>
- <condition name="disable-property-by-parent" value="tizen.listitem"/>
- <condition name="disable-property-by-parent" value="tizen.listdivider"/>
- </property> -->
- <property name="name" type="string" displayName="Name" default=""/>
- <property name="value" type="string" displayName="Value" default=""/>
- <property name="checked" type="tizen@checked" displayName="Checked" default=""/>
- <property name="disabled" type="tizen@disabled" displayName="Disabled" default=""/>
- <property name="class" type="tizen.checkboxitem@class" displayName="Class" default=""
- tooltip="Apply checkbox style"/>
-
- <event name="onchange" displayName="Change" eventType="event.defaultevent" />
- <!-- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" />
- <event name="oncreate" displayName="Create" eventType="event.defaultevent" /> -->
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.checkboxitem">
- <input type="checkbox">
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@*[name() != 'text']" mode="simple-property"/>
- </input>
-
- <!-- <xsl:if test="string-length(@text) != 0">
- <label>
- <xsl:attribute name="for">
- <xsl:value-of select="@id"/>
- </xsl:attribute>
- <xsl:value-of select="@text"/>
- </label>
- </xsl:if> -->
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.collapsible" displayName="Collapsible"
- smallIcon="collapsible_small.png" icon.16="collapsible_16.png"
- category="Content"
- description="The collapsible widget is used to create a collapsible block of content."
- helpCategory="Tizen_Widget"
- helpContents=""
- uiSelector="#%id%"
- xpath="//div[@data-role='collapsible']">
-
- <relations>
- <content type="widget"/>
- <nocontent ids="tizen.header,tizen.footer,tizen.tabbar,tizen.searchfilterbar"/>
- </relations>
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <!-- <property name="text" type="string" displayName="Text" default="" initValue="Collapsible"/> -->
- <property name="data-collapsed" type="tizen@boolean1" displayName="Collapsed" default="">
- <condition name="change-other-property-by-parent" value="false" target="tizen.collapsibleset" targetValue=""/>
- </property>
- <property name="data-collapsed-icon" type="tizen@icon-down" displayName="Collapsed Icon" default=""/>
- <property name="data-expanded-icon" type="tizen@icon-up" displayName="Expanded Icon" default=""/>
- <property name="data-iconpos" type="tizen@iconpos-right" displayName="Icon Position" default=""/>
- <!-- <property name="data-coners" type="tizen@boolean1" displayName="Coners" default=""/> -->
- <property name="data-inset" type="tizen@boolean2" displayName="Inset" default="">
- <condition name="disable-property-by-parent" value="tizen.collapsibleset"/>
- </property>
-
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" />
- <event name="oncollapse" displayName="Collapse" eventType="event.defaultevent" />
- <event name="onexpand" displayName="Expand" eventType="event.defaultevent" />
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.collapsible">
- <div data-role="collapsible">
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@*[name() != 'text']" mode="simple-property"/>
- <!-- <xsl:if test="@text[string-length(.) > 0]">
- <h3>
- <xsl:value-of select="@text"/>
- </h3>
- </xsl:if> -->
- <xsl:apply-templates select="*[name() != 'tizen.header' and name() != 'tizen.footer' and name() != 'tizen.tabbar' and name() != 'tizen.searchfilterbar']"/>
- </div>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.collapsibleset" displayName="Collapsible Set"
- smallIcon="collapsibleset_small.png" icon.16="collapsibleset_16.png"
- category="Content"
- description="The collapsible widget is used to create a set of collapsibles."
- helpCategory="Tizen_Widget"
- helpContents=""
- feedbackHeight="42" borderVisible="true"
- guideText="Drop a Collapsible"
- uiSelector="#%id%"
- xpath="//div[@data-role='collapsible-set']">
-
- <relations>
- <content ids="tizen.collapsible"/>
- </relations>
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <!-- <property name="data-collapsed-icon" type="tizen@icon-down" displayName="Collapsed Icon" default="">
- <property name="data-expanded-icon" type="tizen@icon-up" displayName="Expanded Icon" default=""/>
- <property name="data-iconpos" type="tizen@iconpos-right" displayName="Icon Position" default=""/>
- <property name="data-content-theme" type="tizen@theme" displayName="Content Theme" default=""/>
- <property name="data-coners" type="tizen@boolean1" displayName="Coners" default=""/> -->
- <property name="data-inset" type="tizen@boolean1" displayName="Inset" default="">
- <condition name="enable-property-by-child" value="tizen.collapsible"/>
- </property>
-
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" />
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.collapsibleset">
- <div data-role="collapsible-set">
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@*" mode="simple-property"/>
- <xsl:apply-templates select="html.text"/>
-
- <xsl:apply-templates select="tizen.collapsible"/>
- </div>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.content" displayName="Content"
- smallIcon="" icon.16="content_16.png"
- category="Content"
- description="The content is the area below the header, showing the main content of the page"
- paletteVisible="false"
- helpCategory="Tizen_Widget"
- helpContents="content"
- borderVisible="false"
- uiSelector="#%id%"
- xpath="//div[@data-role='content']">
-
- <relations>
- <parent ids="tizen.page"/>
- <content type="widget"/>
- <nocontent ids="tizen.page,tizen.content,tizen.header,tizen.footer,tizen.tabbar,tizen.searchfilterbar"/>
- </relations>
-
- <property name="id" type="string" displayName="ID" default="" category="Common"/>
- <property name="data-handler" type="tizen@boolean2" displayName="Handler" default=""/>
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.content">
- <div data-role="content" data-scroll="y">
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@*" mode="simple-property"/>
- <xsl:apply-templates select="*"/>
- </div>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.controlgroup" displayName="Controlgroup"
- smallIcon="controlgroup_small.png" icon.16="controlgroup_16.png"
- category="Buttons,Toolbars"
- description="The controlgroup widget is used to group a set of buttons."
- helpCategory="Tizen_Widget"
- helpContents=""
- feedbackHeight="42" borderVisible="true"
- guideText="Drop a Button"
- uiSelector="#%id%"
- xpath="//div[@data-role='controlgroup']">
-
- <relations>
- <content ids="tizen.button"/>
- </relations>
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="data-type" type="tizen.controlgroup@type" displayName="Type" default=""/>
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.controlgroup">
- <div data-role="controlgroup">
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@*" mode="simple-property"/>
- <xsl:apply-templates select="html.text"/>
-
- <xsl:apply-templates select="tizen.button"/>
- </div>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.datetimepicker" displayName="Date Time Picker"
- smallIcon="datetimepicker_small.png" icon.16="datetimepicker_16.png"
- category="Form Elements"
- description="The date time picker widget enables users to select a date and a time."
- helpCategory="Tizen_Widget"
- helpContents="datetimepicker"
- borderVisible="false"
- uiSelector="#%id%"
- xpath="//input[@type='datetime' or @type='date' or @type='time']">
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <!--
- <property name="type" type="tizen.datetimepicker@type" displayName="Type" default="" initValue="datetime"
- tooltip="Defines the picker style">
- <condition name="disable-property" value="date" target="timeformat"/>
- <condition name="disable-property" value="time" target="dateformat"/>
- </property>
- -->
- <property name="name" type="string" displayName="Name" default=""/>
- <!-- <property name="dateformat" type="tizen.datetimepicker@dateformat" displayName="Date Format" default="" initValue="yyyy-MM-dd"
- tooltip="Sets the date format"/>
- <property name="timeformat" type="tizen.datetimepicker@timeformat" displayName="Time Format" default="" initValue="tt hh:mm"
- tooltip="Sets the time format"/>
- <property name="default" type="boolean" displayName="Use System Date" default="" initValue="true">
- <condition name="disable-property" value="true" target="datevalue"/>
- <condition name="disable-property" value="true" target="timevalue"/>
- <condition name="change-property" value="false" target="datevalue" targetValue="%target%"/>
- <condition name="change-property" value="false" target="timevalue" targetValue="%target%"/>
- </property>
- <property name="datevalue" type="date" displayName="Date" default=""
- tooltip="Sets the picker date value"/>
- <property name="timevalue" type="time" displayName="Time" default=""
- toolitp="Sets the picker time value"/>
- <property name="group-text" type="group-text" displayName="Value Style" default="">
- <property name="font-family" type="font@family" displayName="Font Family" selector="#%id%+div span"/>
- <property name="font-size" type="font@size" displayName="Font Size" selector="#%id%+div span"/>
- <property name="font-weight" type="css-font-weight" displayName="Font Weight" selector="#%id%+div span"/>
- <property name="font-style" type="css-font-style" displayName="Font Style" selector="#%id%+div span"/>
- <property name="text-decoration" type="css-text-decoration" displayName="Text Decoration" selector="#%id%+div span"/>
- <property name="color" type="css-color" displayName="Color" selector="#%id%+div span"/>
- </property> -->
- <property name="data-format" type="tizen.datetimepicker@format" displayName="Format" default="" initValue="yyyy/MM/dd tt hh:mm"
- tooltip="Sets the date time format"/>
- <property name="value" type="tizen.datetimepicker@value" displayName="Value" default=""
- tooltip="Sets the picker date value"/>
-
- <property name="data-bind" type="value@databinding" displayName="Data Binding" default="" initValue=""/>
-
- <event name="onchange" displayName="Change" eventType="event.defaultevent" />
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.datetimepicker">
- <input type="datetime">
- <!-- <xsl:choose>
- <xsl:when test="@type='date'">
- <xsl:attribute name="data-format">
- <xsl:value-of select="@dateformat"/>
- </xsl:attribute>
- </xsl:when>
- <xsl:when test="@type='time'">
- <xsl:attribute name="data-format">
- <xsl:value-of select="@timeformat"/>
- </xsl:attribute>
- </xsl:when>
- <xsl:otherwise>
- <xsl:choose>
- <xsl:when test="string-length(@dateformat) != 0 and string-length(@timeformat) = 0">
- <xsl:attribute name="data-format">
- <xsl:value-of select="@dateformat"/>
- </xsl:attribute>
- </xsl:when>
- <xsl:when test="string-length(@dateformat) = 0 and string-length(@timeformat) != 0">
- <xsl:attribute name="data-format">
- <xsl:value-of select="@timeformat"/>
- </xsl:attribute>
- </xsl:when>
- <xsl:when test="string-length(@dateformat) != 0 and string-length(@timeformat) != 0">
- <xsl:attribute name="data-format">
- <xsl:value-of select="concat(@dateformat, ' ', @timeformat)"/>
- </xsl:attribute>
- </xsl:when>
- </xsl:choose>
- </xsl:otherwise>
- </xsl:choose>
-
- <xsl:if test="@default = 'false' and @datevalue != '' and @timevalue != ''">
- <xsl:attribute name="value">
- <xsl:value-of select="concat(@datevalue, ' ', @timevalue)"/>
- </xsl:attribute>
- </xsl:if> -->
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@id" mode="simple-property"/>
- <!--
- <xsl:apply-templates select="@type" mode="simple-property"/>
- -->
- <xsl:apply-templates select="@name" mode="simple-property"/>
- <xsl:apply-templates select="@data-format" mode="simple-property"/>
- <xsl:apply-templates select="@value" mode="simple-property"/>
- </input>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.extendablelist" displayName="Extendable List"
- smallIcon="extendablelist_small.png" icon.16="extendablelist_16.png"
- category="Dynamic List"
- description="The extendable list widget is used to display a list of unlimited data elements on the screen for better performance. The list is extended if you click the button at the bottom of the list to load more data elements"
- helpCategory="Tizen_Widget"
- helpContents="extendablelist"
- borderVisible="false">
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="data-extenditems" type="integer" displayName="Extend Items" default=""/>
- <property name="data-template" type="string" displayName="Template" default=""/>
- <property name="data-dbtable" type="string" displayName="DB Table" default=""/>
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.extendablelist">
- <ul data-role="extendablelist">
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@*" mode="simple-property"/>
- </ul>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.fliptoggleswitch" displayName="Flip Toggle Switch"
- smallIcon="fliptoggleswitch_small.png" icon.16="fliptoggleswitch_16.png"
- category="Form Elements,List"
- description="The flip toggle switch widget shows a 2-state switch on the screen."
- helpCategory="Tizen_Widget"
- helpContents="fliptoggleswitch"
- borderVisible="false"
- uiSelector="#%id%"
- xpath="//select[@data-role='slider']">
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="name" type="string" displayName="Name" default=""/>
- <property name="value-off" type="string" displayName="Off Value" default="" initValue="off"
- toolitp="Sets the value for the toggle switch 'off' state." xpath="option[1]/@value"/>
- <property name="text-off" type="string" displayName="Off Text" default="" initValue="Off"
- toolitp="Sets the label text value for the toggle switch 'off' state." xpath="option[1]/text()"/>
- <!-- <property name="group-text-off" type="group-text" displayName="Off Text Style" default="">
- <property name="font-family" type="font@family" displayName="Font Family" selector="#%id%+div .ui-slider-label-b"/>
- <property name="font-size" type="font@size" displayName="Font Size" selector="#%id%+div .ui-slider-label-b"/>
- <property name="font-style" type="css-font-style" displayName="Font Style" selector="#%id%+div .ui-slider-label-b"/>
- <property name="text-decoration" type="css-text-decoration" displayName="Text Decoration" selector="#%id%+div .ui-slider-label-b"/>
- <property name="color" type="css-color" displayName="Color" selector="#%id%+div .ui-slider-label-b"/>
- </property> -->
- <property name="value-on" type="string" displayName="On Value" default="" initValue="on"
- toolitp="Sets the value for the toggle switch 'on' state." xpath="option[2]/@value"/>
- <property name="text-on" type="string" displayName="On Text" default="" initValue="On"
- tooltip="Sets the label text value for the toggle switch 'on' state." xpath="option[2]/text()"/>
- <!-- <property name="group-text-on" type="group-text" displayName="On Text Style" default="">
- <property name="font-family" type="font@family" displayName="Font Family" selector="#%id%+div .ui-slider-label-a"/>
- <property name="font-size" type="font@size" displayName="Font Size" selector="#%id%+div .ui-slider-label-a"/>
- <property name="font-style" type="css-font-style" displayName="Font Style" selector="#%id%+div .ui-slider-label-a"/>
- <property name="text-decoration" type="css-text-decoration" displayName="Text Decoration" selector="#%id%+div .ui-slider-label-a"/>
- <property name="color" type="css-color" displayName="Color" selector="#%id%+div .ui-slider-label-a"/>
- </property> -->
- <property name="selected" type="tizen.fliptoggleswitch@selected" displayName="Selected" default="" xpath="option[2]/@selected"/>
-
- <event name="onchange" displayName="Change" eventType="event.defaultevent" />
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.fliptoggleswitch">
- <select data-role="slider">
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@id" mode="simple-property"/>
- <xsl:apply-templates select="@name" mode="simple-property"/>
- <option>
- <xsl:if test="string-length(@value-off) > 0">
- <xsl:attribute name="value">
- <xsl:value-of select="@value-off"/>
- </xsl:attribute>
- </xsl:if>
- <xsl:value-of select="@text-off"/>
- </option>
- <option>
- <xsl:if test="string-length(@value-on) > 0">
- <xsl:attribute name="value">
- <xsl:value-of select="@value-on"/>
- </xsl:attribute>
- </xsl:if>
- <xsl:apply-templates select="@selected" mode="simple-property"/>
- <xsl:value-of select="@text-on"/>
- </option>
- </select>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.footer" displayName="Footer"
- smallIcon="footer_small.png" icon.16="footer_16.png"
- category="Toolbars"
- description="The footer widget is used to set the default bar at the bottom of the page."
- helpCategory="Tizen_Widget"
- helpContents="footer"
- borderVisible="false"
- uiSelector="#%id%"
- xpath="//div[@data-role='footer']">
-
- <relations>
- <parent ids="tizen.page" />
- <content ids="tizen.button" max="2" exclusiveGroup="default"/>
- <content ids="tizen.footercontrolgroup" max="1" exclusiveGroup="default"/>
- </relations>
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
-
- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" />
- <!-- <event name="oncreate" displayName="Create" eventType="event.defaultevent" /> -->
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.footer">
- <div data-role="footer">
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@*[name() != 'text']" mode="simple-property"/>
-
- <xsl:apply-templates select="tizen.button"/>
- <xsl:apply-templates select="tizen.footercontrolgroup"/>
- </div>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.footercontrolgroup" displayName="Footer Controlgroup"
- smallIcon="controlgroup_small.png" icon.16="controlgroup_16.png"
- category="Toolbars"
- description="The footer controlgroup widget is used to group a set of buttons."
- helpCategory="Tizen_Widget"
- helpContents=""
- feedbackHeight="42" borderVisible="true"
- guideText="Drop a Button"
- uiSelector="#%id%">
-
- <relations>
- <parent ids="tizen.footer"/>
- <content ids="tizen.button" max="3"/>
- </relations>
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.footercontrolgroup">
- <div data-role="controlgroup" data-type="horizontal">
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@*" mode="simple-property"/>
- <xsl:apply-templates select="html.text"/>
-
- <xsl:apply-templates select="tizen.button"/>
- </div>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.gallery" displayName="Gallery"
- smallIcon="gallery_small.png" icon.16="gallery_16.png"
- category="Content"
- description="The gallery widget shows images in a gallery on the screen"
- helpCategory="Tizen_Widget"
- helpContents="gallery"
- borderVisible="true"
- guideText="Drop a Gallery Item.">
-
- <relations>
- <content ids="tizen.galleryitem"/>
- </relations>
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="data-index" type="integer" displayName="Index" default="0"
- tooltip="Number of the first image"/>
- <property name="data-vertical-align" type="tizen.gallery@align" displayName="Vertical Align" default="top"
- tooltip="Alignment of the images"/>
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.gallery">
- <div data-role="gallery">
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@*" mode="simple-property"/>
- <xsl:apply-templates select="html.text"/>
- <xsl:apply-templates select="tizen.galleryitem"/>
- </div>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.galleryitem" displayName="Gallery Item"
- smallIcon="image_small.png" icon.16="image_16.png"
- category="Content"
- description="This widget can be used only in the gallery widget"
- helpCategory="Tizen_Widget"
- helpContents="galleryitem"
- borderVisible="false">
-
- <relations>
- <parent ids="tizen.gallery"/>
- </relations>
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="src" type="image" displayName="Src" default=""/>
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.galleryitem">
- <img>
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@id" mode="simple-property"/>
- <xsl:apply-templates select="@src" mode="simple-property"/>
- </img>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.header" displayName="Header"
- smallIcon="header_small.png" icon.16="header_16.png"
- category="Toolbars"
- description="The header widget is used to set the default bar at the top of the page."
- helpCategory="Tizen_Widget"
- helpContents="header"
- borderVisible="false"
- uiSelector="#%id%"
- xpath="//div[@data-role='header']">
-
- <relations>
- <parent ids="tizen.page" />
- <content ids="html.image" max="1"/>
- <content ids="html.headingone" max="1"/>
- <content ids="tizen.headermultilinetext" max="1" exclusiveGroup="default"/>
- <content ids="tizen.tabbar" max="1" exclusiveGroup="default"/>
- <content ids="tizen.headerbutton" max="2"/>
- <content ids="tizen.searchfilterbar" max="1" exclusiveGroup="default"/>
- </relations>
-
- <!-- <condition name="change-property-by-child-add" value="tizen.tabbar" target="text2" targetValue=""/>
- <condition name="change-property-by-child-add" value="tizen.searchfilterbar" target="text2" targetValue=""/> -->
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <!-- <property name="text" type="string" displayName="Text" default="" initValue="Header" xpath="h1/text()"/>
- <property name="group-text" type="group-text" displayName="Text Style" default="">
- <property name="font-family" type="font@family" displayName="Font Family" selector="#%id% h1"/>
- <property name="font-size" type="font@size" displayName="Font Size" selector="#%id% h1"/>
- <property name="font-style" type="css-font-style" displayName="Font Style" selector="#%id% h1"/>
- <property name="text-decoration" type="css-text-decoration" displayName="Text Decoration" selector="#%id% h1"/>
- <property name="color" type="css-color" displayName="Color" selector="#%id% h1"/>
- </property>
- <property name="text2" type="string" displayName="Multiline Text" default="" xpath="span/text()">
- <condition name="disable-property-by-child" value="tizen.tabbar"/>
- <condition name="disable-property-by-child" value="tizen.searchfilterbar"/>
- </property>
- <property name="group-text2" type="group-text" displayName="Multiline Text Style" default="">
- <property name="font-family" type="font@family" displayName="Font Family" selector="#%id% .ui-title-text-sub"/>
- <property name="font-size" type="font@size" displayName="Font Size" selector="#%id% .ui-title-text-sub"/>
- <property name="font-style" type="css-font-style" displayName="Font Style" selector="#%id% .ui-title-text-sub"/>
- <property name="text-decoration" type="css-text-decoration" displayName="Text Decoration" selector="#%id% .ui-title-text-sub"/>
- <property name="color" type="css-color" displayName="Color" selector="#%id% .ui-title-text-sub"/>
- <condition name="disable-property-by-child" value="tizen.tabbar"/>
- <condition name="disable-property-by-child" value="tizen.searchfilterbar"/>
- </property> -->
- <property name="data-position" type="tizen@position" displayName="Position" default="fixed"/>
-
- <!-- <property name="icon-id" type="string" displayName="ID" default="" category="Icon" xpath="img/@id"/>
- <property name="src" type="image" displayName="Src" default="" category="Icon" xpath="img/@src"/> -->
-
- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" />
- <!-- <event name="oncreate" displayName="Create" eventType="event.defaultevent" /> -->
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.header">
- <div data-role="header">
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@id" mode="simple-property"/>
- <xsl:apply-templates select="@data-position" mode="simple-property"/>
-
- <!-- <xsl:if test="string-length(@src) != 0">
- <img>
- <xsl:if test="string-length(@icon-id) != 0">
- <xsl:attribute name="id">
- <xsl:value-of select="@icon-id"/>
- </xsl:attribute>
- </xsl:if>
- <xsl:apply-templates select="@src" mode="simple-property"/>
- </img>
- </xsl:if>
-
- <xsl:if test="string-length(@text) > 0">
- <h1>
- <xsl:value-of select="@text"/>
- </h1>
- </xsl:if>
-
- <xsl:if test="string-length(@text2) > 0">
- <span class="ui-title-text-sub">
- <xsl:value-of select="@text2"/>
- </span>
- </xsl:if> -->
-
- <xsl:apply-templates select="html.image"/>
- <xsl:apply-templates select="html.headingone"/>
- <xsl:apply-templates select="tizen.headermultilinetext"/>
-
- <xsl:apply-templates select="tizen.headerbutton"/>
- <xsl:apply-templates select="tizen.tabbar"/>
- <xsl:apply-templates select="tizen.searchfilterbar"/>
- </div>
- </xsl:template>
- </xsl-for-output>
-</widget>
\ No newline at end of file
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.headerbutton" displayName="Header Button"
- smallIcon="headerbutton_small.png" icon.16="headerbutton_16.png"
- category="Toolbars"
- description="This widget can be used only in the header widget."
- helpCategory="Tizen_Widget"
- helpContents="header"
- borderVisible="false"
- uiSelector="#%id%">
-
- <relations>
- <parent ids="tizen.header"/>
- </relations>
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="text" type="string" displayName="Text" default="" initValue="Button" xpath="text()"/>
- <!-- <property name="group-text" type="group-text" displayName="Initial Text Style" default="">
- <property name="font-family" type="font@family" displayName="Font Family" selector="#%id% .ui-btn-text"/>
- <property name="font-size" type="font@size" displayName="Font Size" selector="#%id% .ui-btn-text"/>
- <property name="font-style" type="css-font-style" displayName="Font Style" selector="#%id% .ui-btn-text"/>
- <property name="text-decoration" type="css-text-decoration" displayName="Text Decoration" selector="#%id% .ui-btn-text"/>
- <property name="color" type="css-color" displayName="Color" selector="#%id% .ui-btn-text"/>
- </property> -->
- <property name="href" type="url" displayName="Link To" default=""/>
- <property name="data-direction" type="html.link@direction" displayName="Direction" default=""/>
- <property name="data-dom-cache" type="tizen@boolean3" displayName="DOM Cache" default=""/>
- <property name="data-prefetch" type="html.link@prefetch" displayName="Prefetch" default=""/>
- <property name="data-transition" type="html.link@transition" displayName="Transition" default=""/>
-
- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" />
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.headerbutton">
- <a data-ajax="true">
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@*[name() != 'text']" mode="simple-property"/>
- <xsl:value-of select="@text"/>
- </a>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.headermultilinetext" displayName="Multiline Text"
- smallIcon="headermultilinetext_small.png" icon.16="headermultilinetext_16.png"
- category="Toolbars"
- description="This widget can be used only in the header widget."
- helpCategory="Tizen_Widget"
- helpContents="header"
- borderVisible="false"
- uiSelector="#%id%"
- xpath="//span[@class='ui-title-text-sub']">
-
- <relations>
- <parent ids="tizen.header" />
- </relations>
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="text" type="string" displayName="Multiline Text" default="" initValue="Multiline Text" xpath="text()"/>
-
- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" />
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.headermultilinetext">
- <span class="ui-title-text-sub">
- <xsl:value-of select="@text"/>
- </span>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.list" displayName="List"
- smallIcon="list_small.png" icon.16="list_16.png"
- category="List"
- description="The list widget is used to display, for example, navigation data, results, and data entries."
- helpCategory="Tizen_Widget"
- helpContents="list"
- feedbackHeight="60" borderVisible="true"
- guideText="Drop a List Item"
- uiSelector="#%id%"
- xpath="//ul[@data-role='listview']">
-
- <relations>
- <content ids="tizen.listitem,tizen.listactionitem,tizen.listdivider"/>
- </relations>
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <!-- <property name="data-filter" type="boolean" displayName="Filter" default="false"/>
- <property name="data-filter-placeholder" type="string" displayName="Filter Placeholder" default=""/>
- <property name="data-inset" type="boolean" displayName="Inset" default="false"/> -->
- <property name="data-autodividers" type="tizen@boolean2" displayName="Auto Dividers" default=""/>
- <property name="data-fastscroll" type="tizen@boolean2" displayName="Fast Scroll" default=""/>
-
- <property name="data-bind" type="foreach@databinding" displayName="Data Binding" default="" initValue=""/>
-
- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" />
- <!--
- <event name="oncreate" displayName="Create" eventType="event.defaultevent" />
- -->
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.list">
- <ul data-role="listview">
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@*" mode="simple-property"/>
- <xsl:apply-templates select="html.text"/>
- <xsl:apply-templates select="*[name() != 'html.text']"/>
- </ul>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.listactionitem" displayName="List Action Item"
- smallIcon="listactionitem_small.png" icon.16="listactionitem_16.png"
- category="List"
- description="This widget can be used only in the list widget."
- helpCategory="Tizen_Widget"
- helpContents="list"
- borderVisible="false"
- uiSelector="#%id%"
- xpath="//ul[@data-role='listview']/li[string-length(@data-role)=0 and a]"
- childXpath="//ul[@data-role='listview']/li[string-length(@data-role)=0 and a]/a">
-
- <relations>
- <parent ids="tizen.list"/>
-
- <content ids="tizen.listitemcolorbar" max="1"/>
- <content ids="tizen.checkboxitem" max="1" exclusiveGroup="default"/>
- <content ids="tizen.radiobuttonitem" max="1" exclusiveGroup="default"/>
- <content ids="tizen.listitemthumbnail" max="1"/>
- <content ids="tizen.listitemmaintexticonone" max="1"/>
-
- <content ids="tizen.listitemsubtextone" max="1"/>
-
- <content ids="tizen.listitemmaintexticontwo" max="1" exclusiveGroup="default2"/>
- <content ids="tizen.listitemsubtexttwo" max="1" exclusiveGroup="default2"/>
-
- <content ids="tizen.button" max="1" exclusiveGroup="default2"/>
- <content ids="tizen.fliptoggleswitch" max="1" exclusiveGroup="default2"/>
- <content ids="tizen.progressbar" max="1" exclusiveGroup="default2"/>
- <content ids="tizen.progress" max="1" exclusiveGroup="default2"/>
- </relations>
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
-
- <property name="text" type="string" displayName="Maintext" default="" initValue="List Item" category="List Item" xpath="a/text()"/>
- <!-- <property name="group-text" type="group-text" displayName="Maintext Style" default="" category="List Item">
- <property name="font-family" type="font@family" displayName="Font Family" selector="#%id% a, #%id%"/>
- <property name="font-size" type="font@size" displayName="Font Size" selector="#%id% a, #%id%"/>
- <property name="text-align" type="css-text-align" displayName="Text Align" selector="#%id% a, #%id%"/>
- <property name="font-weight" type="css-font-weight" displayName="Font Weight" selector="#%id% a, #%id%"/>
- <property name="font-style" type="css-font-style" displayName="Font Style" selector="#%id% a, #%id%"/>
- <property name="color" type="css-color" displayName="Color" selector="#%id% a, #%id%"/>
- </property> -->
- <property name="class" type="tizen.listitem@class" displayName="Class" default="" category="List Item"/>
- <!-- <property name="thumbnail-right" type="boolean" displayName="Thumbnail Right" default="" initValue="false" category="List Item">
- <condition name="enable-property-by-child" value="tizen.listitemthumbnail"/>
- </property>
- <property name="dialogue" type="boolean" displayName="Dialogue" default="" initValue="false" category="List Item"/>
-
- <property name="multiline" type="boolean" displayName="Multiline" default="" initValue="false" category="Multiline List Item"/> -->
-
- <!-- <property name="action-item" type="boolean" displayName="Action Item" default="" initValue="true" category="Link">
- <condition name="enable-property" value="true" target="href"/>
- <condition name="enable-property" value="true" target="data-direction"/>
- <condition name="enable-property" value="true" target="data-dom-cache"/>
- <condition name="enable-property" value="true" target="data-prefetch"/>
- <condition name="enable-property" value="true" target="data-transition"/>
- </property> -->
- <property name="href" type="url" displayName="Link To" default="" category="Link" xpath="a/@href"/>
- <property name="data-direction" type="html.link@direction" displayName="Direction" default="" category="Link" xpath="a/@data-direction"/>
- <property name="data-dom-cache" type="tizen@boolean3" displayName="DOM Cache" default="" category="Link" xpath="a/@data-dom-cache"/>
- <property name="data-prefetch" type="html.link@prefetch" displayName="Prefetch" default="" category="Link" xpath="a/@data-prefetch"/>
- <property name="data-transition" type="html.link@transition" displayName="Transition" default="" category="Link" xpath="a/@data-transition"/>
-
- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" />
- <!-- <event name="oncreate" displayName="Create" eventType="event.defaultevent" /> -->
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.listactionitem">
- <li>
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@id" mode="simple-property"/>
-
- <!-- <xsl:choose>
- <xsl:when test="@multiline = 'true' and @thumbnail-right = 'true' and @dialogue = 'true'">
- <xsl:attribute name="class">
- <xsl:value-of select="concat('ui-li-has-multiline ui-li-thumbnail-right ui-li-dialogue')"/>
- </xsl:attribute>
- </xsl:when>
- <xsl:when test="@multiline = 'true' and @thumbnail-right = 'true' and @dialogue = 'false'">
- <xsl:attribute name="class">
- <xsl:value-of select="concat('ui-li-has-multiline ui-li-thumbnail-right')"/>
- </xsl:attribute>
- </xsl:when>
- <xsl:when test="@multiline = 'true' and @thumbnail-right = 'false' and @dialogue = 'true'">
- <xsl:attribute name="class">
- <xsl:value-of select="concat('ui-li-has-multiline ui-li-dialogue')"/>
- </xsl:attribute>
- </xsl:when>
- <xsl:when test="@multiline = 'true' and @thumbnail-right = 'false' and @dialogue = 'false'">
- <xsl:attribute name="class">
- <xsl:value-of select="concat('ui-li-has-multiline')"/>
- </xsl:attribute>
- </xsl:when>
- <xsl:when test="@multiline = 'false' and @thumbnail-right = 'true' and @dialogue = 'true'">
- <xsl:attribute name="class">
- <xsl:value-of select="concat('ui-li-thumbnail-right ui-li-dialogue')"/>
- </xsl:attribute>
- </xsl:when>
- <xsl:when test="@multiline = 'false' and @thumbnail-right = 'true' and @dialogue = 'false'">
- <xsl:attribute name="class">
- <xsl:value-of select="concat('ui-li-thumbnail-right')"/>
- </xsl:attribute>
- </xsl:when>
- <xsl:when test="@multiline = 'false' and @thumbnail-right = 'false' and @dialogue = 'true'">
- <xsl:attribute name="class">
- <xsl:value-of select="concat('ui-li-dialogue')"/>
- </xsl:attribute>
- </xsl:when>
- </xsl:choose> -->
-
- <!-- <xsl:choose>
- <xsl:when test="@action-item = 'true'"> -->
- <a data-ajax="true">
- <xsl:apply-templates select="@href" mode="simple-property"/>
- <!-- <xsl:apply-templates select="@data-ajax" mode="simple-property"/> -->
- <xsl:apply-templates select="@data-direction" mode="simple-property"/>
- <xsl:apply-templates select="@data-dom-cache" mode="simple-property"/>
- <xsl:apply-templates select="@data-prefetch" mode="simple-property"/>
- <!-- <xsl:apply-templates select="@data-rel" mode="simple-property"/> -->
- <xsl:apply-templates select="@data-transition" mode="simple-property"/>
-
- <xsl:value-of select="@text"/>
-
- <xsl:apply-templates select="tizen.listitemcolorbar"/>
- <xsl:apply-templates select="tizen.checkboxitem"/>
- <xsl:apply-templates select="tizen.radiobuttonitem"/>
-
- <!-- <xsl:if test="@thumbnail-right = 'false'">
- <xsl:apply-templates select="tizen.listitemthumbnail"/>
- </xsl:if> -->
- <xsl:apply-templates select="tizen.listitemthumbnail"/>
-
- <!-- <xsl:value-of select="@text"/> -->
-
- <xsl:apply-templates select="tizen.listitemmaintexticonone"/>
- <xsl:apply-templates select="tizen.listitemsubtextone"/>
-
- <xsl:apply-templates select="tizen.listitemmaintexticontwo"/>
- <xsl:if test="@multiline = 'true'">
- <xsl:apply-templates select="tizen.listitemsubtexttwo"/>
- </xsl:if>
-
- <!-- <xsl:if test="@thumbnail-right = 'true'">
- <xsl:apply-templates select="tizen.listitemthumbnail"/>
- </xsl:if> -->
-
- <xsl:apply-templates select="tizen.button"/>
- <xsl:apply-templates select="tizen.fliptoggleswitch"/>
- <xsl:apply-templates select="tizen.progressbar"/>
- <xsl:apply-templates select="tizen.progress"/>
- </a>
- <!-- </xsl:when>
-
- <xsl:when test="@action-item = 'false'">
- <xsl:apply-templates select="tizen.listitemcolorbar"/>
- <xsl:apply-templates select="tizen.checkboxitem"/>
- <xsl:apply-templates select="tizen.radiobuttonitem"/>
-
- <xsl:if test="@thumbnail-right = 'false'">
- <xsl:apply-templates select="tizen.listitemthumbnail"/>
- </xsl:if>
-
- <xsl:value-of select="@text"/>
-
- <xsl:apply-templates select="tizen.listitemmaintexticonone"/>
- <xsl:apply-templates select="tizen.listitemsubtextone"/>
-
- <xsl:apply-templates select="tizen.listitemmaintexticontwo"/>
- <xsl:if test="@multiline = 'true'">
- <xsl:apply-templates select="tizen.listitemsubtexttwo"/>
- </xsl:if>
-
- <xsl:if test="@thumbnail-right = 'true'">
- <xsl:apply-templates select="tizen.listitemthumbnail"/>
- </xsl:if>
-
- <xsl:apply-templates select="tizen.listbutton"/>
- <xsl:apply-templates select="tizen.listfliptoggleswitch"/>
- <xsl:apply-templates select="tizen.progressbar"/>
- <xsl:apply-templates select="tizen.progress"/>
- </xsl:when>
- </xsl:choose> -->
- </li>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.listbutton" displayName="List Button"
- smallIcon="button_small.png" icon.16="button_16.png"
- category="List,Dynamic List"
- description="The list button widget shows on the screen a control that you can use to generate an action event when pressed and released. This widget can be used only in the list and swipe widget."
- helpCategory="Tizen_Widget"
- helpContents="button"
- borderVisible="false"
- uiSelector="#%id%">
-
- <relations>
- <parent ids="tizen.listitem"/>
- <parent ids="tizen.swipeitem"/>
- </relations>
-
- <condition name="change-property-by-parent" value="tizen.swipeitem" target="data-inline" targetValue="true"/>
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="text" type="string" displayName="Text" default="" initValue="Button"/>
- <!-- <property name="group-text" type="group-text" displayName="Text Style" default="">
- <property name="font-family" type="font@family" displayName="Font Family" selector="#%id% span .ui-btn-text"/>
- <property name="font-size" type="font@size" displayName="Font Size" selector="#%id% span"/>
- <property name="text-align" type="css-text-align" displayName="Text Align" selector="#%id% span"/>
- <property name="font-weight" type="css-font-weight" displayName="Font Weight" selector="#%id% span .ui-btn-text"/>
- <property name="font-style" type="css-font-style" displayName="Font Style" selector="#%id% span .ui-btn-text"/>
- <property name="text-decoration" type="css-text-decoration" displayName="Text Decoration" selector="#%id% span .ui-btn-text"/>
- <property name="color" type="css-color" displayName="Color" selector="#%id% span .ui-btn-text"/>
- </property> -->
- <property name="data-style" type="tizen.button@style" displayName="Style" default=""
- tooltip="It applies different styles of button"/>
- <property name="data-icon" type="tizen.button@icon" displayName="Icon" default=""
- tooltip="Defines an icon for a button">
- <condition name="disable-property" value="" target="data-iconpos"/>
- </property>
- <property name="data-iconpos" type="tizen.listbutton@iconpos" displayName="Icon Position" default=""/>
- <property name="data-inline" type="tizen.button@inline" displayName="Inline" default="">
- <condition name="disable-property-by-parent" value="tizen.listitem"/>
- <condition name="disable-property-by-parent" value="tizen.swipeitem"/>
- </property>
- <!-- <property name="group-border-inner" type="group" displayName="Inner Border Style" default="">
- <property name="border-width" type="style@size" displayName="Width" selector="#%id% .ui-btn-inner">
- <condition name="integer-max" value="999" error="integer-max"/>
- </property>
- <property name="border-color" type="css-color" displayName="Color" selector="#%id% .ui-btn-inner"/>
- <property name="border-style" type="border@style" displayName="Style" selector="#%id% .ui-btn-inner"/>
- </property>
- <property name="group-border-outer" type="group" displayName="Outer Border Style" default="">
- <property name="border-width" type="style@size" displayName="Width" selector="#%id%">
- <condition name="integer-max" value="999" error="integer-max"/>
- </property>
- <property name="border-color" type="css-color" displayName="Color" selector="#%id%"/>
- <property name="border-style" type="border@style" displayName="Style" selector="#%id%"/>
- </property> -->
-
- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" />
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.listbutton">
- <div data-role="button">
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@*[name() != 'text' and name() != 'data-iconpos']" mode="simple-property"/>
- <xsl:if test="string-length(@data-icon) != 0">
- <xsl:apply-templates select="@data-iconpos" mode="simple-property"/>
- </xsl:if>
- <xsl:value-of select="@text"/>
- </div>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.listdivider" displayName="List Divider"
- smallIcon="listdivider_small.png" icon.16="listdivider_16.png"
- category="List"
- description="The list divider widget is used as a list separator for grouping lists. This widget can be used only in the list widget."
- helpCategory="Tizen_Widget"
- helpContents="listdivider"
- borderVisible="false"
- uiSelector="#%id%"
- xpath="//li[@data-role='list-divider']">
-
- <relations>
- <parent ids="tizen.list"/>
- <content ids="tizen.checkboxitem" max="1"/>
- </relations>
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="text" type="string" displayName="Text" default="" initValue="List Divider" xpath="text()"/>
- <!-- <property name="group-text" type="group-text" displayName="Text Style" default="">
- <property name="font-family" type="font@family" displayName="Font Family" selector="#%id%, #%id% span"/>
- <property name="font-style" type="css-font-style" displayName="Font Style" selector="#%id%, #%id% span"/>
- <property name="text-decoration" type="css-text-decoration" displayName="Text Decoration" selector="#%id%, #%id% span"/>
- <property name="color" type="css-color" displayName="Color" selector="#%id%, #%id% span"/>
- </property> -->
- <property name="data-style" type="tizen.listdivider@style" displayName="Style" default="normal"
- tooltip="Sets the style of the list divider"/>
-
- <property name="data-bind" type="text@databinding" displayName="Data Binding" default="" initValue=""/>
-
- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" />
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.listdivider">
- <li data-role="list-divider">
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@*[name() != 'text']" mode="simple-property"/>
- <xsl:value-of select="@text"/>
-
- <xsl:if test="@data-style = 'check'">
- <xsl:apply-templates select="tizen.checkboxitem"/>
- </xsl:if>
- </li>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.listfliptoggleswitch" displayName="List Flip Toggle Switch"
- smallIcon="fliptoggleswitch_small.png" icon.16="fliptoggleswitch_16.png"
- category="List"
- description="The list flip toggle switch widget shows a 2-state switch on the screen. This widget can be used only in the list widget."
- helpCategory="Tizen_Widget"
- helpContents="fliptoggleswitch"
- borderVisible="false"
- uiSelector="#%id%">
-
- <relations>
- <parent ids="tizen.listitem"/>
- </relations>
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="name" type="string" displayName="Name" default=""/>
- <property name="value-off" type="string" displayName="Off Value" default="" initValue="off"
- toolitp="Sets the value for the toggle switch 'off' state."/>
- <property name="value-on" type="string" displayName="On Value" default="" initValue="on"
- toolitp="Sets the value for the toggle switch 'on' state."/>
- <property name="selected" type="tizen.fliptoggleswitch@selected" displayName="Selected" default=""/>
-
- <event name="onchange" displayName="Change" eventType="event.defaultevent" />
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.listfliptoggleswitch">
- <select data-role="slider">
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@id" mode="simple-property"/>
- <xsl:apply-templates select="@name" mode="simple-property"/>
- <option>
- <xsl:if test="string-length(@value-off) > 0">
- <xsl:attribute name="value">
- <xsl:value-of select="@value-off"/>
- </xsl:attribute>
- </xsl:if>
- </option>
- <option>
- <xsl:if test="string-length(@value-on) > 0">
- <xsl:attribute name="value">
- <xsl:value-of select="@value-on"/>
- </xsl:attribute>
- </xsl:if>
- <xsl:apply-templates select="@selected" mode="simple-property"/>
- </option>
- </select>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.listitem" displayName="List Item"
- smallIcon="listitem_small.png" icon.16="listitem_16.png"
- category="List"
- description="This widget can be used only in the list widget."
- helpCategory="Tizen_Widget"
- helpContents="list"
- borderVisible="false"
- uiSelector="#%id%"
- xpath="//ul[@data-role='listview']/li[string-length(@data-role)=0 and name(descendant::node())!='a']">
-
- <relations>
- <parent ids="tizen.list"/>
-
- <content ids="tizen.listitemcolorbar" max="1"/>
- <content ids="tizen.checkboxitem" max="1" exclusiveGroup="default"/>
- <content ids="tizen.radiobuttonitem" max="1" exclusiveGroup="default"/>
- <content ids="tizen.listitemthumbnail" max="1"/>
- <content ids="tizen.listitemmaintexticonone" max="1"/>
-
- <content ids="tizen.listitemsubtextone" max="1"/>
-
- <content ids="tizen.listitemmaintexticontwo" max="1" exclusiveGroup="default2"/>
- <content ids="tizen.listitemsubtexttwo" max="1" exclusiveGroup="default2"/>
-
- <content ids="tizen.button" max="1" exclusiveGroup="default2"/>
- <content ids="tizen.fliptoggleswitch" max="1" exclusiveGroup="default2"/>
- <content ids="tizen.progressbar" max="1" exclusiveGroup="default2"/>
- <content ids="tizen.progress" max="1" exclusiveGroup="default2"/>
- </relations>
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
-
- <property name="text" type="string" displayName="Maintext" default="" initValue="List Item" category="List Item" xpath="text()"/>
- <!-- <property name="group-text" type="group-text" displayName="Maintext Style" default="" category="List Item">
- <property name="font-family" type="font@family" displayName="Font Family" selector="#%id% a, #%id%"/>
- <property name="font-size" type="font@size" displayName="Font Size" selector="#%id% a, #%id%"/>
- <property name="text-align" type="css-text-align" displayName="Text Align" selector="#%id% a, #%id%"/>
- <property name="font-weight" type="css-font-weight" displayName="Font Weight" selector="#%id% a, #%id%"/>
- <property name="font-style" type="css-font-style" displayName="Font Style" selector="#%id% a, #%id%"/>
- <property name="color" type="css-color" displayName="Color" selector="#%id% a, #%id%"/>
- </property> -->
- <property name="class" type="tizen.listitem@class" displayName="Class" default="" category="List Item"/>
- <!--
- <property name="thumbnail-right" type="boolean" displayName="Thumbnail Right" default="" initValue="false" category="List Item">
- <condition name="enable-property-by-child" value="tizen.listitemthumbnail"/>
- </property>
- <property name="dialogue" type="boolean" displayName="Dialogue" default="" initValue="false" category="List Item"/>
- <property name="multiline" type="boolean" displayName="Multiline" default="" initValue="false" category="Multiline List Item"/>
--->
- <!-- <property name="action-item" type="boolean" displayName="Action Item" default="" initValue="true" category="Link">
- <condition name="enable-property" value="true" target="href"/>
- <condition name="enable-property" value="true" target="data-direction"/>
- <condition name="enable-property" value="true" target="data-dom-cache"/>
- <condition name="enable-property" value="true" target="data-prefetch"/>
- <condition name="enable-property" value="true" target="data-transition"/>
- </property>
- <property name="href" type="url" displayName="Link To" default="" category="Link"/>
- <property name="data-direction" type="html.link@direction" displayName="Direction" default="" category="Link"/>
- <property name="data-dom-cache" type="tizen@boolean3" displayName="DOM Cache" default="" category="Link"/>
- <property name="data-prefetch" type="html.link@prefetch" displayName="Prefetch" default="" category="Link"/>
- <property name="data-transition" type="html.link@transition" displayName="Transition" default="" category="Link"/> -->
-
- <property name="data-bind" type="text@databinding" displayName="Data Binding" default="" initValue=""/>
-
- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" />
- <!-- <event name="oncreate" displayName="Create" eventType="event.defaultevent" /> -->
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.listitem">
- <li>
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@id" mode="simple-property"/>
- <xsl:apply-templates select="@class" mode="simple-property"/>
-
- <!-- <xsl:choose>
- <xsl:when test="@multiline = 'true' and @thumbnail-right = 'true' and @dialogue = 'true'">
- <xsl:attribute name="class">
- <xsl:value-of select="concat('ui-li-has-multiline ui-li-thumbnail-right ui-li-dialogue')"/>
- </xsl:attribute>
- </xsl:when>
- <xsl:when test="@multiline = 'true' and @thumbnail-right = 'true' and @dialogue = 'false'">
- <xsl:attribute name="class">
- <xsl:value-of select="concat('ui-li-has-multiline ui-li-thumbnail-right')"/>
- </xsl:attribute>
- </xsl:when>
- <xsl:when test="@multiline = 'true' and @thumbnail-right = 'false' and @dialogue = 'true'">
- <xsl:attribute name="class">
- <xsl:value-of select="concat('ui-li-has-multiline ui-li-dialogue')"/>
- </xsl:attribute>
- </xsl:when>
- <xsl:when test="@multiline = 'true' and @thumbnail-right = 'false' and @dialogue = 'false'">
- <xsl:attribute name="class">
- <xsl:value-of select="concat('ui-li-has-multiline')"/>
- </xsl:attribute>
- </xsl:when>
- <xsl:when test="@multiline = 'false' and @thumbnail-right = 'true' and @dialogue = 'true'">
- <xsl:attribute name="class">
- <xsl:value-of select="concat('ui-li-thumbnail-right ui-li-dialogue')"/>
- </xsl:attribute>
- </xsl:when>
- <xsl:when test="@multiline = 'false' and @thumbnail-right = 'true' and @dialogue = 'false'">
- <xsl:attribute name="class">
- <xsl:value-of select="concat('ui-li-thumbnail-right')"/>
- </xsl:attribute>
- </xsl:when>
- <xsl:when test="@multiline = 'false' and @thumbnail-right = 'false' and @dialogue = 'true'">
- <xsl:attribute name="class">
- <xsl:value-of select="concat('ui-li-dialogue')"/>
- </xsl:attribute>
- </xsl:when>
- </xsl:choose> -->
-
- <!-- <xsl:choose>
- <xsl:when test="@action-item = 'true'">
- <a data-ajax="true">
- <xsl:apply-templates select="@href" mode="simple-property"/>
- <xsl:apply-templates select="@data-ajax" mode="simple-property"/>
- <xsl:apply-templates select="@data-direction" mode="simple-property"/>
- <xsl:apply-templates select="@data-dom-cache" mode="simple-property"/>
- <xsl:apply-templates select="@data-prefetch" mode="simple-property"/>
- <xsl:apply-templates select="@data-rel" mode="simple-property"/>
- <xsl:apply-templates select="@data-transition" mode="simple-property"/>
-
- <xsl:apply-templates select="tizen.listitemcolorbar"/>
- <xsl:apply-templates select="tizen.checkboxitem"/>
- <xsl:apply-templates select="tizen.radiobuttonitem"/>
-
- <xsl:if test="@thumbnail-right = 'false'">
- <xsl:apply-templates select="tizen.listitemthumbnail"/>
- </xsl:if>
-
- <xsl:value-of select="@text"/>
-
- <xsl:apply-templates select="tizen.listitemmaintexticonone"/>
- <xsl:apply-templates select="tizen.listitemsubtextone"/>
-
- <xsl:apply-templates select="tizen.listitemmaintexticontwo"/>
- <xsl:if test="@multiline = 'true'">
- <xsl:apply-templates select="tizen.listitemsubtexttwo"/>
- </xsl:if>
-
- <xsl:if test="@thumbnail-right = 'true'">
- <xsl:apply-templates select="tizen.listitemthumbnail"/>
- </xsl:if>
-
- <xsl:apply-templates select="tizen.listbutton"/>
- <xsl:apply-templates select="tizen.listfliptoggleswitch"/>
- <xsl:apply-templates select="tizen.progressbar"/>
- <xsl:apply-templates select="tizen.progress"/>
- </a>
- </xsl:when>
-
- <xsl:when test="@action-item = 'false'"> -->
- <xsl:value-of select="@text"/>
-
- <xsl:apply-templates select="tizen.listitemcolorbar"/>
- <xsl:apply-templates select="tizen.checkboxitem"/>
- <xsl:apply-templates select="tizen.radiobuttonitem"/>
-
- <!-- <xsl:if test="@thumbnail-right = 'false'">
- <xsl:apply-templates select="tizen.listitemthumbnail"/>
- </xsl:if> -->
- <xsl:apply-templates select="tizen.listitemthumbnail"/>
-
- <!-- <xsl:value-of select="@text"/> -->
-
- <xsl:apply-templates select="tizen.listitemmaintexticonone"/>
- <xsl:apply-templates select="tizen.listitemsubtextone"/>
-
- <xsl:apply-templates select="tizen.listitemmaintexticontwo"/>
- <xsl:if test="@multiline = 'true'">
- <xsl:apply-templates select="tizen.listitemsubtexttwo"/>
- </xsl:if>
-
- <!-- <xsl:if test="@thumbnail-right = 'true'">
- <xsl:apply-templates select="tizen.listitemthumbnail"/>
- </xsl:if> -->
-
- <xsl:apply-templates select="tizen.button"/>
- <xsl:apply-templates select="tizen.fliptoggleswitch"/>
- <xsl:apply-templates select="tizen.progressbar"/>
- <xsl:apply-templates select="tizen.progress"/>
- <!-- </xsl:when>
- </xsl:choose> -->
- </li>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.listitemcolorbar" displayName="Colorbar"
- smallIcon="listitemcolorbar_small.png" icon.16="listitemcolorbar_16.png"
- category="List"
- description="This widget can be used only in the list item widget."
- helpCategory="Tizen_Widget"
- helpContents="list"
- borderVisible="false"
- uiSelector="#%id%"
- xpath="//span[@class='ui-li-color-bar']">
-
- <relations>
- <parent ids="tizen.listitem"/>
- </relations>
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <!-- <property name="color" type="color2" displayName="Color(r, g, b)" default="0, 0, 0" initValue="" xpath="@style"/> -->
- <property name="color" type="string" displayName="Color(r, g, b)" default="0, 0, 0" initValue="" xpath="@style"/>
-
- <!-- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" /> -->
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.listitemcolorbar">
- <span class="ui-li-color-bar">
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@id" mode="simple-property"/>
- <xsl:if test="string-length(@color) > 0">
- <xsl:attribute name="style">
- <xsl:value-of select="concat('background-color:rgba(', @color , ', 1);')"/>
- </xsl:attribute>
- </xsl:if>
- </span>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.listitemmaintexticonone" displayName="Maintext Icon1"
- smallIcon="listitemmaintexticonone_small.png" icon.16="listitemmaintexticonone_16.png"
- category="List"
- description="This widget can be used only in the list item widget."
- helpCategory="Tizen_Widget"
- helpContents="list"
- borderVisible="false"
- uiSelector="#%id%"
- xpath="//span[string-length(@class) = 0 and img[@class='ui-li-icon-sub']]">
-
- <relations>
- <parent ids="tizen.listitem"/>
- </relations>
-
- <property name="id" type="string" displayName="ID" default="" category="Common" xpath="img/@id">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="src" type="image" displayName="Src" default="" xpath="img/@src"/>
- <!-- <property name="group-border" type="group" displayName="Border Style" default="">
- <property name="border-width" type="style@size" displayName="Width" selector="#%id%">
- <condition name="integer-max" value="999" error="integer-max"/>
- </property>
- <property name="border-color" type="css-color" displayName="Color" selector="#%id%"/>
- <property name="border-style" type="border@style" displayName="Style" selector="#%id%"/>
- </property> -->
-
- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <!-- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" /> -->
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.listitemmaintexticonone">
- <span>
- <img class="ui-li-icon-sub">
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@*" mode="simple-property"/>
- </img>
- </span>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.listitemmaintexticontwo" displayName="Maintext Icon2"
- smallIcon="listitemmaintexticontwo_small.png" icon.16="listitemmaintexticontwo_16.png"
- category="List"
- description="This widget can be used in the list item widget."
- helpCategory="Tizen_Widget"
- helpContents="list"
- borderVisible="false"
- uiSelector="#%id%"
- xpath="//span[img[@class='ui-li-icon-sub-right']]">
-
- <relations>
- <parent ids="tizen.listitem"/>
- </relations>
-
- <property name="id" type="string" displayName="ID" default="" category="Common" xpath="img/@id">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="src" type="image" displayName="Src" default="" xpath="img/@src"/>
- <!-- <property name="group-border" type="group" displayName="Border Style" default="">
- <property name="border-width" type="style@size" displayName="Width" selector="#%id%">
- <condition name="integer-max" value="999" error="integer-max"/>
- </property>
- <property name="border-color" type="css-color" displayName="Color" selector="#%id%"/>
- <property name="border-style" type="border@style" displayName="Style" selector="#%id%"/>
- </property> -->
-
- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <!-- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" /> -->
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.listitemmaintexticontwo">
- <span>
- <img class="ui-li-icon-sub-right">
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@*" mode="simple-property"/>
- </img>
- </span>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.listitemsubtexticon" displayName="Subtext Icon"
- smallIcon="listitemsubtexticon_small.png" icon.16="listitemsubtexticon_16.png"
- category="List"
- description="This widget can be used only in the list item subtext1 widget."
- helpCategory="Tizen_Widget"
- helpContents="list"
- borderVisible="false"
- uiSelector="#%id%"
- xpath="//span[@class='ui-li-text-sub']/img[@class='ui-li-icon-sub']">
-
- <relations>
- <parent ids="tizen.listitemsubtextone"/>
- </relations>
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="src" type="image" displayName="Src" default=""/>
- <!-- <property name="group-border" type="group" displayName="Border Style" default="">
- <property name="border-width" type="style@size" displayName="Width" selector="#%id%">
- <condition name="integer-max" value="999" error="integer-max"/>
- </property>
- <property name="border-color" type="css-color" displayName="Color" selector="#%id%"/>
- <property name="border-style" type="border@style" displayName="Style" selector="#%id%"/>
- </property> -->
-
- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <!-- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" /> -->
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.listitemsubtexticon">
- <img class="ui-li-icon-sub">
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@*" mode="simple-property"/>
- </img>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.listitemsubtextone" displayName="Subtext1"
- smallIcon="listitemsubtextone_small.png" icon.16="listitemsubtextone_16.png"
- category="List"
- description="This widget can be used in the list item widget."
- helpCategory="Tizen_Widget"
- helpContents="list"
- borderVisible="false"
- uiSelector="#%id%"
- xpath="//span[@class='ui-li-text-sub']">
-
- <relations>
- <parent ids="tizen.listitem"/>
- <content ids="tizen.listitemsubtexticon"/>
- </relations>
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="text" type="string" displayName="Text" default="" initValue="Sub Text" xpath="text()"/>
- <!-- <property name="group-text" type="group-text" displayName="Text Style" default="">
- <property name="font-family" type="font@family" displayName="Font Family" selector="#%id%"/>
- <property name="font-size" type="font@size" displayName="Font Size" selector="#%id%"/>
- <property name="text-align" type="css-text-align" displayName="Text Align" selector="#%id%"/>
- <property name="font-weight" type="css-font-weight" displayName="Font Weight" selector="#%id%"/>
- <property name="font-style" type="css-font-style" displayName="Font Style" selector="#%id%"/>
- <property name="text-decoration" type="css-text-decoration" displayName="Text Decoration" selector="#%id%"/>
- <property name="color" type="css-color" displayName="Color" selector="#%id%"/>
- </property>
- <property name="icon" type="tizen.listitemsubtextone@icon" displayName="Icon" default="" initValue="after" category="Multiline">
- <condition name="enable-property-by-child" value="tizen.listitemsubtexticon"/>
- </property> -->
- <property name="data-bind" type="text@databinding" displayName="Data Binding" default="" initValue=""/>
-
- <!-- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" /> -->
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.listitemsubtextone">
- <span class="ui-li-text-sub">
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@id" mode="simple-property"/>
-
- <!-- <xsl:if test="@icon = 'before'">
- <xsl:apply-templates select="tizen.listitemsubtexticon"/>
- </xsl:if> -->
-
- <xsl:value-of select="@text"/>
-
- <!-- <xsl:if test="@icon = 'after'">
- <xsl:apply-templates select="tizen.listitemsubtexticon"/>
- </xsl:if> -->
- <xsl:apply-templates select="tizen.listitemsubtexticon"/>
- </span>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.listitemsubtexttwo" displayName="Subtext2"
- smallIcon="listitemsubtexttwo_small.png" icon.16="listitemsubtexttwo_16.png"
- category="List"
- description="This widget can be used in the multiline list item."
- helpCategory="Tizen_Widget"
- helpContents="list"
- borderVisible="false"
- uiSelector="#%id%"
- xpath="//span[@class='ui-li-text-sub2']">
-
- <relations>
- <parent ids="tizen.listitem"/>
- </relations>
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="text" type="string" displayName="Text" default="" initValue="Sub Text2" xpath="text()"/>
- <!-- <property name="group-text" type="group-text" displayName="Text Style" default="">
- <property name="font-family" type="font@family" displayName="Font Family" selector="#%id%"/>
- <property name="font-size" type="font@size" displayName="Font Size" selector="#%id%"/>
- <property name="text-align" type="css-text-align" displayName="Text Align" selector="#%id%"/>
- <property name="font-weight" type="css-font-weight" displayName="Font Weight" selector="#%id%"/>
- <property name="font-style" type="css-font-style" displayName="Font Style" selector="#%id%"/>
- <property name="text-decoration" type="css-text-decoration" displayName="Text Decoration" selector="#%id%"/>
- <property name="color" type="css-color" displayName="Color" selector="#%id%"/>
- </property> -->
-
- <!-- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" /> -->
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.listitemsubtexttwo">
- <span class="ui-li-text-sub2">
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@id" mode="simple-property"/>
- <xsl:value-of select="@text"/>
- </span>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.listitemthumbnail" displayName="Thumbnail"
- smallIcon="listitemthumbnail_small.png" icon.16="listitemthumbnail_16.png"
- category="List"
- description="This widget can be used in the list item widget."
- helpCategory="Tizen_Widget"
- helpContents="list"
- borderVisible="false"
- uiSelector="#%id%"
- xpath="//img[@class='ui-li-bigicon']">
-
- <relations>
- <parent ids="tizen.listitem"/>
- </relations>
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="src" type="image" displayName="Src" default=""/>
- <!-- <property name="group-border" type="group" displayName="Border Style" default="">
- <property name="border-width" type="style@size" displayName="Width" selector="#%id%">
- <condition name="integer-max" value="999" error="integer-max"/>
- </property>
- <property name="border-color" type="css-color" displayName="Color" selector="#%id%"/>
- <property name="border-style" type="border@style" displayName="Style" selector="#%id%"/>
- </property> -->
-
- <property name="data-bind" type="attrsrc@databinding" displayName="Data Binding" default="" initValue=""/>
-
- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" />
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.listitemthumbnail">
- <img class="ui-li-bigicon">
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@*" mode="simple-property"/>
- </img>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<page id="tizen.page" displayName="Page" icon.16="page_16.png"
- uiSelector="#%id%"
- xpath="//div[@data-role='page']">
-
- <relations>
- <content ids="tizen.header" max="1"/>
- <content ids="tizen.content" min="1" max="1"/>
- <content ids="tizen.footer" max="1"/>
- </relations>
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-page-id"/>
- </property>
- <property name="data-add-back-btn" type="tizen@boolean2" displayName="Back Button" default="" notsupported="true">
- <condition name="enable-property-by-child" value="tizen.footer"/>
- </property>
- <property name="data-dom-cache" type="tizen@boolean3" displayName="Dom Cache" default=""/>
- <property name="data-title" type="string" displayName="Title" default=""/>
-
- <event name="onpagebeforecreate" displayName="PageBeforeCreate" eventType="event.pageevent" />
- <event name="onpagecreate" displayName="PageCreate" eventType="event.pageevent" />
- <event name="onpageinit" displayName="PageInit" eventType="event.pageevent" />
- <event name="onpagebeforehide" displayName="PageBeforeHide" eventType="event.pageevent" />
- <event name="onpagehide" displayName="PageHide" eventType="event.pageevent" />
- <event name="onpagebeforeshow" displayName="PageBeforeShow" eventType="event.pageevent" />
- <event name="onpageshow" displayName="PageShow" eventType="event.pageevent" />
- <event name="onpageremove" displayName="PageRemove" eventType="event.pageevent" />
- <event name="onupdatelayout" displayName="UpdateLayout" eventType="event.pageevent" />
-
- <xsl-for-output>
- <xsl:template match="tizen.page">
- <div data-role="page">
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@*" mode="simple-property"/>
- <xsl:apply-templates select="*"/>
- </div>
- </xsl:template>
- </xsl-for-output>
-</page>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.progress" displayName="Progress"
- smallIcon="progress_small.png" icon.16="progress_16.png"
- category="Content,List"
- description="The progress widget shows that an operation is in progress"
- helpCategory="Tizen_Widget"
- helpContents="progress"
- borderVisible="false">
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="data-style" type="tizen.progress@style" displayName="Style" default="pending"
- tooltip="Sets the style of the progress widget"/>
-
- <event name="onchange" displayName="Change" eventType="event.defaultevent" />
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.progress">
- <div data-role="progressing">
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@*" mode="simple-property"/>
- </div>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.progressbar" displayName="Progress Bar"
- smallIcon="progressbar_small.png" icon.16="progressbar_16.png"
- category="Content,List"
- description="The progress bar widget shows a control that indicates the progress percentage of an on-going operation."
- helpCategory="Tizen_Widget"
- helpContents="progressbar"
- borderVisible="false"
- uiSelector="#%id%"
- xpath="//div[@data-role='progressbar']">
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
-
- <event name="onchange" displayName="Change" eventType="event.defaultevent" />
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.progressbar">
- <div data-role="progressbar">
- <xsl:call-template name="print-part-id" />
- <xsl:apply-templates select="@*" mode="simple-property" />
- </div>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.radiobuttonitem" displayName="Radio Button Item"
- smallIcon="radiobuttonitem_small.png" icon.16="radiobuttonitem_16.png"
- category="Form Elements,List"
- description="This widget can be used only in the radio button and list widget."
- helpCategory="Tizen_Widget"
- helpContents=""
- borderVisible="false"
- uiSelector="#%id%"
- xpath="//input[@type='radio']">
-
- <relations>
- <parent ids="tizen.radiobuttons,tizen.listitem"/>
- </relations>
-
- <condition name="change-property-by-parent" value="tizen.listitem" target="text" targetValue=""/>
- <condition name="set-property-by-parent" value="tizen.radiobuttons" target="name" targetValue=""/>
- <condition name="set-property-by-grandparent" value="tizen.listitem" target="name" targetValue=""/>
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <!-- <property name="text" type="string" displayName="Text" default="" initValue="Option">
- <condition name="disable-property-by-parent" value="tizen.listitem"/>
- </property>
- <property name="group-text" type="group-text" displayName="Text Style" default="">
- <property name="font-family" type="font@family" displayName="Font Family" selector="#%id%+label .ui-btn-text"/>
- <property name="font-size" type="font@size" displayName="Font Size" selector="#%id%+label .ui-btn-text"/>
- <property name="font-style" type="css-font-style" displayName="Font Style" selector="#%id%+label .ui-btn-text"/>
- <property name="text-decoration" type="css-text-decoration" displayName="Text Decoration" selector="#%id%+label .ui-btn-text"/>
- <property name="color" type="css-color" displayName="Color" selector="#%id%+label .ui-btn-text"/>
- <condition name="disable-property-by-parent" value="tizen.listitem"/>
- </property> -->
- <property name="name" type="string" displayName="Name" default="" initValue="radio"/>
- <property name="value" type="string" displayName="Value" default=""/>
- <property name="checked" type="tizen@checked" displayName="Checked" default="">
- <condition name="change-other-property-by-property" value="checked" target="name" targetValue=""/>
- </property>
- <property name="disabled" type="tizen@disabled" displayName="Disabled" default=""/>
-
- <event name="onchange" displayName="Change" eventType="event.defaultevent" />
- <!-- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" />
- <event name="oncreate" displayName="Create" eventType="event.defaultevent" /> -->
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.radiobuttonitem">
- <input type="radio">
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@*[name() != 'text']" mode="simple-property"/>
- </input>
-
- <!-- <xsl:if test="string-length(@text) != 0">
- <label>
- <xsl:attribute name="for">
- <xsl:value-of select="@id"/>
- </xsl:attribute>
- <xsl:value-of select="@text"/>
- </label>
- </xsl:if> -->
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.radiobuttons" displayName="Radio Buttons"
- smallIcon="radiobuttons_small.png" icon.16="radiobuttons_16.png"
- category="Form Elements"
- description="The radio buttons widget is used to display a list of options of which only one can be selected."
- helpCategory="Tizen_Widget"
- helpContents=""
- feedbackHeight="25" borderVisible="true"
- guideText="Drop a Radio Button Item"
- uiSelector="#%id%"
- xpath="//fieldset[@data-role='controlgroup' and string-length(@data-type)=0]">
-
- <relations>
- <content ids="html.legend"/>
- <content ids="tizen.radiobuttonitem"/>
- <content ids="html.label"/>
- </relations>
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
-
- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" />
- <!-- <event name="oncreate" displayName="Create" eventType="event.defaultevent" /> -->
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.radiobuttons">
- <fieldset data-role="controlgroup">
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@id" mode="simple-property"/>
- <!-- <xsl:apply-templates select="html.text"/> -->
- <xsl:apply-templates select="*"/>
- </fieldset>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.searchfilterbar" displayName="Search Filter Bar"
- smallIcon="searchfilterbar_small.png" icon.16="searchfilterbar_16.png"
- category="Toolbars"
- description="The search filter bar widget is used to search for page content. This widget can be placed in the header."
- helpCategory="Tizen_Widget"
- helpContents="searchfilterbar"
- borderVisible="false"
- uiSelector="#%id%"
- xpath="//input[@type='search']">
-
- <relations>
- <parent ids="tizen.header"/>
- </relations>
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="name" type="string" displayName="Name" default=""/>
- <property name="placeholder" type="string" displayName="Placeholder" default="Search"/>
- <!-- <property name="group-text-placeholder" type="group-text" displayName="Placeholder Style" default="">
- <property name="font-family" type="font@family" displayName="Font Family" selector="#%id%::-webkit-input-placeholder"/>
- <property name="font-size" type="font@size" displayName="Font Size" selector="#%id%::-webkit-input-placeholder"/>
- <property name="color" type="css-color" displayName="Color" selector="#%id%::-webkit-input-placeholder"/>
- </property> -->
- <property name="value" type="string" displayName="Initial Text" default=""/>
- <!-- <property name="group-text" type="group-text" displayName="Initial Text Style" default="">
- <property name="font-family" type="font@family" displayName="Font Family" selector="#%id%"/>
- <property name="font-size" type="font@size" displayName="Font Size" selector="#%id%"/>
- <property name="font-weight" type="css-font-weight" displayName="Font Weight" selector="#%id%"/>
- <property name="font-style" type="css-font-style" displayName="Font Style" selector="#%id%"/>
- <property name="text-decoration" type="css-text-decoration" displayName="Text Decoration" selector="#%id%"/>
- <property name="color" type="css-color" displayName="Color" selector="#%id%"/>
- </property> -->
- <property name="data-icon" type="tizen.searchfilterbar@icon" displayName="Icon" default=""
- tooltip="Defines an icon for a search bar"/>
- <property name="data-cancel-btn" type="tizen@boolean2" displayName="Cancel Button" default=""
- tooltip="Decide to draw cancel buton"/>
-
- <property name="data-bind" type="value@databinding" displayName="Data Binding" default="" initValue=""/>
-
- <!-- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" />-->
- <event name="onchange" displayName="Change" eventType="event.defaultevent" />
-
- <!-- <event name="oninput" displayName="Input" eventType="event.defaultevent" />
- <event name="oncreate" displayName="Create" eventType="event.defaultevent" />
- <event name="onblur" displayName="Blur" eventType="event.defaultevent" />
- <event name="onchange" displayName="Change" eventType="event.defaultevent" />
- <event name="onfocus" displayName="Focus" eventType="event.defaultevent" />
- <event name="onreset" displayName="Reset" eventType="event.defaultevent" />
- <event name="onselect" displayName="Select" eventType="event.defaultevent" />
- <event name="onsubmit" displayName="Submit" eventType="event.defaultevent" /> -->
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.searchfilterbar">
- <input type="search">
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@*[name() != 'data-icon']" mode="simple-property"/>
- <xsl:if test="string-length(@data-icon) != 0">
- <xsl:apply-templates select="@data-icon" mode="simple-property"/>
- </xsl:if>
- </input>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.selectmenu" displayName="Select Menu"
- smallIcon="selectmenu_small.png" icon.16="selectmenu_16.png"
- category="Form Elements"
- description="The select menu widget is used to select a value in the menu."
- helpCategory="Tizen_Widget"
- helpContents=""
- uiSelector="#%id%"
- xpath="//div[@data-role='fieldcontain' and select]"
- childXpath="//div[@data-role='fieldcontain' and select]/select">
-
- <relations>
- <content ids="tizen.selectmenuitem,tizen.selectmenuitemgroup"/>
- </relations>
-
- <property name="id" type="string" displayName="ID" default="" category="Common" xpath="select/@id">
- <condition name="string-id" error="string-id"/>
- </property>
- <!-- <property name="text" type="string" displayName="Text" default="" initValue="Choose:"/> -->
- <property name="name" type="string" displayName="Name" default="" xpath="select/@name"/>
- <property name="data-icon" type="tizen@icon-down" displayName="Icon" default="" xpath="select/@data-icon"/>
- <property name="data-inline" type="tizen@boolean2" displayName="Inline" default="" xpath="select/@data-inline"/>
-
- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" />
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.selectmenu">
- <div data-role="fieldcontain">
- <xsl:call-template name="print-part-id"/>
- <!-- <xsl:if test="@text[string-length(.) > 0]">
- <label>
- <xsl:attribute name="for">
- <xsl:value-of select="@id"/>
- </xsl:attribute>
- <xsl:value-of select="@text"/>
- </label>
- </xsl:if> -->
- <select>
- <xsl:apply-templates select="@*[name() != 'text']" mode="simple-property"/>
-
- <xsl:apply-templates select="*"/>
- </select>
- </div>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.selectmenuitem" displayName="Select Menu Item"
- smallIcon="selectmenuitem_small.png" icon.16="selectmenuitem_16.png"
- category="Form Elements"
- description="This widget can be used only in the select menu and select menu item group widget."
- helpCategory="Tizen_Widget"
- helpContents=""
- uiSelector="#%id%"
- xpath="//option[string-length(parent::node()/@data-role)=0]">
-
- <relations>
- <parent ids="tizen.selectmenu,tizen.selectmenuitemgroup"/>
- </relations>
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="text" type="string" displayName="Text" default="" initValue="Option" xpath="text()"/>
- <property name="value" type="string" displayName="Value" default=""/>
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.selectmenuitem">
- <option>
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@*[name() != 'text']" mode="simple-property"/>
- <xsl:value-of select="@text"/>
- </option>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.selectmenuitemgroup" displayName="Select Menu Item Group"
- smallIcon="selectmenuitemgroup_small.png" icon.16="selectmenuitemgroup_16.png"
- category="Form Elements"
- description="This widget can be used only in the select menu widget."
- helpCategory="Tizen_Widget"
- helpContents=""
- uiSelector="#%id%"
- xpath="//optgroup">
-
- <relations>
- <parent ids="tizen.selectmenu"/>
- <content ids="tizen.selectmenuitem"/>
- </relations>
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="label" type="string" displayName="Label" default="" initValue="Option Group"/>
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.selectmenuitemgroup">
- <optgroup>
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@*" mode="simple-property"/>
-
- <xsl:apply-templates select="tizen.selectmenuitem"/>
- </optgroup>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.slider" displayName="Slider"
- smallIcon="slider_small.png" icon.16="slider_16.png"
- category="Form Elements"
- description="The slider widget is used to change values by dragging a handle."
- helpCategory="Tizen_Widget"
- helpContents="slider"
- borderVisible="false"
- uiSelector="#%id%"
- xpath="//input[@type='range']">
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="name" type="string" displayName="Name" default=""/>
- <property name="value" type="integer" displayName="Value" default="" initValue="5">
- <condition name="integer-min-by" value="min" error="integer-min-by"/>
- <condition name="integer-max-by" value="max" error="integer-max-by"/>
- </property>
- <!-- <property name="group-text-value" type="group-text" displayName="Value Style" default="">
- <property name="font-family" type="font@family" displayName="Font Family" selector="#%id%+div a .ui-btn-text"/>
- <property name="font-weight" type="css-font-weight" displayName="Font Weight" selector="#%id%+div a .ui-btn-text"/>
- <property name="font-style" type="css-font-style" displayName="Font Style" selector="#%id%+div a .ui-btn-text"/>
- <property name="text-decoration" type="css-text-decoration" displayName="Text Decoration" selector="#%id%+div a .ui-btn-text"/>
- <property name="color" type="css-color" displayName="Color" selector="#%id%+div a .ui-btn-text"/>
- </property> -->
- <property name="min" type="integer" displayName="Min" default="" initValue="0">
- <condition name="integer-min" value="-999" error="integer-min"/>
- <condition name="integer-max-by" value="value" error="integer-max-by"/>
- </property>
- <property name="max" type="integer" displayName="Max" default="" initValue="10">
- <condition name="integer-max" value="999" error="integer-max"/>
- <condition name="integer-min-by" value="value" error="integer-min-by"/>
- </property>
- <property name="data-icon" type="tizen.slider@icon" displayName="Icon" default=""
- tooltip="Defines the icon style for the slider ends">
- <condition name="enable-property" value="text" target="data-text-left"/>
- <condition name="enable-property" value="text" target="data-text-right"/>
- <condition name="enable-property" value="text" target="group-text-left"/>
- <condition name="enable-property" value="text" target="group-text-right"/>
- </property>
- <property name="data-text-left" type="string" displayName="Left Text" default=""
- tooltip="Defines the text displayed on the left side of the slider">
- <condition name="string-max-length" value="3" error="string-max-length"/>
- </property>
- <!-- <property name="group-text-left" type="group-text" displayName="Left Text Style" default="">
- <property name="font-family" type="font@family" displayName="Font Family" selector="#%id%+div .ui-slider-left-text"/>
- <property name="font-size" type="font@size" displayName="Font Size" selector="#%id%+div .ui-slider-left-text"/>
- <property name="font-weight" type="css-font-weight" displayName="Font Weight" selector="#%id%+div .ui-slider-left-text"/>
- <property name="font-style" type="css-font-style" displayName="Font Style" selector="#%id%+div .ui-slider-left-text"/>
- <property name="text-decoration" type="css-text-decoration" displayName="Text Decoration" selector="#%id%+div .ui-slider-left-text"/>
- <property name="color" type="css-color" displayName="Color" selector="#%id%+div .ui-slider-left-text"/>
- </property> -->
- <property name="data-text-right" type="string" displayName="Right Text" default=""
- tooltip="Defines the text displayed on the right side of the slider">
- <condition name="string-max-length" value="3" error="string-max-length"/>
- </property>
- <!-- <property name="group-text-right" type="group-text" displayName="Right Text Style" default="">
- <property name="font-family" type="font@family" displayName="Font Family" selector="#%id%+div .ui-slider-right-text"/>
- <property name="font-size" type="font@size" displayName="Font Size" selector="#%id%+div .ui-slider-right-text"/>
- <property name="font-weight" type="css-font-weight" displayName="Font Weight" selector="#%id%+div .ui-slider-right-text"/>
- <property name="font-style" type="css-font-style" displayName="Font Style" selector="#%id%+div .ui-slider-right-text"/>
- <property name="text-decoration" type="css-text-decoration" displayName="Text Decoration" selector="#%id%+div .ui-slider-right-text"/>
- <property name="color" type="css-color" displayName="Color" selector="#%id%+div .ui-slider-right-text"/>
- </property> -->
- <property name="data-popup" type="tizen@boolean1" displayName="Popup" default=""
- tooltip="Enables or disables a pop-up showing the current value while the handle is dragged"/>
- <property name="data-highlight" type="tizen@boolean1" displayName="Highlight" default=""/>
-
- <property name="data-bind" type="slider@databinding" displayName="Data Binding" default="" initValue=""/>
-
- <!-- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" /> -->
- <event name="onupdate" displayName="Update" eventType="event.defaultevent" />
- <event name="onchange" displayName="Change" eventType="event.defaultevent" />
- <!-- <event name="oncreate" displayName="Create" eventType="event.defaultevent" />
- <event name="onblur" displayName="Blur" eventType="event.defaultevent" />
- <event name="onchange" displayName="Change" eventType="event.defaultevent" />
- <event name="onfocus" displayName="Focus" eventType="event.defaultevent" />
- <event name="onreset" displayName="Reset" eventType="event.defaultevent" />
- <event name="onselect" displayName="Select" eventType="event.defaultevent" />
- <event name="onsubmit" displayName="Submit" eventType="event.defaultevent" /> -->
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.slider">
- <input type="range">
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@*[name() != 'data-text-left' and name() != 'data-text-right']" mode="simple-property"/>
- <xsl:if test="@data-icon = 'text'">
- <xsl:apply-templates select="@data-text-left" mode="simple-property"/>
- <xsl:apply-templates select="@data-text-right" mode="simple-property"/>
- </xsl:if>
- </input>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.starbutton" displayName="Star Button"
- smallIcon="starbutton_small.png" icon.16="starbutton_16.png"
- category="Buttons"
- description="The star button widget shows on the screen a control that you can use to generate an action event when pressed and released."
- helpCategory="Tizen_Widget"
- helpContents="button"
- borderVisible="false"
- uiSelector="#%id%">
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="data-style" type="tizen.starbutton@style" displayName="Style" default=""
- tooltip="It applies different styles of button"/>
- <!-- <property name="group-border-inner" type="group" displayName="Inner Border Style" default="">
- <property name="border-width" type="style@size" displayName="Width" selector="#%id% .ui-btn-inner">
- <condition name="integer-max" value="999" error="integer-max"/>
- </property>
- <property name="border-color" type="css-color" displayName="Color" selector="#%id% .ui-btn-inner"/>
- <property name="border-style" type="border@style" displayName="Style" selector="#%id% .ui-btn-inner"/>
- </property>
- <property name="group-border-outer" type="group" displayName="Outer Border Style" default="">
- <property name="border-width" type="style@size" displayName="Width" selector="#%id%">
- <condition name="integer-max" value="999" error="integer-max"/>
- </property>
- <property name="border-color" type="css-color" displayName="Color" selector="#%id%"/>
- <property name="border-style" type="border@style" displayName="Style" selector="#%id%"/>
- </property> -->
-
- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" />
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.starbutton">
- <div data-role="button" data-icon="star" data-inline="true">
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@*" mode="simple-property"/>
- </div>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.swipe" displayName="Swipe"
- smallIcon="swipe_small.png" icon.16="swipe_16.png"
- category="Dynamic List"
- description="The swipe widget shows on the screen a list view where the list items can be swiped to show a menu."
- helpCategory="Tizen_Widget"
- helpContents="swipe"
- feedbackHeight="63" borderVisible="true"
- guideText="Drop a Swipe Item"
- uiSelector="#%id%">
-
- <relations>
- <content ids="tizen.swipeitem"/>
- </relations>
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
-
- <event name="onanimationstart" displayName="AnimationStart" eventType="event.defaultevent" />
- <event name="onanimationend" displayName="AnimationEnd" eventType="event.defaultevent" />
- <!-- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" /> -->
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.swipe">
- <ul data-role="listview">
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@*" mode="simple-property"/>
- <xsl:apply-templates select="html.text"/>
- <xsl:apply-templates select="tizen.swipeitem"/>
- </ul>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.swipeitem" displayName="Swipe Item"
- smallIcon="swipeitem_small.png" icon.16="swipeitem_16.png"
- category="Dynamic List"
- description="This widget can be used only in the swipe widget."
- helpCategory="Tizen_Widget"
- helpContents="swipe"
- borderVisible="false"
- uiSelector="#%id%">
-
- <relations>
- <parent ids="tizen.swipe" />
- <content ids="tizen.button" max="4"/>
- </relations>
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="text" type="string" displayName="Text" default="" initValue="Swipe Item"/>
- <!-- <property name="group-text" type="group-text" displayName="Text Style" default="">
- <property name="font-family" type="font@family" displayName="Font Family" selector="#%id% p"/>
- <property name="font-size" type="font@size" displayName="Font Size" selector="#%id% p"/>
- <property name="text-align" type="css-text-align" displayName="Text Align" selector="#%id% p"/>
- <property name="font-weight" type="css-font-weight" displayName="Font Weight" selector="#%id% p"/>
- <property name="font-style" type="css-font-style" displayName="Font Style" selector="#%id% p"/>
- <property name="text-decoration" type="css-text-decoration" displayName="Text Decoration" selector="#%id% p"/>
- <property name="color" type="css-color" displayName="Color" selector="#%id% p"/>
- </property> -->
-
- <event name="onanimationstart" displayName="AnimationStart" eventType="event.defaultevent" />
- <event name="onanimationend" displayName="AnimationEnd" eventType="event.defaultevent" />
- <!-- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" /> -->
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.swipeitem">
- <li data-role="swipe">
- <xsl:call-template name="print-part-id"/>
-
- <div data-role="swipe-item">
- <xsl:apply-templates select="tizen.button"/>
- </div>
- <div data-role="swipe-item-cover">
- <xsl:apply-templates select="@id" mode="simple-property"/>
- <p>
- <xsl:value-of select="@text"/>
- </p>
- </div>
- </li>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.tabbar" displayName="Tabbar"
- smallIcon="tabbar_small.png" icon.16="tabbar_16.png"
- category="Toolbars"
- description="The tabbar widget supports the grouped button style in the header."
- helpCategory="Tizen_Widget"
- helpContents="tabbar"
- feedbackHeight="57" borderVisible="true"
- guideText="Drop a Tabbar Item"
- uiSelector="#%id%"
- xpath="//div[@data-role='tabbar']" childXpath="//div[@data-role='tabbar']/ul">
-
- <relations>
- <content ids="tizen.tabbaritem" max="5"/>
- </relations>
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id" />
- </property>
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.tabbar">
- <div data-role="tabbar">
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@*" mode="simple-property"/>
- <xsl:apply-templates select="html.text"/>
- <ul>
- <xsl:apply-templates select="tizen.tabbaritem"/>
- </ul>
- </div>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.tabbaritem" displayName="Tabbar Item"
- smallIcon="tabbaritem_small.png" icon.16="tabbaritem_16.png"
- category="Toolbars"
- description="This widget can be used only in the tabbar widget."
- helpCategory="Tizen_Widget"
- helpContents="tabbar"
- borderVisible="false"
- uiSelector="#%id%"
- xpath="//div[@data-role='tabbar']/ul/li">
-
- <relations>
- <parent ids="tizen.tabbar"/>
- </relations>
-
- <property name="id" type="string" displayName="ID" default="" category="Common" xpath="a/@id">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="text" type="string" displayName="Text" default="" initValue="Tabbar Item" xpath="a/text()"/>
- <!-- <property name="group-text" type="group-text" displayName="Text Style" default="">
- <property name="font-family" type="font@family" displayName="Font Family" selector="#%id% .ui-btn-text"/>
- <property name="font-size" type="font@size" displayName="Font Size" selector="#%id% .ui-btn-text"/>
- <property name="text-align" type="css-text-align" displayName="Text Align" selector="#%id%"/>
- <property name="font-style" type="css-font-style" displayName="Font Style" selector="#%id% .ui-btn-text"/>
- <property name="text-decoration" type="css-text-decoration" displayName="Text Decoration" selector="#%id% .ui-btn-text"/>
- <property name="color" type="css-color" displayName="Color" selector="#%id% .ui-btn-text"/>
- </property> -->
- <property name="href" type="url" displayName="Link To" default="" xpath="a/@href"/>
- <property name="class" type="tizen.tabbaritem@class" displayName="Active" default="" xpath="a/@class">
- <condition name="change-other-property-by-parent" value="ui-btn-active" target="tizen.tabbar" targetValue=""/>
- </property>
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.tabbaritem">
- <li>
- <xsl:call-template name="print-part-id"/>
- <a>
- <xsl:apply-templates select="@*[name() != 'text']" mode="simple-property"/>
- <xsl:value-of select="@text"/>
- </a>
- </li>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.tokentextarea" displayName="Token Text Area"
- smallIcon="tokentextarea_small.png" icon.16="tokentextarea_16.png"
- category="Content"
- description="The token text area widget changes a text item to a button."
- helpCategory="Tizen_Widget"
- helpContents="tokentextarea"
- borderVisible="false"
- uiSelector="#%id%"
- xpath="//div[@data-role='tokentextarea']">
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="data-label" type="string" displayName="Label" default="To :"
- tooltip="Sets a label as a guide for the user"/>
- <!-- <property name="group-text" type="group-text" displayName="Label Style" default="">
- <property name="font-family" type="font@family" displayName="Font Family" selector="#%id% .ui-tokentextarea-label"/>
- <property name="font-size" type="font@size" displayName="Font Size" selector="#%id% .ui-tokentextarea-label"/>
- <property name="font-style" type="css-font-style" displayName="Font Style" selector="#%id% .ui-tokentextarea-label"/>
- <property name="text-decoration" type="css-text-decoration" displayName="Text Decoration" selector="#%id% .ui-tokentextarea-label"/>
- <property name="color" type="css-color" displayName="Color" selector="#%id% .ui-tokentextarea-label"/>
- </property> -->
- <property name="data-description" type="string" displayName="Description" default="" initValue="+ {0}"
- tooltip="Manages the message format. The message is displayed when the widget status changes to focus out."/>
- <property name="data-link" type="url" displayName="Link" default=""
- tooltip="Set the ID of the page to link, like the contact"/>
-
- <event name="oncreate" displayName="Create" eventType="event.defaultevent" />
- <event name="onselect" displayName="Select" eventType="event.defaultevent" />
- <event name="onadd" displayName="Add" eventType="event.defaultevent" />
- <event name="onremove" displayName="Remove" eventType="event.defaultevent" />
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.tokentextarea">
- <div data-role="tokentextarea">
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@*" mode="simple-property"/>
- </div>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.video" displayName="Video"
- smallIcon="video_small.png" icon.16="video_16.png"
- category="Content"
- description="The video widget shows a player control that you can use to view and handle multimedia content"
- helpCategory="Tizen_Widget"
- helpContents="video"
- borderVisible="false">
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="data-control" type="boolean" displayName="Control" default="false" />
- <property name="data-fullscreen" type="boolean" displayName="Fullscreen" default="false"/>
- <property name="style" type="string" displayName="Style" default=""/>
- <property name="src" type="video" displayName="Src" default=""/>
- <property name="type" type="tizen.video@type" displayName="Type" default="video/mp4"/>
- <property name="data-theme" type="string" displayName="Theme" default=""/>
-
- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
- <event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
- <event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
- <event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
- <event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" />
- <event name="oncreate" displayName="Create" eventType="event.defaultevent" />
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.video">
- <video>
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@id" mode="simple-property"/>
- <xsl:apply-templates select="@data-control" mode="simple-property"/>
- <xsl:apply-templates select="@data-fullscreen" mode="simple-property"/>
- <xsl:apply-templates select="@style" mode="simple-property"/>
- <xsl:apply-templates select="@data-theme" mode="simple-property"/>
- <source>
- <xsl:apply-templates select="@src" mode="simple-property"/>
- <xsl:apply-templates select="@type" mode="simple-property"/>
- </source>
- </video>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.virtualgrid" displayName="Virtual Grid"
- smallIcon="virtualgrid_small.png" icon.16="virtualgrid_16.png"
- category="Content"
- description="The virtual grid widget is used to display a list of unlimited data elements on the screen for better performance. This widget displays the data in the grid format by reusing the existing grid control space"
- helpCategory="Tizen_Widget"
- helpContents="virtualgrid"
- borderVisible="false">
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="data-template" type="string" displayName="Template" default=""/>
- <property name="data-direction" type="tizen.virtualgrid@direction" displayName="Direction" default="y"/>
- <property name="data-rotation" type="boolean" displayName="Rotation" default="false"/>
- <property name="data-itemcount" type="string" displayName="Itemcount" default="1"/>
-
- <event name="onscrollstart" displayName="ScrollStart" eventType="event.defaultevent" />
- <event name="onscrollupdate" displayName="ScrollUpdate" eventType="event.defaultevent" />
- <event name="onscrollstop" displayName="ScrollStop" eventType="event.defaultevent" />
- <event name="onselect" displayName="Select" eventType="event.defaultevent" />
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.virtualgrid">
- <div data-role="virtualgrid">
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@*" mode="simple-property"/>
- </div>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget id="tizen.virtuallist" displayName="Virtual List"
- smallIcon="virtuallist_small.png" icon.16="virtuallist_16.png"
- category="Dynamic List"
- description="The virtual list widget is used to display a list of unlimited data elements on the screen for better performance. This widget provides easy access to databases to retrieve and display data"
- helpCategory="Tizen_Widget"
- helpContents="virtuallist"
- borderVisible="false">
-
- <property name="id" type="string" displayName="ID" default="" category="Common">
- <condition name="string-id" error="string-id"/>
- </property>
- <property name="data-template" type="string" displayName="Template" default=""/>
- <property name="data-row" type="integer" displayName="Row" default="100"/>
-
- <xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="tizen.virtuallist">
- <ul data-role="virtuallistview">
- <xsl:call-template name="print-part-id"/>
- <xsl:apply-templates select="@*" mode="simple-property"/>
- </ul>
- </xsl:template>
- </xsl-for-output>
-</widget>
+++ /dev/null
-<!DOCTYPE html>
-<html>
-
-<head>
-<meta http-equiv="content-type" content="text/html; charset=UTF-8">
-%meta%
-
-<base href="%page_path%/">
-
-<style>
-body {
- overflow: hidden;
-}
-
-.showborder {
- border: 1px gray dashed
-}
-</style>
-<!--
-<script src="%root_path%/%jquery_js%"></script>
-<script src="%root_path%/%tizen_web_ui_fw_libs_js%"></script>
-<script src="%root_path%/%tizen_web_ui_fw_js%" data-framework-theme="%framwork_theme%"></script>
--->
-%framework%
-
-%style%
-
-<!--
-<link rel="stylesheet" type="text/css" href="%root_path%/app.css">
--->
-
-<link rel="stylesheet" type="text/css" href="%page_css_path%">
-
-<style type="text/css" id="page_style">
-</style>
-
-<script src="%root_path%/tizen-ui-builder-tool/res/html/ground.js">
-</script>
-
-</head>
-
-<body>
-</body>
-
-</html>
+++ /dev/null
-/*
- * UI Builder
- *
- * Copyright (c) 2000 - 2014 Samsung Electronics Co., Ltd. All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Contributors:
- * - S-Core Co., Ltd
- *
- */
-
-$(document).ready(function() {
- ComingBridge.ready();
-});
-
-$.mobile.autoInitialize = false;
-
-jQuery.fn.outerHtml = function() {
- return jQuery('<div />').append(this.eq(0).clone()).html();
-}
-
-// setBasePath: (path:String) -> ()
-function setBasePath(path) {
- // $('base').attr("href", "file:///" + path + "/");
-}
-
-// setCssStyle: (style:String) -> ()
-function setCssStyle(style) {
- document.getElementById('page_style').innerHTML = style;
-}
-
-// scrollTo: (val:str) -> ()
-function scrollTo(val) {
- // $(".ui-mobile").css("transform", "translateY(" + val + "px)");
- // $(".ui-mobile").css("-webkit-transform", "translateY(" + val + "px)");
- $(".ui-scrollview-view").css("transform", "translateY(" + val + "px)");
- $(".ui-scrollview-view").css("-webkit-transform",
- "translateY(" + val + "px)");
-}
-
-// getScrollPos: () -> int
-function getScrollPos() {
- var pos = $(".ui-mobile").css("-webkit-transform");
- // var pos = $(".ui-scrollview-view").css("-webkit-transform");
- var values = pos.split('(')[1];
- values = values.split(')')[0];
- values = values.split(',');
- return values[5].trim();
-}
-
-function genPage(html) {
- $('body').html(html);
- // $('[data-role=page]').page().page('refresh').show();
- $('[data-role=page]').page().page('setToolbar').show();
- tbPage = $(".ui-page");
- $elHeader = $(".ui-page .ui-header");
- $elFooter = $(".ui-page .ui-footer");
- $elHeader.outerHeight() ? $(tbPage).css("padding-top",
- $elHeader.outerHeight()) : $(tbPage).css("padding-top", 0);
- $elFooter.outerHeight() ? $(tbPage).css("padding-bottom",
- $elFooter.outerHeight()) : $(tbPage).css("padding-bottom", 0);
- $(":jqmData(role='tokentextarea')").tokentextarea("refresh");
-}
-
-function genPage2(html) {
- // var newPage = $(html);
- // newPage.appendTo( $('body'));
- // $('[data-role=page]').page();
- // $.mobile.changePage( newPage );
-
- var newPage = $(html);
- $('[data-role=page]').attr('data-old-page', true);
- newPage.attr('data-old-page', false);
- newPage.appendTo($('body'));
- $('[data-role=page]').page();
- $.mobile.changePage(newPage);
- $('[data-old-page=false]').one('pageshow', function() {
- console.log('pageshow:' + $(this).attr('id'));
- $('[data-old-page=true]').remove();
- });
-}
-
-// changeBody: (html:String) -> ()
-function changeBody(html) {
- $(':mobile-page').page("destroy");
-
- genPage(html);
- // genPage2(html);
-
- // $.mobile.resizePageContentHeight($('[data-role=page]'));
-
- $('[part-id]')
- .each(
- function(k, v) {
- var vv = $(v);
- if ((!vv.is(":visible"))
- && (vv.next().length > 0
- && vv.next().is(":visible") && (!(vv
- .next().attr("part-id"))))) {
- vv.next().attr("part-id", vv.attr("part-id")).attr(
- "data-role", vv.attr("data-role"));
- vv.attr("part-id", "");
- }
- });
-
- // var fixed = $('[data-position=fixed]');
- // if ((typeof fixed.fixedtoolbar) === 'function') {
- // fixed.fixedtoolbar('destroy');
- // }
-
- $(window)
- .unbind(
- "scroll scrollstart scrollstop throttledresize popstate touchmove orientationchange hashchange load resize");
- $(document)
- .unbind(
- "scroll scrollstart scrollview_start scrollviewcreate silentscroll");
- $(".ui-multibuttonentry-input").css("display", "none");
-
- // $('[data-role=header]').css('position', 'relative');
- // $('[data-role=footer]').css('position', 'relative').css('top', '0');
- $(".ui-content").css("overflow", "visible");
- $(".ui-scrollview-view").css("overflow", "visible");
-}
-
-// showBorder: (wid:String) -> ()
-function showBorder(wid) {
- var wgt = $("[part-id='" + wid + "']");
- var w = wgt.width(), h = wgt.height();
- wgt.addClass("showborder").width(w - 2).height(h - 2);
-}
-
-// getClientBound: ()
-// -> stringified WidgetPosition
-function getClientBound() {
- var wgt = $(".ui-scrollview-view");
- var loc = wgt.offset();
- var pos = wgt.position();
-
- // var head_height = $('[data-role=header]').outerHeight();
- // var footer_height = $('[data-role=footer]').outerHeight();
- var content_height = wgt.outerHeight();// + head_height + footer_height;
- if (wgt.children().length > 0) {
- content_height += parseInt(wgt.children().first().css('margin-top'))
- + parseInt(wgt.children().last().css('margin-bottom'));
- }
-
- var bound = {
- x : parseInt(loc.left),
- y : parseInt(loc.top),
- w : parseInt(wgt.outerWidth()),
- h : parseInt(content_height),
- l : parseInt(wgt.css("margin-left")),
- r : parseInt(wgt.css("margin-right")),
- t : parseInt(wgt.css("margin-top")),
- b : parseInt(wgt.css("margin-bottom")),
- left : parseInt(pos.left),
- top : parseInt(pos.top),
- width : parseInt(wgt.css("width")),
- height : parseInt(wgt.css("height")),
- };
- if (bound.w < 1)
- bound.w = 1;
- if (bound.h < 1)
- bound.h = 1;
- return JSON.stringify(bound);
-}
-
-// getWindowBound: ()
-// -> stringified WidgetPosition
-function getWindowBound() {
- var wgt = $(".ui-scrollview-clip");
- var loc = wgt.offset();
- var pos = wgt.position();
-
- var head_height = $('[data-role=header]').outerHeight();
- var footer_height = $('[data-role=footer]').outerHeight();
- var content_height = $(window).height() - head_height - footer_height;
-
- var bound = {
- x : parseInt(loc.left),
- y : parseInt(loc.top),
- w : parseInt(wgt.outerWidth()),
- h : parseInt(content_height),
- l : parseInt(wgt.css("margin-left")),
- r : parseInt(wgt.css("margin-right")),
- t : parseInt(wgt.css("margin-top")),
- b : parseInt(wgt.css("margin-bottom")),
- left : parseInt(pos.left),
- top : parseInt(pos.top),
- width : parseInt(wgt.css("width")),
- height : parseInt(wgt.css("height")),
- };
- if (bound.w < 1)
- bound.w = 1;
- if (bound.h < 1)
- bound.h = 1;
- return JSON.stringify(bound);
-}
-
-function getPageBound() {
- var wgt = $(".ui-scrollview-clip");
- var loc = wgt.offset();
- var pos = wgt.position();
-
- var content_width = $(window).width();
- var content_height = $(window).height();
-
- var bound = {
- x : parseInt(0),
- y : parseInt(0),
- w : parseInt(content_width),
- h : parseInt(content_height),
- l : parseInt(wgt.css("margin-left")),
- r : parseInt(wgt.css("margin-right")),
- t : parseInt(wgt.css("margin-top")),
- b : parseInt(wgt.css("margin-bottom")),
- left : parseInt(pos.left),
- top : parseInt(pos.top),
- width : parseInt(wgt.css("width")),
- height : parseInt(wgt.css("height")),
- };
- return bound;
-}
-
-function getOneWidgetBound(wgt) {
- var elm = wgt.get(0);
- var loc = wgt.offset();
- var pos = wgt.position();
- var origin = wgt.css("-webkit-transform-origin").split(" ");
-
- var bound = {
- x : parseInt(loc.left),
- y : parseInt(loc.top),
- //w : parseInt(elm.getBoundingClientRect().width),
- //h : parseInt(elm.getBoundingClientRect().height),
- w : parseInt(wgt.outerWidth()),
- h : parseInt(wgt.outerHeight()),
- l : parseInt(wgt.css("margin-left")),
- r : parseInt(wgt.css("margin-right")),
- t : parseInt(wgt.css("margin-top")),
- b : parseInt(wgt.css("margin-bottom")),
- left : parseInt(pos.left),
- top : parseInt(pos.top),
- width : parseInt(wgt.css("width")),
- height : parseInt(wgt.css("height")),
- transform : wgt.css("-webkit-transform"),
- transformOriginX : parseFloat(origin[0]),
- transformOriginY : parseFloat(origin[1]),
- contentWidth : parseInt(wgt.width()),
- contentHeight : parseInt(wgt.height())
- };
-
- if (bound.w < 1)
- bound.w = 1;
- if (bound.h < 1)
- bound.h = 1;
- return bound;
-}
-
-function getContentBound() {
- var bound = getOneWidgetBound($(".ui-scrollview-clip"))
-
- var head_height = $('[data-role=header]').outerHeight();
- var footer_height = $('[data-role=footer]').outerHeight();
- var content_height = $(window).height() - head_height - footer_height;
-
- bound.h = content_height;
-
- return bound;
-}
-
-function getWidgetRecursiveBound(wgt) {
- var children = wgt.children();
- var bound = getOneWidgetBound(wgt);
- // bound.x -= bound.l; bound.w += (bound.l + bound.r);
- // bound.y -= bound.t; bound.h += (bound.t + bound.b);
-
- if (wgt.css("overflow") != "hidden") {
- for ( var i = 0; i < children.length; i++) {
- var ch = $(children[i]);
- if (ch.is(":visible")) {
- var cbound = getWidgetRecursiveBound(ch);
-
- if (cbound != null) {
- if (cbound.x < bound.x) {
- bound.w += (bound.x - cbound.x);
- bound.x = cbound.x;
- }
- if (cbound.y < bound.y) {
- bound.h += (bound.y - cbound.y);
- bound.y = cbound.y;
- }
- if ((cbound.x + cbound.w) > (bound.x + bound.w)) {
- bound.w += (cbound.x + cbound.w) - (bound.x + bound.w);
- }
- if ((cbound.y + cbound.h) > (bound.y + bound.h)) {
- bound.h += (cbound.y + cbound.h) - (bound.y + bound.h);
- }
- }
- }
- }
- }
- return bound;
-}
-
-function getWidgetBoundIncludeAbove(wgt, prev_wgt_style) {
- var bound = getOneWidgetBound(wgt);
-
- var ch = wgt.prev();
- if (ch != null) {
- if (prev_wgt_style != null && ch.is(prev_wgt_style)) {
- var cbound = getOneWidgetBound(ch);
- if (cbound != null) {
- if (cbound.x < bound.x) {
- bound.w += (bound.x - cbound.x);
- bound.x = cbound.x;
- }
- if (cbound.y < bound.y) {
- bound.h += (bound.y - cbound.y);
- bound.y = cbound.y;
- }
- }
- }
- }
- return bound;
-}
-
-// getWidgetBound: (widget:jQuery) -> {x:number, y:number, w:number, h:number,
-// l: r: t: b:}
-// 자기 자식의 bound를 모두 포함하고, 크기가 최소 1px * 1px 이상이 되도록 반환
-function getWidgetBound(wgt) {
- var role = wgt.attr("data-role");
- if (role === "page") {
- return getPageBound();
- } else if (role === "content") {
- return getContentBound();
- } else if (role === "colorpicker") {
- return getWidgetRecursiveBound(wgt);
- } else if (role === "list") {
- return getWidgetBoundIncludeAbove(wgt, "form[role=search]:visible");
- } else {
- return getWidgetRecursiveBound(wgt);
- // return getOneWidgetBound(wgt);
- }
-}
-
-// getWidgetPosition: (wid:String) -> stringified WidgetPosition
-function getWidgetPosition(wid) {
- var wgt = $("[part-id='" + wid + "']");
-
- if (wgt !== null && wgt !== undefined && wgt.length > 0) {
- if (wgt.attr("cg-bound") !== undefined) {
- return wgt.attr("cg-bound");
- }
- return JSON.stringify(getWidgetBound(wgt));
- }
- return null;
-}
-
-// getAllWidgetPositions: ()
-// -> stringified [{wid:String, rectangle:WidgetPosition}]
-function getAllWidgetPositions() {
- var result = [];
-
- $("*[part-id]").each(function() {
- var t = $(this);
-
- if (t.attr("cg-excluded")) {
- result.push({
- wid : t.attr("part-id"),
- rectangle : JSON.parse(t.attr("cg-bound"))
- });
- } else {
- result.push({
- wid : t.attr("part-id"),
- rectangle : getWidgetBound(t)
- });
- }
- });
- var h = $("[data-role=header]:not([part-id])");
- var f = $("[data-role=footer]:not([part-id])");
- if (h.length > 0) {
- result.push({
- wid : ":header",
- rectangle : getWidgetBound(h)
- });
- }
- if (f.length > 0) {
- result.push({
- wid : ":footer",
- rectangle : getWidgetBound(f)
- });
- }
- return JSON.stringify(result);
-}
-
-// getWidgetPositions: (wid:[String]) -> stringified [{wid:String,
-// rectangle:WidgetPosition}]
-function getWidgetPositions(wids) {
- var result = [];
-
- for ( var i = 0; i < wids.length; i++) {
- result.push({
- wid : wids[i],
- rectangle : getWidgetBound($("[part-id='" + wids[i] + "']"))
- });
- }
- return JSON.stringify(result);
-}
-
-// widgetId: (dom:jQuery) -> (wid:String)
-function widgetId(dom) {
- if (dom.length === 0) {
- return null;
- }
- if (dom.attr("part-id") !== undefined) {
- return dom.attr("part-id");
- } else {
- return widgetId(dom.parent());
- }
-}
-
-// includeAllWidgets: () -> ()
-function includeAllWidgets() {
- $("[cg-excluded]").each(function(index, elem) {
- // $(elem).css("display", "");
- $(elem).css("opacity", "1.0");
- });
- $("[cg-excluded]").removeAttr("cg-excluded").removeAttr("cg-bound");
-}
-
-// excludeWidgets: (wids:[String]) -> ()
-function excludeWidgets(wids) {
- var i, widget;
- for (i = 0; i < wids.length; i++) {
- widget = $("[part-id='" + wids[i] + "']");
-
- widget.attr("cg-bound", getWidgetPosition(wids[i]));
- }
- for (i = 0; i < wids.length; i++) {
- widget = $("[part-id='" + wids[i] + "']");
-
- widget.attr("cg-excluded", "true");
- // widget.css("display", "none");
- widget.css("opacity", "0.2");
- }
-}
-
-function getElementDom(id) {
- var result = document.getElementById(id);
- return result.outerHTML;
-}
-
-function createSelectionElement() {
- var selection = document.createElement('span');
- document.body.appendChild(selection);
-
- selection.setAttribute("id", "selectorSpan");
- selection.style.position = "absolute";
- selection.style.opacity = "0.5";
- selection.style.backgroundColor = "red";
- selection.style.zIndex = "10000";
-}
-
-function removeSelectionElement() {
- var selection = document.getElementById("selectorSpan");
- document.body.removeChild(selection);
-}
-
-function getSelectedElementRect(id, tags, indexes) {
-
- var selectorSpan = document.getElementById("selectorSpan");
- var rect = {
- top : 0,
- left : 0,
- width : 0,
- height : 0
- }
-
- selectorSpan.style.top = "0px";
- selectorSpan.style.left = "0px";
- selectorSpan.style.width = "0px";
- selectorSpan.style.height = "0px";
-
- var resultElement = document.getElementById(id);
- var selected = resultElement;
- if (tags.length > 0 && indexes.length > 0 && tags.length == indexes.length) {
- for (i = 0; i < tags.length; i++) {
- var tag = selected.children;
- selected = tag[indexes[i]];
- }
- }
- var rects = selected.getClientRects();
-
- if (rects.length > 0) {
- var clientRect = rects.item(0);
- rect.top = clientRect.top;
- rect.left = clientRect.left;
- rect.width = clientRect.width;
- rect.height = clientRect.height;
- }
-
- var selectorSpan = document.getElementById("selectorSpan");
- selectorSpan.style.top = rect.top;
- selectorSpan.style.left = rect.left;
- selectorSpan.style.width = rect.width;
- selectorSpan.style.height = rect.height;
-
- return JSON.stringify(rect);
-
-}
-
-function modifyStyle(style) {
- document.getElementById('modified_style').innerHTML = style;
-}
+++ /dev/null
-<!DOCTYPE html>
-<html>
-
-<head>
-<meta http-equiv="content-type" content="text/html; charset=UTF-8"></meta>
-%meta%
-
-<base href="%page_path%/">
-
-<style type="text/css">
-body {
- margin:0; overflow:hidden;
- -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;
- -moz-user-select: none; -ms-user-select: none; user-select: none; }
- overflow: hidden;
-}
-</style>
-<!--
-<script src="%tool_path%/jq/json2.js"></script>
-<script src="%root_path%/tizen-web-ui-fw/latest/js/jquery.js"></script>
-<script src="%root_path%/tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.js"></script>
-<script src="%root_path%/tizen-web-ui-fw/latest/js/tizen-web-ui-fw.js" data-framework-theme="%framwork_theme%"></script>
--->
-%framework%
-
-%style%
-
-<!--
-<link rel="stylesheet" type="text/css" href="%root_path%/app.css">
--->
-
-<link rel="stylesheet" type="text/css" href="%page_css_path%">
-
-<style type="text/css" id="page_managed_style">
-%css%
-</style>
-
-<script>
- $(document).ready(function() {
- $(document).bind("selectstart.jq", function() { return false; });
- $(document).css("KhtmlUserSelect", "none").get(0).unselectable = "on";
- $("*").bind("selectstart", function(e) { e.preventDefault(); return true; });
- $("*").bind("mousedown", function(e) { e.preventDefault(); return true; });
- $("*").bind("mouseup", function(e) { e.preventDefault(); return true; });
- });
-
- // setShowingSize: (width:int, height:int) -> ()
- function setShowingSize(width, height) {
- var dv = $("#preview");
-
- if (width >= 0) {
- dv.css("width", width);
- }
- if (height >= 0) {
- dv.css("height", height);
- }
- }
-</script>
-</head>
-
-<body>
-%html%
-</body>
-
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
-
-<head>
-<meta http-equiv="content-type" content="text/html; charset=UTF-8"></meta>
-%meta%
-
-<base href="%page_path%/">
-
-<style type="text/css">
-body {
- overflow: hidden;
- margin: auto;
- x-width: 720px;
- x-height: 1280px;
-
- transform-origin: 0 0;
- transform: scale(1);
- -webkit-transform-origin: 0 0;
- -webkit-transform: scale(1);
-}
-</style>
-<!--
-<script src="%tool_path%/jq/json2.js"></script>
-<script src="%root_path%/tizen-web-ui-fw/latest/js/jquery.js"></script>
-<script src="%root_path%/tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.js"></script>
-<script src="%root_path%/tizen-web-ui-fw/latest/js/tizen-web-ui-fw.js" data-framework-theme="%framwork_theme%"></script>
--->
-%framework%
-
-%style%
-
-<!--
-<link rel="stylesheet" type="text/css" href="%root_path%/app.css" />
--->
-
-<link rel="stylesheet" type="text/css" href="%page_css_path%">
-
-<style type="text/css" id="page_managed_style">
-%css%
-</style>
-
-<script>
- // setBasePath: (path:String) -> ()
- function setBasePath(path) {
-// $('base').attr("href", "file:///" + path + "/");
- }
-
- // setBasePath: (path:String) -> ()
- function setZoomScale(scale) {
-// $(body).attr("scale", scale);
- }
-
- // changeBody: (html:String) -> ()
- function changeBody(html) {
- $(':mobile-page').page("destroy");
-
- $('body').html(html);
- $('[data-role=page]').page();
- $('[data-role=page]').show();
- $('[part-id]').each(
- function(k, v) {
- var vv = $(v);
- if ((!vv.is(":visible"))
- && (vv.next().length > 0
- && vv.next().is(":visible") && (!(vv.next()
- .attr("part-id"))))) {
- vv.next().attr("part-id", vv.attr("part-id")).attr(
- "data-role", vv.attr("data-role"));
- vv.attr("part-id", "");
- }
- });
-
- var fixed = $('[data-position=fixed]');
- if ((typeof fixed.fixedtoolbar) === 'function') {
- fixed.fixedtoolbar('destroy');
- }
-
- $(window)
- .unbind(
- "scroll scrollstart scrollstop throttledresize popstate touchmove orientationchange hashchange load resize");
- $(document)
- .unbind(
- "scroll scrollstart scrollview_start scrollviewcreate silentscroll");
- $(".ui-multibuttonentry-input").css("display", "none");
-
- //$('[data-role=header]').css('position', 'relative');
- //$('[data-role=footer]').css('position', 'relative').css('top', '0');
- }
-
- $(document).ready(function() {
- $('[part-id]').each(
- function(k, v) {
- var vv = $(v);
- if ((!vv.is(":visible"))
- && (vv.next().length > 0
- && vv.next().is(":visible") && (!(vv.next()
- .attr("part-id"))))) {
- vv.next().attr("part-id", vv.attr("part-id")).attr(
- "data-role", vv.attr("data-role"));
- vv.attr("part-id", "");
- }
- });
-
- var fixed = $('[data-position=fixed]');
- if ((typeof fixed.fixedtoolbar) === 'function') {
- fixed.fixedtoolbar('destroy');
- }
-
- $(window)
- .unbind(
- "scroll scrollstart scrollstop throttledresize popstate touchmove orientationchange hashchange load resize");
- $(document)
- .unbind(
- "scroll scrollstart scrollview_start scrollviewcreate silentscroll");
- $(".ui-multibuttonentry-input").css("display", "none");
-
- //$('[data-role=header]').css('position', 'relative');
- //$('[data-role=footer]').css('position', 'relative').css('top', '0');
- });
-</script>
-</head>
-
-<body>
-%html%
-</body>
-
-</html>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<tizenFile>
- <fileInfo>
- <type>tizen-page</type>
- <version>0.0.2</version>
- <desc>Tizen Web UI Builder Project</desc>
- </fileInfo>
- <document>
- <documentInfo>
- <title>basic_page</title>
- <author>noname</author>
- <version>0.1.1</version>
- </documentInfo>
- <documentData>
- <tizen.css/>
- <tizen.doc>
- <tizen.page id="#id" data-add-back-btn="true">
- <tizen.header id="header1" text="Header"/>
- <tizen.content id="content1"/>
- </tizen.page>
- </tizen.doc>
- </documentData>
- </document>
-</tizenFile>
+++ /dev/null
-/*******************************************************************************
-* This file was generated by Tizen Web UI Builder.
-* User should hand edit this file.
-********************************************************************************/
+++ /dev/null
-/*******************************************************************************
-* This file was generated by Tizen Web UI Builder.
-* User should hand edit this file.
-********************************************************************************/
-
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<tizenFile>
- <fileInfo>
- <type>tizen-page-templete</type>
- <version>0.0.1</version>
- <desc>Tizen Web UI Builder Page Templete</desc>
- </fileInfo>
- <page.templte>
- <title>Basic Page</title>
- <image src="basic_page.png" />
- <files>
- <file type="page" src="basic_page.page" />
- <file type="custom" src="basic_page.js" />
- <file type="custom" src="basic_page.css" />
- </files>
- </page.templte>
-</tizenFile>
\ No newline at end of file
+++ /dev/null
-<?xml version="1.0" encoding="utf-8" ?>
-<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
-<xsl:output method="text" encoding="utf-8"/>
-<xsl:template name="pre_animation">
-<xsl:text>
- // pre-defined animation
-</xsl:text>
-<!--
- <xsl:call-template name="create_bind_function">
- <xsl:with-param name="page_id" select="'page_id'"/>
- <xsl:with-param name="widget_id" select="'widget_id'"/>
- <xsl:with-param name="event_name" select="'event_name'"/>
- <xsl:with-param name="function" select="'function'"/>
-</xsl:call-template>
- -->
-</xsl:template>
-
-<xsl:template name="post_animation">
-<xsl:text>
- // post-defined animation
-</xsl:text>
-</xsl:template>
-</xsl:stylesheet>
\ No newline at end of file
+++ /dev/null
-<?xml version="1.0" encoding="utf-8"?>
-<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:output method="html" encoding="utf-8" indent="yes"/>
-
-
- <!-- global variables -->
- <xsl:variable name="key_return">
- <xsl:text>
-</xsl:text>
- </xsl:variable>
-
- <xsl:variable name="key_tab">
- <xsl:text> </xsl:text>
- </xsl:variable>
-
- <xsl:template match="/">
- <xsl:text disable-output-escaping="yes"><!DOCTYPE html>
-</xsl:text>
- <xsl:comment>
-Tizen Web Application Master page
-
-@generated Tizen Web UI Builder
-@attribute managed, readonly, volatile
-</xsl:comment><xsl:text>
-</xsl:text>
- <html>
- <head>
- <meta charset="utf-8"/>
- <meta name="description" content="A Tizen Web Application Template"/>
-
- <title></title>
-
- <xsl:comment> frameworks </xsl:comment>
- <xsl:value-of select="$key_return"/>
- <xsl:apply-templates select="//frameworks/script" mode="print_script"/>
-
- <xsl:comment> libraries </xsl:comment>
- <xsl:value-of select="$key_return"/>
- <xsl:apply-templates select="//libraries/script" mode="print_script"/>
-
- <xsl:comment> pages </xsl:comment>
- <xsl:value-of select="$key_return"/>
- <xsl:for-each select="//pages/page">
- <xsl:variable name="managed_js_path" select="@managedJsPath"/>
- <xsl:variable name="js_path" select="@jsPath"/>
- <script>
- <xsl:attribute name="src">
- <xsl:value-of select="$managed_js_path"/>
- </xsl:attribute>
- </script>
- <xsl:value-of select="$key_return"/>
- <script>
- <xsl:attribute name="src">
- <xsl:value-of select="$js_path"/>
- </xsl:attribute>
- </script>
- <xsl:value-of select="$key_return"/>
- </xsl:for-each>
-
- <xsl:comment> application entry </xsl:comment>
- <xsl:value-of select="$key_return"/>
- <xsl:apply-templates select="//entries/script" mode="print_script"/>
-
- <xsl:comment> style sheets </xsl:comment>
- <xsl:value-of select="$key_return"/>
- <xsl:for-each select="//stylesheets/stylesheet">
- <link rel="stylesheet" type="text/css">
- <xsl:attribute name="href">
- <xsl:value-of select="@path"/>
- </xsl:attribute>
- </link>
- </xsl:for-each>
- </head>
- <body>
- </body>
- </html>
-
- </xsl:template>
-
-
- <xsl:template match="script" mode="print_script">
- <script>
- <xsl:attribute name="src">
- <xsl:value-of select="@path"/>
- </xsl:attribute>
-
- <!-- when framework element -->
- <xsl:for-each select="@data-framework-theme | @data-framework-viewport-scale">
- <xsl:attribute name="{name()}">
- <xsl:value-of select="."/>
- </xsl:attribute>
- </xsl:for-each>
- </script>
- <xsl:value-of select="$key_return"/>
- </xsl:template>
-
-</xsl:stylesheet>
+++ /dev/null
-<?xml version="1.0" encoding="utf-8"?>
-<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:output method="html" encoding="utf-8" indent="yes"/>
-
-
- <!-- global variables -->
- <xsl:variable name="key_return">
- <xsl:text>
-</xsl:text>
- </xsl:variable>
-
- <xsl:variable name="key_tab">
- <xsl:text> </xsl:text>
- </xsl:variable>
-
- <xsl:template match="/">
- <xsl:text disable-output-escaping="yes"><!DOCTYPE html>
-</xsl:text>
- <xsl:comment>
-Tizen Web Application Master page
-
-@generated Tizen Web UI Builder
-@attribute managed, readonly, volatile
-</xsl:comment><xsl:text>
-</xsl:text>
- <html>
- <head>
- <meta charset="utf-8"/>
- <meta name="description" content="A Tizen Web Application Template"/>
-
- <title></title>
-
- <xsl:comment> frameworks </xsl:comment>
- <xsl:value-of select="$key_return"/>
- <xsl:apply-templates select="//frameworks/script" mode="print_script"/>
-
- <xsl:comment> libraries </xsl:comment>
- <xsl:value-of select="$key_return"/>
- <xsl:apply-templates select="//libraries/script" mode="print_script"/>
-
- <xsl:comment> pages </xsl:comment>
- <xsl:value-of select="$key_return"/>
- <xsl:for-each select="//pages/page">
- <xsl:variable name="managed_js_path" select="@managedJsPath"/>
- <xsl:variable name="js_path" select="@jsPath"/>
- <script>
- <xsl:attribute name="src">
- <xsl:value-of select="$managed_js_path"/>
- </xsl:attribute>
- </script>
- <xsl:value-of select="$key_return"/>
- <script>
- <xsl:attribute name="src">
- <xsl:value-of select="$js_path"/>
- </xsl:attribute>
- </script>
- <xsl:value-of select="$key_return"/>
- </xsl:for-each>
-
- <xsl:comment> application entry </xsl:comment>
- <xsl:value-of select="$key_return"/>
- <xsl:apply-templates select="//entries/script" mode="print_script"/>
-
- <xsl:comment> style sheets </xsl:comment>
- <xsl:value-of select="$key_return"/>
- <xsl:for-each select="//stylesheets/stylesheet">
- <link rel="stylesheet" type="text/css">
- <xsl:attribute name="href">
- <xsl:value-of select="@path"/>
- </xsl:attribute>
- </link>
- </xsl:for-each>
- </head>
- <body>
- </body>
- </html>
-
- </xsl:template>
-
-
- <xsl:template match="script" mode="print_script">
- <script>
- <xsl:attribute name="src">
- <xsl:value-of select="@path"/>
- </xsl:attribute>
-
- <!-- when framework element -->
- <xsl:for-each select="@data-framework-theme | @data-framework-viewport-scale">
- <xsl:attribute name="{name()}">
- <xsl:value-of select="."/>
- </xsl:attribute>
- </xsl:for-each>
- </script>
- <xsl:value-of select="$key_return"/>
- </xsl:template>
-
-</xsl:stylesheet>
+++ /dev/null
-<?xml version="1.0" encoding="utf-8"?>
-<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
-<xsl:output method="html" encoding="utf-8" indent="yes"/>
-
-
-<!-- global variables -->
-<xsl:variable name="newline"><xsl:text>
-</xsl:text></xsl:variable>
-<xsl:variable name="tizen_uifw" select="'@tizen_core'"/>
-<xsl:variable name="replace_path" select="'%tizen-web-ui-fw-path%'"/>
-<xsl:variable name="tizen_uifw_path" select="'tizen-web-ui-fw/latest/js'"/>
-<xsl:variable name="path" select="/tizenFile/tizenProject/frameworks/framework[@param=$tizen_uifw]/@path"/>
-<xsl:variable name="theme" select="/tizenFile/tizenProject/frameworks/variables/variable[@name='theme']/@value"/>
-<xsl:variable name="scale" select="/tizenFile/tizenProject/frameworks/variables/variable[@name='viewportmode']/@value"/>
-
-<xsl:template name="print_script">
- <xsl:param name="path"/>
- <script><xsl:attribute name="src"><xsl:value-of select="$path"/></xsl:attribute></script>
- <xsl:value-of select="$newline"/>
-</xsl:template>
-
-<xsl:template name="print_framework">
- <xsl:param name="framework_name"/>
- <xsl:variable name="framework" select="/tizenFile/tizenProject/frameworks/framework[@param=$framework_name]/@path"/>
-
- <xsl:variable name="result_path">
- <xsl:call-template name="string-replace-all">
- <xsl:with-param name="text" select="$framework"/>
- <xsl:with-param name="replace" select="$replace_path"/>
- <xsl:with-param name="by" select="$tizen_uifw_path"/>
- </xsl:call-template>
- </xsl:variable>
- <xsl:call-template name="print_script">
- <xsl:with-param name="path" select="$result_path"/>
- </xsl:call-template>
-</xsl:template>
-
-<xsl:template name="print_scale">
- <xsl:param name="scale"/>
-<!--
- <xsl:variable name="viewport" select="concat('width=', $scale, ',initial-scale=1,user-scalable=no')"/>
--->
- <xsl:variable name="viewport" select="concat('width=', $scale, ',user-scalable=no')"/>
- <meta name="viewport"><xsl:attribute name="content"><xsl:value-of select="$viewport"/></xsl:attribute>
- </meta>
-</xsl:template>
-
-<xsl:template name="print_theme">
- <xsl:param name="theme"/>
- <xsl:variable name="href" select="concat('tizen-web-ui-fw/latest/themes/', $theme, '/tizen-web-ui-fw-theme.css')"/>
- <link rel="stylesheet"> <xsl:attribute name="href"><xsl:value-of select="$href"/></xsl:attribute> <xsl:attribute name="name">tizen-theme</xsl:attribute>
- </link>
-</xsl:template>
-
-<!--
-<xsl:template name="print_tizen_web_uifW">
--->
-<xsl:template name="print_tizen_web_uifw">
- <xsl:variable name="result_path">
- <xsl:call-template name="string-replace-all">
- <xsl:with-param name="text" select="$path"/>
- <xsl:with-param name="replace" select="$replace_path"/>
- <xsl:with-param name="by" select="$tizen_uifw_path"/>
- </xsl:call-template>
- </xsl:variable>
- <script>
- <xsl:attribute name="src"><xsl:value-of select="$result_path"/></xsl:attribute>
- <xsl:attribute name="data-framework-theme"><xsl:value-of select="$theme"/></xsl:attribute>
-<!--
- <xsl:attribute name="data-framework-viewport-width"><xsl:value-of select="$scale"/></xsl:attribute>
--->
- </script>
- <xsl:value-of select="$newline"/>
-</xsl:template>
-
-
-<xsl:template name="print_js_pages">
- <xsl:for-each select="/tizenFile/tizenProject/pages/page">
- <xsl:call-template name="print_script">
- <xsl:with-param name="path" select="@managedJsPath"/>
- </xsl:call-template>
- <xsl:call-template name="print_script">
- <xsl:with-param name="path" select="@jsPath"/>
- </xsl:call-template>
- <xsl:if test="string(@animatorManagedJsPath)">
- <xsl:call-template name="print_script">
- <xsl:with-param name="path" select="@animatorManagedJsPath"/>
- </xsl:call-template>
- </xsl:if>
- </xsl:for-each>
-</xsl:template>
-
-<xsl:template name="print_link">
- <xsl:param name="css_path"/>
- <link rel="stylesheet" type="text/css">
- <xsl:attribute name="href"><xsl:value-of select="$css_path"/></xsl:attribute>
- </link>
-</xsl:template>
-
-<xsl:template name="print_css_pages">
- <xsl:for-each select="/tizenFile/tizenProject/pages/page">
- <xsl:call-template name="print_link">
- <xsl:with-param name="css_path" select="@cssPath"/>
- </xsl:call-template>
- <xsl:if test="string(@animatorManagedCssPath)">
- <xsl:call-template name="print_link">
- <xsl:with-param name="css_path" select="@animatorManagedCssPath"/>
- </xsl:call-template>
- </xsl:if>
- </xsl:for-each>
-</xsl:template>
-
-<xsl:template match="/">
- <xsl:text disable-output-escaping="yes"><!DOCTYPE html></xsl:text>
- <xsl:value-of select="$newline"/>
-<xsl:comment>
-This file was generated by Tizen Web UI Builder.
-This file will be auto-generated each and everytime you save your project.
-Do not hand edit this file.
-</xsl:comment>
-<xsl:value-of select="$newline"/>
-
-<html>
-<xsl:value-of select="$newline"/>
- <head>
- <meta charset="utf-8"/>
- <meta name="description" content="A Tizen Web Application Template"/>
- <xsl:call-template name="print_scale">
- <xsl:with-param name="scale" select="$scale"/>
- </xsl:call-template>
-
- <xsl:call-template name="print_theme">
- <xsl:with-param name="theme" select="$theme"/>
- </xsl:call-template>
-
- <title></title>
-
- <xsl:value-of select="$newline"/>
- <xsl:value-of select="$newline"/>
-
- <xsl:comment> Javascripts </xsl:comment>
- <xsl:value-of select="$newline"/>
-
- <xsl:apply-templates select="/tizenFile/tizenProject/libraries"/>
- <xsl:value-of select="$newline"/>
-
- <xsl:comment> Style sheets </xsl:comment>
- <xsl:value-of select="$newline"/>
- <xsl:apply-templates select="/tizenFile/tizenProject/stylesheets"/>
- </head>
- <body>
- <div data-role="page"></div>
- </body>
-<xsl:value-of select="$newline"/>
-</html>
-
-</xsl:template>
-
-<xsl:template match="libraries">
- <xsl:for-each select="library">
- <xsl:variable name="start_with" select="substring(@param, 1, 1)"/>
- <xsl:choose>
- <xsl:when test="@param=$tizen_uifw">
- <xsl:call-template name="print_tizen_web_uifw"/>
- </xsl:when>
- <xsl:when test="@type='framework' and $start_with='@'">
- <xsl:call-template name="print_framework">
- <xsl:with-param name="framework_name" select="@param"/>
- </xsl:call-template>
- </xsl:when>
- <xsl:when test="@type='pages'">
- <xsl:call-template name="print_js_pages"/>
- <xsl:call-template name="print_css_pages"/>
- </xsl:when>
- <xsl:otherwise>
- <xsl:call-template name="print_script">
- <xsl:with-param name="path" select="@param"/>
- </xsl:call-template>
- </xsl:otherwise>
- </xsl:choose>
- </xsl:for-each>
-</xsl:template>
-
-<xsl:template match="stylesheets">
- <xsl:for-each select="stylesheet">
- <xsl:choose>
- <xsl:when test="@type='user'">
- <xsl:call-template name="print_link">
- <xsl:with-param name="css_path" select="@param"/>
- </xsl:call-template>
- </xsl:when>
- <xsl:otherwise>
- </xsl:otherwise>
- </xsl:choose>
- </xsl:for-each>
-</xsl:template>
-
-<xsl:template name="string-replace-all">
- <xsl:param name="text" />
- <xsl:param name="replace" />
- <xsl:param name="by" />
- <xsl:choose>
- <xsl:when test="contains($text, $replace)">
- <xsl:value-of select="substring-before($text,$replace)" />
- <xsl:value-of select="$by" />
- <xsl:call-template name="string-replace-all">
- <xsl:with-param name="text" select="substring-after($text,$replace)" />
- <xsl:with-param name="replace" select="$replace" />
- <xsl:with-param name="by" select="$by" />
- </xsl:call-template>
- </xsl:when>
- <xsl:otherwise>
- <xsl:value-of select="$text"/>
- </xsl:otherwise>
- </xsl:choose>
-</xsl:template>
-
-</xsl:stylesheet>
+++ /dev/null
-<?xml version="1.0" encoding="utf-8"?>
-<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:output method="text"/>
-
- <xsl:variable name="key_return">
- <xsl:text>
-</xsl:text>
- </xsl:variable>
-
- <xsl:variable name="key_tab">
- <xsl:text> </xsl:text>
- </xsl:variable>
-
- <xsl:template match="/">
- <xsl:text><![CDATA[/*******************************************************************************
- * Application initialization & Global app object creation
- *
- * @generated Tizen UI Builder
- * @attribute managed, readonly, volatile
- *******************************************************************************
-*/
-
-$(document).bind("mobileinit", function() {
-});
-
-function _app() {
-}
-
-]]></xsl:text>
- <xsl:variable name="startup_page" select="//page[@startup='true']"/><xsl:text>
-_app.prototype.startPageId = </xsl:text><xsl:value-of select="concat('"', $startup_page/@name, '";')"/><xsl:text>
-_app.prototype.startPage = </xsl:text><xsl:value-of select="concat('"', substring($startup_page/@pagePath, 1, string-length($startup_page/@pagePath) - 4), 'html";')"/><xsl:text><![CDATA[
-_app.prototype.lastPageTransition = undefined;
-_app.prototype.isFirstEnter = true;
-_app.prototype.masterPagePath = location.href;
-
-// global application object
-var app = new _app();
-]]></xsl:text>
-
- <xsl:text>
-_app.prototype.init = function() {
- var rootDir = $.mobile.path.get(app.masterPagePath);
- var newPage;
-
-</xsl:text>
- <xsl:apply-templates select="/tizenProject/pageSystem/pages/page"/>
- <xsl:text>
- _app.prototype.init = function() {};
-};
-</xsl:text>
- </xsl:template>
-
- <xsl:template match="page">
- <xsl:variable name="page_name" select="@name"/>
- <xsl:variable name="html_path" select="concat('"', @htmlPath, '"')"/>
- <xsl:variable name="class_name">
- <xsl:value-of select="concat('_', $page_name, '_page')"/>
- </xsl:variable>
- <xsl:value-of select="concat($key_tab, 'newPage = new ', $class_name, '();', $key_return)"/>
- <xsl:value-of select="concat($key_tab, 'newPage.init_page(', @startup, ');', $key_return)"/>
- <xsl:value-of select="concat($key_tab, 'pageManager.addPage(newPage, $.mobile.path.makeUrlAbsolute(', $html_path, ', rootDir));', $key_return, $key_return)"/>
- </xsl:template>
-</xsl:stylesheet>
+++ /dev/null
-<?xml version="1.0" encoding="utf-8"?>
-<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:output method="text"/>
-
- <xsl:variable name="key_return">
- <xsl:text>
-</xsl:text>
- </xsl:variable>
-
- <xsl:variable name="key_tab">
- <xsl:text> </xsl:text>
- </xsl:variable>
-
- <xsl:template match="/">
- <xsl:text><![CDATA[/*******************************************************************************
- * Application initialization & Global app object creation
- *
- * @generated Tizen UI Builder
- * @attribute managed, readonly, volatile
- *******************************************************************************
-*/
-
-$(document).bind("mobileinit", function() {
-});
-
-function _app() {
-}
-
-]]></xsl:text>
- <xsl:variable name="startup_page" select="//page[@startup='true']"/><xsl:text>
-_app.prototype.startPageId = </xsl:text><xsl:value-of select="concat('"', $startup_page/@name, '";')"/><xsl:text>
-_app.prototype.startPage = </xsl:text><xsl:value-of select="concat('"', substring($startup_page/@pagePath, 1, string-length($startup_page/@pagePath) - 4), 'html";')"/><xsl:text><![CDATA[
-_app.prototype.lastPageTransition = undefined;
-_app.prototype.isFirstEnter = true;
-_app.prototype.masterPagePath = location.href;
-
-// global application object
-var app = new _app();
-]]></xsl:text>
-
- <xsl:text>
-_app.prototype.init = function() {
- var rootDir = $.mobile.path.get(app.masterPagePath);
- var newPage;
-
-</xsl:text>
- <xsl:apply-templates select="/tizenProject/pageSystem/pages/page"/>
- <xsl:text>
- _app.prototype.init = function() {};
-};
-</xsl:text>
- </xsl:template>
-
- <xsl:template match="page">
- <xsl:variable name="page_name" select="@name"/>
- <xsl:variable name="html_path" select="concat('"', @htmlPath, '"')"/>
- <xsl:variable name="class_name">
- <xsl:value-of select="concat('_', $page_name, '_page')"/>
- </xsl:variable>
- <xsl:value-of select="concat($key_tab, 'newPage = new ', $class_name, '();', $key_return)"/>
- <xsl:value-of select="concat($key_tab, 'newPage.init_page(', @startup, ');', $key_return)"/>
- <xsl:value-of select="concat($key_tab, 'pageManager.addPage(newPage, $.mobile.path.makeUrlAbsolute(', $html_path, ', rootDir));', $key_return, $key_return)"/>
- </xsl:template>
-</xsl:stylesheet>
+++ /dev/null
-<?xml version="1.0" encoding="utf-8"?>
-<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
-<xsl:output method="text"/>
-
-<xsl:variable name="tab"><xsl:text> </xsl:text></xsl:variable>
-<xsl:variable name="newline"><xsl:text>
-</xsl:text></xsl:variable>
-<xsl:variable name="startup_page" select="//page[@startup='true']"/>
-
-<xsl:template match="/">
- <xsl:text>/*******************************************************************************
-* This file was generated by Tizen Web UI Builder.
-* This file will be auto-generated each and everytime you save your project.
-* Do not hand edit this file.
-********************************************************************************/
-</xsl:text>
-
-
-<xsl:text>
-app.init = function() {
-</xsl:text>
- <xsl:value-of select="concat($tab, 'this.setStartPageId("', $startup_page/@name, '");', $newline)" />
- <xsl:value-of select="concat($tab, 'this.setMasterPagePath(location.href);', $newline)" />
-<xsl:text>
- var rootDir = $.mobile.path.get(app.getMasterPagePath());
- var newPage;
-
-</xsl:text>
- <xsl:apply-templates select="//page"/>
- <xsl:apply-templates select="//viewModel"/>
- <xsl:apply-templates select="//dataSource"/>
- <xsl:apply-templates select="//handlerInfo"/>
- <xsl:apply-templates select="//updateOnStartUp"/>
-<xsl:text>
-};
-</xsl:text>
-
-</xsl:template>
-
-<xsl:template match="page">
-<xsl:variable name="html_path" select="concat('"', @htmlPath, '"')"/>
- <xsl:variable name="css_path" select="concat('"', @cssPath, '"')"/>
- <xsl:variable name="managed_css_path" select="concat('"', @managedCssPath, '"')"/>
-
- <xsl:value-of select="concat($tab, 'newPage = new _', @name, '_page();', $newline)"/>
- <xsl:value-of select="concat($tab, 'newPage.init_page(', @startup, ', ', '$.mobile.path.makeUrlAbsolute(', $html_path, ', rootDir), $.mobile.path.makeUrlAbsolute(', $css_path, ', rootDir), $.mobile.path.makeUrlAbsolute(', $managed_css_path, ', rootDir));',$newline)"/>
- <xsl:value-of select="concat($tab, 'pageManager.addPage(newPage);', $newline)"/>
-
-</xsl:template>
-
-<xsl:template match="dataSource">
- <xsl:variable name="dataModel_name" select="@name"/>
- <xsl:variable name="newDataSource" select="concat($tab, 'app.ds.', $dataModel_name, ' = new uibinding.')"/>
-
- <xsl:choose>
- <xsl:when test="@modelType = 'REMOTECALL'">
- <xsl:value-of select="concat($newDataSource, 'dataSourceRemote', '({', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, 'url: ', '"', @url, '"', ',', $newline)" disable-output-escaping="yes"/>
- <xsl:value-of select="concat($tab, $tab, 'method: ', '"', @type, '"', ',', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, 'proxy: ', '"', @proxy, '"', ',', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, 'query: ', '"', @query, '"', ',', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, 'sourceType: ', '"', @sourceType, '"', ',', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, 'timeout: ', '"', @timeout, '"', $newline)"/>
- <xsl:value-of select="concat($tab, '});', $newline)"/>
- </xsl:when>
- <xsl:when test="@modelType = 'STATIC'">
- <xsl:value-of select="concat($newDataSource, 'dataSourceStatic', '({', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, 'data: ', @jsonData, $newline)" disable-output-escaping="yes"/>
- <xsl:value-of select="concat($tab, '});', $newline)"/>
- </xsl:when>
- <xsl:when test="@modelType = 'RUNTIMEAPI'">
- <xsl:value-of select="concat($newDataSource, 'dataSourceRuntime', '({', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, 'api: ', '"', @api, '"', $newline)"/>
- <xsl:value-of select="concat($tab, '});', $newline)"/>
- </xsl:when>
- </xsl:choose>
-</xsl:template>
-
-<xsl:template match="viewModel">
- <xsl:variable name="viewModelName" select="@name"/>
- <xsl:variable name="dataSourceName" select="@dataSource"/>
-
- <xsl:value-of select="concat($tab, 'app.dm.', $viewModelName, ' = {', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, 'viewModel: function (obj) {', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, $tab, 'var _self = this;', $newline)"/>
-
- <xsl:apply-templates select="observableObject"/>
-
- <xsl:value-of select="concat($tab, $tab, $tab, 'return _self;', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, '}', $newline)"/>
- <xsl:value-of select="concat($tab, '};', $newline)"/>
-
-</xsl:template>
-
-<xsl:template match="handlerInfo">
- <xsl:variable name="dataSourceName" select="@name"/>
-
- <xsl:value-of select="concat($tab, 'app.ds.', $dataSourceName, '.addHandler(', '"', 'success', '"', ', function() {', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, 'var ', $dataSourceName, '= app.ds.', $dataSourceName, ';', $newline)"/>
- <xsl:for-each select="modelInfo">
- <xsl:value-of select="concat($tab, $tab, 'var ', @name, '= app.dm.', @name, ';', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, @name, '.viewModel(', $dataSourceName, '.data);', $newline)"/>
- </xsl:for-each>
- <xsl:value-of select="concat($tab, '});', $newline)"/>
-</xsl:template>
-
-<xsl:template match="observableObject">
- <xsl:choose>
- <xsl:when test="@type = 'JSONArray'">
- <xsl:value-of select="concat($tab, $tab, $tab, $tab, '_self.', '_', @name, ' = function(obj) {', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, $tab, $tab, $tab, 'var _self = this;', $newline)"/>
- <xsl:apply-templates select="observableObject"/>
- <xsl:value-of select="concat($tab, $tab, $tab, $tab, '};', $newline)"/>
-
- <xsl:value-of select="concat($tab, $tab, $tab, $tab, '_self.', @name, ' = ko.observableArray();', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, $tab, $tab, 'for (var i = 0, j = (obj.', @name, '?obj.', @name,'.length:0); i ', '<', ' j; i++) {',$newline)" disable-output-escaping="yes"/>
- <xsl:value-of select="concat($tab, $tab, $tab, $tab, $tab, 'var _obj = obj.',@name,'[i];', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, $tab, $tab, $tab, '_self.', @name, '.push(new _self._', @name, '(_obj));', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, $tab, $tab, '}', $newline)"/>
- </xsl:when>
- <xsl:when test="@type = 'JSONObject'">
- <xsl:value-of select="concat($tab, $tab, $tab, $tab, '_self.', '_', @name, ' = function(obj) {', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, $tab, $tab, $tab, 'var _self = this;', $newline)"/>
- <xsl:apply-templates select="observableObject"/>
- <xsl:value-of select="concat($tab, $tab, $tab, $tab, '};', $newline)"/>
-
- <xsl:value-of select="concat($tab, $tab, $tab, $tab, '_self.', @name, ' = ko.observable(new _self._', @name, '(obj.', @name, '));', $newline)"/>
-
- </xsl:when>
- <xsl:otherwise>
- <xsl:value-of select="concat($tab, $tab, $tab, $tab, '_self.', @name, ' = ko.observable(obj.', @name,');', $newline)"/>
- </xsl:otherwise>
- </xsl:choose>
-</xsl:template>
-
-<xsl:template match="updateOnStartUp">
- <xsl:value-of select="concat($tab, 'app.ds.', @name, '.update();', $newline)"/>
-</xsl:template>
-
-<!--
-<xsl:template match="viewModel">
- <xsl:variable name="viewModelName" select="@name"/>
- <xsl:variable name="dataSourceName" select="@dataSource"/>
-
- <xsl:value-of select="concat($tab, '$.bindingSpace.dm.', $viewModelName, ' = {', $newline)"/>
- <xsl:for-each select=".//observableObject">
- <xsl:variable name="observableObject_value" select="concat('"', @value, '"')"/>
- <xsl:choose>
- <xsl:when test="@type = 'JSONArray'">
- <xsl:value-of select="concat($tab, $tab, @name, ': ko.observableArray(),', $newline)"/>
- </xsl:when>
- <xsl:otherwise>
- <xsl:value-of select="concat($tab, $tab, @name, ': ko.observable(),', $newline)"/>
- </xsl:otherwise>
- </xsl:choose>
- </xsl:for-each>
- <xsl:value-of select="concat($tab, '};', $newline)"/>
-
-
- <xsl:choose>
- <xsl:when test="$dataSourceName != ''">
- <xsl:value-of select="concat($tab, '$.bindingSpace.ds.', @name, '.addHandler(', '"', 'successcallback', '"', ', ' ,'function() {', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, 'var data = $.bindingSpace.ds.', $dataSourceName, '.data;', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, 'var ', @name, ' = $.bindingSpace.dm.', @name, ';', $newline)"/>
- <xsl:for-each select=".//observableObject">
- <xsl:value-of select="concat($tab, $tab, $viewModelName,'.',@name, '(', $dataSourceName,'.',@name, ');', $newline)"/>
- </xsl:for-each>
- <xsl:value-of select="concat($tab, '});', $newline)"/>
- </xsl:when>
- </xsl:choose>
-
-</xsl:template>
- -->
-
-</xsl:stylesheet>
+++ /dev/null
-<?xml version="1.0" encoding="utf-8"?>
-<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
-<xsl:output method="text"/>
-
-<xsl:variable name="tab"><xsl:text> </xsl:text></xsl:variable>
-<xsl:variable name="newline"><xsl:text>
-</xsl:text></xsl:variable>
-<xsl:variable name="startup_page" select="//page[@startup='true']"/>
-
-<xsl:template match="/">
- <xsl:text>/*******************************************************************************
-* This file was generated by Tizen Web UI Builder.
-* This file will be auto-generated each and everytime you save your project.
-* Do not hand edit this file.
-********************************************************************************/
-</xsl:text>
-
-
-<xsl:text>
-app.init = function() {
-</xsl:text>
-
-<xsl:apply-templates select="//viewModel"/>
-<xsl:apply-templates select="//dataSource"/>
-<xsl:apply-templates select="//handlerInfo"/>
-<xsl:apply-templates select="//updateOnStartUp"/>
-
-<xsl:text>
-
- var newPage;
-</xsl:text>
-
-<xsl:for-each select="/tizenFile/document/documentData/pageData">
- <xsl:value-of select="concat($tab, 'newPage = new _', @id, '_page();', $newline)"/>
- <xsl:value-of select="concat($tab, 'newPage.init_page();', $newline)"/>
-</xsl:for-each>
-<xsl:text>
-};
-</xsl:text>
-
-<xsl:text>
-// page classes
-
-</xsl:text>
-<xsl:apply-templates select="//pageData"/>
-
-</xsl:template>
-
-<xsl:template match="pageData">
- <xsl:variable name="page_name" select="@id"/>
- <xsl:variable name="class_name" select="concat('_', @id, '_page')"/>
-
- <xsl:value-of select="concat('/**', $newline)"/>
- <xsl:value-of select="concat('*', $tab, 'Object ' , $class_name, '()' ,$newline)"/>
- <xsl:value-of select="concat('*', $tab, '@super _page', $newline)"/>
- <xsl:value-of select="concat('*', $tab, '@constructor', $newline)"/>
- <xsl:value-of select="concat('*', $tab, '@memberOf', $class_name, $newline)"/>
- <xsl:value-of select="concat('*/', $newline)"/>
-
- <xsl:value-of select="concat('function ', $class_name, '() {', $newline, '}' , $newline)"/>
-
-<xsl:text>
-// inherit _page
-</xsl:text>
- <xsl:value-of select="concat($class_name,'.prototype = new _page(', '"', @id, '"', ');')"/>
-
-<xsl:text>
-
-// widget assist
-</xsl:text>
-<xsl:for-each select=".//tizen.page//*">
- <xsl:choose>
- <xsl:when test="name() = 'event'">
- </xsl:when>
- <xsl:when test="name() = 'gotoPage'">
- </xsl:when>
- <xsl:when test="name() = 'openUrl'">
- </xsl:when>
- <xsl:otherwise>
- <xsl:if test="@id != ''">
- <xsl:value-of select="concat($class_name, '.prototype.', @id, ' = ')"/>
- <xsl:value-of select="concat('undefined;', $newline)"/>
- </xsl:if>
-
- </xsl:otherwise>
- </xsl:choose>
-</xsl:for-each>
-
-<xsl:text>
-// default widget event handler
-</xsl:text>
-
-<xsl:for-each select=".//tizen.page//*">
-<xsl:for-each select="@*[starts-with(name(), 'on')]">
-<xsl:value-of select="concat($class_name, '.prototype.', ., ' = ')"/>
-<xsl:value-of select="concat('function(event) {};', $newline)"/>
-</xsl:for-each>
-</xsl:for-each>
-
-
-
-
-<xsl:text>
-</xsl:text>
-
-<xsl:value-of select="concat($class_name, '.prototype.init_page = function() {', $newline)"/>
-<xsl:value-of select="concat($tab, 'this._init_page(function() {', $newline)"/>
-
-<xsl:text>
- // widget assist (real object binding)
-</xsl:text>
-
-<xsl:for-each select=".//tizen.page//*">
-<xsl:choose>
-<xsl:when test="name() = 'event'">
-</xsl:when>
-<xsl:when test="name() = 'gotoPage'">
-</xsl:when>
-<xsl:when test="name() = 'openUrl'">
-</xsl:when>
-<xsl:otherwise>
-<xsl:if test="@id != ''">
- <xsl:text>
- /**
- * @type jQueryObject
- */
- </xsl:text>
- <xsl:value-of select="concat($tab, $tab, $class_name, '.prototype.', @id, ' = ')"/>
- <xsl:value-of select="concat('$(', '"', '#', $page_name, ' ', '#', @id, '"', ');', $newline)"/>
-</xsl:if>
-</xsl:otherwise>
-</xsl:choose>
-</xsl:for-each>
-
-<xsl:text>
- // data binding
-</xsl:text>
-<xsl:if test="//*[@data-bind]">
- <xsl:value-of select="concat($tab, $tab, 'ko.applyBindings(app.dm, $(', '"', '#', $page_name, '"', ')[0]);', $newline)"/>
-</xsl:if>
-
-<xsl:text>
- // bind widget event handler
-</xsl:text>
-
-
-<xsl:for-each select=".//tizen.page//*">
-<xsl:for-each select="@*[starts-with(name(), 'on')]">
-<xsl:if test="../../@id != $page_name">
-<xsl:value-of select="concat($tab, $tab, $class_name, '.prototype.', ../../@id, '.bind(')"/>
-<xsl:value-of select="concat('"', substring(name(), 3), '", ', 'function(event) { ', $class_name, '.prototype.', ., '(event); });', $newline)"/>
-</xsl:if>
-</xsl:for-each>
-</xsl:for-each>
-
-<xsl:for-each select=".//tizen.page//*">
-<xsl:if test="name() = 'gotoPage'">
-<xsl:if test="../@id != $page_name">
-<xsl:value-of select="concat($tab, $tab, $class_name, '.prototype.', ../@id, '.bind(')"/>
-<xsl:value-of select="concat('"', substring(@event, 3), '", ', 'function(event) { $.mobile.changePage(', '"', '#', @destinationPage, '"', ', {transition :', '"', @transition,'"', '}); });', $newline)"/>
-</xsl:if>
-</xsl:if>
-</xsl:for-each>
-
-<xsl:for-each select=".//tizen.page//*">
-<xsl:if test="name() = 'openUrl'">
-<xsl:if test="../@id != $page_name">
-<xsl:value-of select="concat($tab, $tab, $class_name, '.prototype.', ../@id, '.bind(')"/>
-<xsl:value-of select="concat('"', substring(@event, 3), '", ', 'function(event) { window.location.href = ', '"', @url, '"', ' });', $newline)"/>
-</xsl:if>
-</xsl:if>
-</xsl:for-each>
-
-<xsl:value-of select="concat($newline, $tab, '});', $newline, $newline)"/>
-
-<xsl:if test=".//tizen.page//*[@data-bind]">
- <xsl:value-of select="concat($tab, 'this._remove_page(function (event) {', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, 'ko.unapplyBindings($(', '"', '#', $page_name, '"', '));', $newline)"/>
- <xsl:value-of select="concat($tab, '});', $newline)"/>
-</xsl:if>
-
-<xsl:text>
-};
-</xsl:text>
-
-
-
-
-</xsl:template>
-
-<xsl:template match="dataSource">
- <xsl:variable name="dataModel_name" select="@dataSource"/>
- <xsl:variable name="newDataSource" select="concat($tab, 'app.ds.', $dataModel_name, ' = new uibinding.')"/>
-
- <xsl:choose>
- <xsl:when test="@modelType = 'Remote Call'">
- <xsl:value-of select="concat($newDataSource, 'dataSourceRemote', '({', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, 'url: ', '"', @url, '"', ',', $newline)" disable-output-escaping="yes"/>
- <xsl:value-of select="concat($tab, $tab, 'method: ', '"', @type, '"', ',', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, 'proxy: ', '"', @proxy, '"', ',', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, 'dataType: ', '"', @dataType, '"', ',', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, 'timeout: ', '"', @timeout, '"', ',', $newline)"/>
- <xsl:if test="@query != ''">
- <xsl:value-of select="concat($tab, $tab, 'query: {', $newline)"/>
- <xsl:call-template name="splitQuery">
- <xsl:with-param name="stringtosplit" select ="@query" />
- </xsl:call-template>
- <xsl:value-of select="concat($tab, $tab, '},', $newline)"/>
- </xsl:if>
- <xsl:if test="@headers != ''">
- <xsl:value-of select="concat($tab, $tab, 'headers: {', $newline)"/>
- <xsl:call-template name="splitQuery">
- <xsl:with-param name="stringtosplit" select ="@headers" />
- </xsl:call-template>
- <xsl:value-of select="concat($tab, $tab, '},', $newline)"/>
- </xsl:if>
- <xsl:value-of select="concat($tab, '});', $newline)"/>
- </xsl:when>
- <xsl:when test="@modelType = 'Static'">
- <xsl:value-of select="concat($newDataSource, 'dataSourceStatic', '({', $newline)"/>
- <xsl:if test="@dataType = 'json'">
- <xsl:value-of select="concat($tab, $tab, 'data: ', @jsonData, ',', $newline)" disable-output-escaping="yes"/>
- </xsl:if>
- <xsl:if test="@dataType = 'xml'">
- <xsl:value-of select="concat($tab, $tab, 'data: ', '"', @jsonData, '"', ',', $newline)" disable-output-escaping="yes"/>
- </xsl:if>
- <xsl:value-of select="concat($tab, $tab, 'dataType: ', '"', @dataType, '"', $newline)"/>
- <xsl:value-of select="concat($tab, '});', $newline)"/>
- </xsl:when>
- <xsl:when test="@modelType = 'Contact'">
- <xsl:value-of select="concat($newDataSource, 'dataSourceContact', '({', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, 'method: ', '"', @method, '"')"/>
- <xsl:choose>
- <xsl:when test="@addressBookId = ''">
- <xsl:value-of select="concat($newline)"/>
- </xsl:when>
- <xsl:otherwise>
- <xsl:value-of select="concat(',', $newline, $tab, $tab, 'addressBookId: ', '"', @addressBookId, '"', $newline)"/>
- </xsl:otherwise>
- </xsl:choose>
- <xsl:value-of select="concat($tab, '});', $newline)"/>
- </xsl:when>
- <xsl:when test="@modelType = 'Calendar'">
- <xsl:value-of select="concat($newDataSource, 'dataSourceCalendar', '({', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, 'method: ', '"', @method, '"', ',', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, 'calendarType: ', '"', @calendarType, '"')"/>
- <xsl:choose>
- <xsl:when test="@calendarId = ''">
- <xsl:value-of select="concat($newline)"/>
- </xsl:when>
- <xsl:otherwise>
- <xsl:value-of select="concat(',', $newline, $tab, $tab, 'calendarId: ', '"', @calendarId, '"', $newline)"/>
- </xsl:otherwise>
- </xsl:choose>
- <xsl:value-of select="concat($tab, '});', $newline)"/>
- </xsl:when>
- <xsl:when test="@modelType = 'Call History'">
- <xsl:value-of select="concat($newDataSource, 'dataSourceCallhistory', '({', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, 'type: ', '"', @type, '"', ',', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, 'direction: ', '"', @direction, '"', ',', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, 'starttimeorder: ', '"', @starttimeorder, '"', $newline)"/>
- <xsl:value-of select="concat($tab, '});', $newline)"/>
- </xsl:when>
- <xsl:when test="@modelType = 'File System'">
- <xsl:value-of select="concat($newDataSource, 'dataSourceFile', '({', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, 'path: ', '"', @filePath, '"', ',', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, 'dataType: ', '"', @dataType, '"', $newline)"/>
- <xsl:value-of select="concat($tab, '});', $newline)"/>
- </xsl:when>
- </xsl:choose>
-</xsl:template>
-
-<xsl:template match="viewModel">
- <xsl:variable name="viewModelName" select="@name"/>
- <xsl:variable name="dataSourceName" select="@dataSource"/>
-
-<!--
- <xsl:value-of select="concat($tab, 'app.dm.', $viewModelName, ' = {', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, 'viewModel: function (obj) {', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, $tab, 'var _self = this;', $newline)"/>
-
- <xsl:apply-templates select="observableObject" mode="origin"/>
-
- <xsl:value-of select="concat($tab, $tab, $tab, 'return _self;', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, '}', $newline)"/>
- <xsl:value-of select="concat($tab, '};', $newline)"/>
--->
-
- <xsl:value-of select="concat($tab, 'app.dm.', $viewModelName, ' = ko.mapping.fromJS({', $newline)"/>
- <xsl:apply-templates select="observableObject" mode="fake"/>
- <xsl:value-of select="concat($tab, '});', $newline)"/>
-
-
-</xsl:template>
-
-<xsl:template match="handlerInfo">
- <xsl:variable name="dataSourceName" select="@name"/>
-
- <xsl:value-of select="concat($tab, 'app.ds.', $dataSourceName, '.addHandler(', '"', 'success', '"', ', function() {', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, 'var ', $dataSourceName, '= app.ds.', $dataSourceName, ';', $newline)"/>
- <xsl:for-each select="modelInfo">
- <xsl:value-of select="concat($tab, $tab, 'var ', @name, '= app.dm.', @name, ';', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, 'ko.mapping.fromJS(', $dataSourceName, '.data', ', ',@name,');', $newline)"/>
- </xsl:for-each>
- <xsl:value-of select="concat($tab, '});', $newline)"/>
-</xsl:template>
-
-<xsl:template match="observableObject" mode="fake">
- <xsl:choose>
- <xsl:when test="@type = 'Array'">
- <xsl:value-of select="concat($tab, $tab, '"', @name, '"', ': [{', $newline)"/>
- <xsl:apply-templates select="observableObject" mode="fake"/>
- <xsl:value-of select="concat($tab, $tab, '}],', $newline)"/>
- </xsl:when>
- <xsl:when test="@type = 'Object'">
- <xsl:value-of select="concat($tab, $tab, '"', @name, '"', ': {', $newline)"/>
- <xsl:apply-templates select="observableObject" mode="fake"/>
- <xsl:value-of select="concat($tab, $tab, '},', $newline)"/>
- </xsl:when>
- <xsl:otherwise>
- <xsl:value-of select="concat($tab, $tab, '"', @name, '"', ': ', '"', '"', ',', $newline)"/>
- </xsl:otherwise>
- </xsl:choose>
-</xsl:template>
-
-<xsl:template match="observableObject" mode="origin">
- <xsl:choose>
- <xsl:when test="@type = 'Array'">
- <xsl:value-of select="concat($tab, $tab, $tab, $tab, '_self.', '_', @name, ' = function(obj) {', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, $tab, $tab, $tab, 'var _self = this;', $newline)"/>
- <xsl:apply-templates select="observableObject" mode="origin"/>
- <xsl:value-of select="concat($tab, $tab, $tab, $tab, '};', $newline)"/>
-
- <xsl:value-of select="concat($tab, $tab, $tab, $tab, '_self.', @name, ' = ko.observableArray();', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, $tab, $tab, 'for (var i = 0, j = (obj.', @name, '?obj.', @name,'.length:0); i ', '<', ' j; i++) {',$newline)" disable-output-escaping="yes"/>
- <xsl:value-of select="concat($tab, $tab, $tab, $tab, $tab, 'var _obj = obj.',@name,'[i];', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, $tab, $tab, $tab, '_self.', @name, '.push(new _self._', @name, '(_obj));', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, $tab, $tab, '}', $newline)"/>
- </xsl:when>
- <xsl:when test="@type = 'Object'">
- <xsl:value-of select="concat($tab, $tab, $tab, $tab, '_self.', '_', @name, ' = function(obj) {', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, $tab, $tab, $tab, 'var _self = this;', $newline)"/>
- <xsl:apply-templates select="observableObject" mode="origin"/>
- <xsl:value-of select="concat($tab, $tab, $tab, $tab, '};', $newline)"/>
-
- <xsl:value-of select="concat($tab, $tab, $tab, $tab, '_self.', @name, ' = ko.observable(new _self._', @name, '(obj.', @name, '));', $newline)"/>
-
- </xsl:when>
- <xsl:otherwise>
- <xsl:value-of select="concat($tab, $tab, $tab, $tab, '_self.', @name, ' = ko.observable(obj.', @name,');', $newline)"/>
- </xsl:otherwise>
- </xsl:choose>
-</xsl:template>
-
-<xsl:template name="splitQuery">
- <xsl:param name="stringtosplit" />
- <xsl:variable name="first" select="substring-before($stringtosplit, '&')" />
- <xsl:variable name="remaining" select="substring-after($stringtosplit, '&')" />
-
- <xsl:choose>
- <xsl:when test="$first = ''">
- <xsl:if test="$stringtosplit">
- <xsl:variable name="key" select="substring-before($stringtosplit, '=')" />
- <xsl:variable name="value" select="substring-after($stringtosplit, '=')" />
- <xsl:value-of select="concat($tab, $tab, $tab, $key,': ', '"', $value, '"', ',', $newline)"/>
- </xsl:if>
- </xsl:when>
- <xsl:otherwise>
- <xsl:variable name="key" select="substring-before($first, '=')" />
- <xsl:variable name="value" select="substring-after($first, '=')" />
- <xsl:value-of select="concat($tab, $tab, $tab, $key,': ', '"', $value, '"', ',', $newline)"/>
- </xsl:otherwise>
- </xsl:choose>
-
- <xsl:if test="$remaining">
- <xsl:call-template name="splitQuery">
- <xsl:with-param name="stringtosplit" select="$remaining" />
- </xsl:call-template>
- </xsl:if>
-</xsl:template>
-
-<xsl:template match="updateOnStartUp">
- <xsl:value-of select="concat($tab, 'app.ds.', @name, '.update();', $newline)"/>
-</xsl:template>
-
-<!--
-<xsl:template match="viewModel">
- <xsl:variable name="viewModelName" select="@name"/>
- <xsl:variable name="dataSourceName" select="@dataSource"/>
-
- <xsl:value-of select="concat($tab, '$.bindingSpace.dm.', $viewModelName, ' = {', $newline)"/>
- <xsl:for-each select=".//observableObject">
- <xsl:variable name="observableObject_value" select="concat('"', @value, '"')"/>
- <xsl:choose>
- <xsl:when test="@type = 'Array'">
- <xsl:value-of select="concat($tab, $tab, @name, ': ko.observableArray(),', $newline)"/>
- </xsl:when>
- <xsl:otherwise>
- <xsl:value-of select="concat($tab, $tab, @name, ': ko.observable(),', $newline)"/>
- </xsl:otherwise>
- </xsl:choose>
- </xsl:for-each>
- <xsl:value-of select="concat($tab, '};', $newline)"/>
-
-
- <xsl:choose>
- <xsl:when test="$dataSourceName != ''">
- <xsl:value-of select="concat($tab, '$.bindingSpace.ds.', @name, '.addHandler(', '"', 'successcallback', '"', ', ' ,'function() {', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, 'var data = $.bindingSpace.ds.', $dataSourceName, '.data;', $newline)"/>
- <xsl:value-of select="concat($tab, $tab, 'var ', @name, ' = $.bindingSpace.dm.', @name, ';', $newline)"/>
- <xsl:for-each select=".//observableObject">
- <xsl:value-of select="concat($tab, $tab, $viewModelName,'.',@name, '(', $dataSourceName,'.',@name, ');', $newline)"/>
- </xsl:for-each>
- <xsl:value-of select="concat($tab, '});', $newline)"/>
- </xsl:when>
- </xsl:choose>
-
-</xsl:template>
- -->
-
-</xsl:stylesheet>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<document>
- <documentInfo>
- <title>test</title>
- <author>noname</author>
- <version>0.1.1</version>
- </documentInfo>
-
- <documentData>
- <page>
- <properties>
- <tizen.page id="page1" header-text="Header" footer-text="Footer">
- </properties>
- <events>
- </events>
-
- <childlayout>
- <tizen.button id="button2" text="Button"/>
-
- <widget type="tizen.button" id="button2">
- <properties>
- <property name="text">Button</property>
- </properties>
- <events>
- <event name="ontab" func="button1_ontab"/>
- </events>
- <childlayout>
- </childlayout>
- </widget>
-
- <tizen.button id="button3" text="Button"/>
- <tizen.button id="button1" text="Button"/>
- </layout>
- </page>
- </documentData>
-</document>
+++ /dev/null
-<?xml version="1.0" encoding="utf-8" ?>
-<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
-<xsl:output method="text" encoding="utf-8" indent="yes"/>
-
-<xsl:variable name="tab"><xsl:text> </xsl:text></xsl:variable>
-<xsl:variable name="newline"><xsl:text>
-</xsl:text></xsl:variable>
-
-<xsl:template match="/">
- <xsl:text><![CDATA[/*******************************************************************************
-* This file was generated by Tizen Web UI Builder.
-* This file will be auto-generated each and everytime you save your project.
-* Do not hand edit this file.
-********************************************************************************/
-]]></xsl:text>
-
-<xsl:apply-templates select="/tizenFile/document/documentData/tizen.css/tizen.selector"/>
-
-</xsl:template>
-
-<xsl:template match="tizen.selector">
- <xsl:value-of select="concat(@name, ' {', $newline)"/>
-
- <xsl:for-each select="tizen.style">
- <xsl:value-of select="concat($tab, @name, ' : ', @value, ';', $newline)"/>
- </xsl:for-each>
-
- <xsl:value-of select="concat('}', $newline, $newline)"/>
-
-
-</xsl:template>
-
-</xsl:stylesheet>
+++ /dev/null
-<?xml version="1.0" encoding="utf-8" ?>
-<xsl:stylesheet version="1.0"
- xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:output method="text" encoding="utf-8" indent="yes" />
-
- <xsl:variable name="tab">
- <xsl:text> </xsl:text>
- </xsl:variable>
- <xsl:variable name="newline">
- <xsl:text>
-</xsl:text>
- </xsl:variable>
-
- <xsl:template match="/">
- <xsl:text><![CDATA[/*******************************************************************************
-* This file was generated by Tizen Web UI Builder.
-* This file will be auto-generated each and everytime you save your project.
-* Do not hand edit this file.
-********************************************************************************/
-]]></xsl:text>
-
- <xsl:apply-templates select="/tizenFile/document/documentData/tizen.nscreen" />
-
- </xsl:template>
-
- <xsl:template match="tizen.nscreen">
-
- <xsl:for-each select="screen">
- <!-- xsl:sort select="width" order="descending" data-type="number" / -->
-
- <xsl:variable name="nscreen-name"><xsl:value-of select="@fineName" /></xsl:variable>
-
- <xsl:variable name='device-width'>
- <xsl:choose>
- <xsl:when test="string(@device-width) = '' or string(@device-width) = '0'"></xsl:when>
- <xsl:otherwise> and (device-width:<xsl:value-of select="@device-width" />px)</xsl:otherwise>
- </xsl:choose>
- </xsl:variable>
-
- <xsl:variable name='device-height'>
- <xsl:choose>
- <xsl:when test='string(@device-height) = "" or string(@device-height) = "0"'></xsl:when>
- <xsl:otherwise> and (device-height:<xsl:value-of select="@device-height" />px)</xsl:otherwise>
- </xsl:choose>
- </xsl:variable>
-
- <xsl:variable name='color'>
- <xsl:choose>
- <xsl:when test='string(@color) = ""'></xsl:when>
- <xsl:otherwise> and (color:<xsl:value-of select="@color" />)</xsl:otherwise>
- </xsl:choose>
- </xsl:variable>
-
- <xsl:variable name='color-index'>
- <xsl:choose>
- <xsl:when test='string(@color-index) = ""'></xsl:when>
- <xsl:otherwise> and (color-index:<xsl:value-of select="@color-index" />)</xsl:otherwise>
- </xsl:choose>
- </xsl:variable>
-
- <xsl:variable name='orientation'>
- <xsl:choose>
- <xsl:when test='string(@orientation) = ""'></xsl:when>
- <xsl:otherwise> and (orientation:<xsl:value-of select="@orientation" />)</xsl:otherwise>
- </xsl:choose>
- </xsl:variable>
-
- <xsl:variable name='monochrome'>
- <xsl:choose>
- <xsl:when test='string(@monochrome) = ""'></xsl:when>
- <xsl:otherwise> and (monochrome:<xsl:value-of select="@monochrome" />)</xsl:otherwise>
- </xsl:choose>
- </xsl:variable>
-
- <xsl:variable name='resolution'>
- <xsl:choose>
- <xsl:when test='string(@resolution) = ""'></xsl:when>
- <xsl:otherwise> and (resolution:<xsl:value-of select="@resolution" />)</xsl:otherwise>
- </xsl:choose>
- </xsl:variable>
-
- <xsl:variable name='scan'>
- <xsl:choose>
- <xsl:when test='string(@scan) = ""'></xsl:when>
- <xsl:otherwise> and (scan:<xsl:value-of select="@scan" />)</xsl:otherwise>
- </xsl:choose>
- </xsl:variable>
-
- <xsl:variable name='grid'>
- <xsl:choose>
- <xsl:when test='string(@grid) = "true"'> and (grid)</xsl:when>
- <xsl:otherwise></xsl:otherwise>
- </xsl:choose>
- </xsl:variable>
-
- <xsl:variable name='devicePixelRatio'>
- <xsl:choose>
- <xsl:when test='string(@devicePixelRatio) = ""'></xsl:when>
- <xsl:otherwise> and (-webkit-min-device-pixel-ratio:<xsl:value-of select="@devicePixelRatio" />)</xsl:otherwise>
- </xsl:choose>
- </xsl:variable>
-
- <xsl:for-each select="enablePage">
- <xsl:choose>
- <xsl:when test='string(@enable) = "true"'>
-<xsl:value-of select="$newline"/>/* nscreen Name : <xsl:value-of select="$nscreen-name"/>, page name : <xsl:value-of select="@name"/> */
-@import url("<xsl:value-of select="@name"/>_<xsl:copy-of select="$nscreen-name" />.css") screen<xsl:copy-of select="$device-width" /><xsl:copy-of select="$device-height" /><xsl:copy-of select="$color" /><xsl:copy-of select="$color-index" /><xsl:copy-of select="$orientation" /><xsl:copy-of select="$monochrome" /><xsl:copy-of select="$resolution" /><xsl:copy-of select="$scan" /><xsl:copy-of select="$grid" /><xsl:copy-of select="$devicePixelRatio" />;<xsl:value-of select="$newline"/>
- </xsl:when>
- <xsl:otherwise></xsl:otherwise>
- </xsl:choose>
- </xsl:for-each>
- </xsl:for-each>
- </xsl:template>
-</xsl:stylesheet>
+++ /dev/null
-<?xml version="1.0" encoding="utf-8" ?>
-<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
-<xsl:output method="text" encoding="utf-8"/>
-
-<!-- global variables -->
-<xsl:variable name="key_return">
- <xsl:text>
-</xsl:text>
-</xsl:variable>
-
-<xsl:variable name="key_tab">
- <xsl:text> </xsl:text>
-</xsl:variable>
-
-<xsl:template match="/">
- <xsl:apply-templates select="/document/documentData/tizen.doc/tizen.page"/>
-</xsl:template>
-
-<xsl:template match="tizen.page">
- <xsl:variable name="page_name" select="@id"/>
- <xsl:variable name="class_name">
- <xsl:value-of select="concat('_', $page_name, '_page')"/>
- </xsl:variable>
- <xsl:text>/*******************************************************************************
- * page dynamic loading handler
- *
- * @Generated by Tizen UI Builder
- * @Attribute managed readonly volatile
- *******************************************************************************/
-
-// page class
-/**
-* Object </xsl:text><xsl:value-of select="$class_name"/><xsl:text>()
-* @super _page
-* @constructor
-* @memberOf </xsl:text><xsl:value-of select="$class_name"/><xsl:text>
-*/
-function </xsl:text><xsl:value-of select="$class_name"/><xsl:text>() {
-}
-</xsl:text>
-
-<xsl:text>
-//inherit _page
-</xsl:text>
-
-<xsl:value-of select="concat($class_name, '.prototype = ')"/>
-<xsl:value-of select="concat('new _page(', '"', $page_name, '");', $key_return)"/>
-
-<xsl:text>
-// widget assist
-</xsl:text>
-
-<xsl:for-each select=".//*">
-<xsl:value-of select="concat($class_name, '.prototype.', @id, ' = ')"/>
-<xsl:value-of select="concat('undefined;', $key_return)"/>
-</xsl:for-each>
-
-
-<xsl:text>
-// default widget event handler
-</xsl:text>
-
-<xsl:for-each select=".//*">
-<xsl:for-each select="@*[starts-with(name(), 'on')]">
-<xsl:value-of select="concat($class_name, '.prototype.', ., ' = ')"/>
-<xsl:value-of select="concat('function(event) {};', $key_return)"/>
-</xsl:for-each>
-</xsl:for-each>
-
-<xsl:text>
-</xsl:text>
-
-<xsl:value-of select="concat($class_name, '.prototype.init_page', ' = ')"/>
-<xsl:value-of select="concat('function(isStartPage) {', $key_return)"/>
-<xsl:value-of select="concat($key_tab, 'this._init_page(function() {', $key_return)"/>
-
-<xsl:text>
- // widget assist (real object binding)
-</xsl:text>
-
-<xsl:for-each select=".//*">
-
-<xsl:text>
- /**
- * @type jQueryObject
- */
-</xsl:text>
-<xsl:value-of select="concat($key_tab, $key_tab, $class_name, '.prototype.', @id, ' = ')"/>
-<xsl:value-of select="concat('$(', '"', '#', $page_name, ' ', '#', @id, '"', ');', $key_return)"/>
-</xsl:for-each>
-
-<xsl:text>
- // bind widget event handler
-</xsl:text>
-
-<xsl:for-each select=".//*">
-<xsl:for-each select="@*[starts-with(name(), 'on')]">
-<xsl:value-of select="concat($key_tab, $key_tab, $class_name, '.prototype.', ../@id, '.bind(')"/>
-<xsl:value-of select="concat('"', substring(name(), 3), '", ', 'function(event) { ', $class_name, '.prototype.', ., '(event); });', $key_return)"/>
-</xsl:for-each>
-</xsl:for-each>
-<xsl:value-of select="concat($key_return, $key_tab, '}', ', isStartPage);', $key_return)"/>
-
-<xsl:text>
-};
-</xsl:text>
-
-</xsl:template>
-</xsl:stylesheet>
+++ /dev/null
-<?xml version="1.0" encoding="utf-8" ?>
-<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
-<xsl:output method="text" encoding="utf-8"/>
-
-<!-- global variables -->
-<xsl:variable name="key_return">
- <xsl:text>
-</xsl:text>
-</xsl:variable>
-
-<xsl:variable name="key_tab">
- <xsl:text> </xsl:text>
-</xsl:variable>
-
-<xsl:template match="/">
- <xsl:apply-templates select="/document/documentData/tizen.doc/tizen.page"/>
-</xsl:template>
-
-<xsl:template match="tizen.page">
- <xsl:variable name="page_name" select="@id"/>
- <xsl:variable name="class_name">
- <xsl:value-of select="concat('_', $page_name, '_page')"/>
- </xsl:variable>
- <xsl:text>/*******************************************************************************
- * page dynamic loading handler
- *
- * @Generated by Tizen UI Builder
- * @Attribute managed readonly volatile
- *******************************************************************************/
-
-// page class
-/**
-* Object </xsl:text><xsl:value-of select="$class_name"/><xsl:text>()
-* @super _page
-* @constructor
-* @memberOf </xsl:text><xsl:value-of select="$class_name"/><xsl:text>
-*/
-function </xsl:text><xsl:value-of select="$class_name"/><xsl:text>() {
-}
-</xsl:text>
-
-<xsl:text>
-//inherit _page
-</xsl:text>
-
-<xsl:value-of select="concat($class_name, '.prototype = ')"/>
-<xsl:value-of select="concat('new _page(', '"', $page_name, '");', $key_return)"/>
-
-<xsl:text>
-// widget assist
-</xsl:text>
-
-<xsl:for-each select=".//*">
-<xsl:value-of select="concat($class_name, '.prototype.', @id, ' = ')"/>
-<xsl:value-of select="concat('undefined;', $key_return)"/>
-</xsl:for-each>
-
-
-<xsl:text>
-// default widget event handler
-</xsl:text>
-
-<xsl:for-each select=".//*">
-<xsl:for-each select="@*[starts-with(name(), 'on')]">
-<xsl:value-of select="concat($class_name, '.prototype.', ., ' = ')"/>
-<xsl:value-of select="concat('function(event) {};', $key_return)"/>
-</xsl:for-each>
-</xsl:for-each>
-
-<xsl:text>
-</xsl:text>
-
-<xsl:value-of select="concat($class_name, '.prototype.init_page', ' = ')"/>
-<xsl:value-of select="concat('function(isStartPage) {', $key_return)"/>
-<xsl:value-of select="concat($key_tab, 'this._init_page(function() {', $key_return)"/>
-
-<xsl:text>
- // widget assist (real object binding)
-</xsl:text>
-
-<xsl:for-each select=".//*">
-
-<xsl:text>
- /**
- * @type jQueryObject
- */
-</xsl:text>
-<xsl:value-of select="concat($key_tab, $key_tab, $class_name, '.prototype.', @id, ' = ')"/>
-<xsl:value-of select="concat('$(', '"', '#', $page_name, ' ', '#', @id, '"', ');', $key_return)"/>
-</xsl:for-each>
-
-<xsl:text>
- // bind widget event handler
-</xsl:text>
-
-<xsl:for-each select=".//*">
-<xsl:for-each select="@*[starts-with(name(), 'on')]">
-<xsl:value-of select="concat($key_tab, $key_tab, $class_name, '.prototype.', ../@id, '.bind(')"/>
-<xsl:value-of select="concat('"', substring(name(), 3), '", ', 'function(event) { ', $class_name, '.prototype.', ., '(event); });', $key_return)"/>
-</xsl:for-each>
-</xsl:for-each>
-<xsl:value-of select="concat($key_return, $key_tab, '}', ', isStartPage);', $key_return)"/>
-
-<xsl:text>
-};
-</xsl:text>
-
-</xsl:template>
-</xsl:stylesheet>
+++ /dev/null
-<?xml version="1.0" encoding="utf-8" ?>
-<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
-<xsl:output method="text" encoding="utf-8"/>
-
-<!-- global variables -->
-<xsl:variable name="key_return">
- <xsl:text>
-</xsl:text>
-</xsl:variable>
-
-<xsl:variable name="key_tab">
- <xsl:text> </xsl:text>
-</xsl:variable>
-
-<xsl:template match="/">
- <xsl:apply-templates select="/tizenFile/document/documentData/tizen.doc/tizen.page"/>
-</xsl:template>
-
-<xsl:template match="tizen.page">
- <xsl:variable name="page_name" select="@id"/>
- <xsl:variable name="class_name">
- <xsl:value-of select="concat('_', $page_name, '_page')"/>
- </xsl:variable>
- <xsl:text>/*******************************************************************************
-* This file was generated by Tizen Web UI Builder.
-* This file will be auto-generated each and everytime you save your project.
-* Do not hand edit this file.
-********************************************************************************/
-
-// page class
-/**
-* Object </xsl:text><xsl:value-of select="$class_name"/><xsl:text>()
-* @super _page
-* @constructor
-* @memberOf </xsl:text><xsl:value-of select="$class_name"/><xsl:text>
-*/
-function </xsl:text><xsl:value-of select="$class_name"/><xsl:text>() {
-}
-</xsl:text>
-
-<xsl:text>
-//inherit _page
-</xsl:text>
-
-<xsl:value-of select="concat($class_name, '.prototype = ')"/>
-<xsl:value-of select="concat('new _page(', '"', $page_name, '");', $key_return)"/>
-
-<xsl:text>
-// widget assist
-</xsl:text>
-
-<xsl:for-each select=".//*">
- <xsl:choose>
- <xsl:when test="name() = 'event'">
- </xsl:when>
- <xsl:when test="name() = 'gotoPage'">
- </xsl:when>
- <xsl:otherwise>
- <xsl:value-of select="concat($class_name, '.prototype.', @id, ' = ')"/>
- <xsl:value-of select="concat('undefined;', $key_return)"/>
- </xsl:otherwise>
- </xsl:choose>
-</xsl:for-each>
-
-
-<xsl:text>
-// default widget event handler
-</xsl:text>
-
-<xsl:for-each select=".//*">
-<xsl:for-each select="@*[starts-with(name(), 'on')]">
-<xsl:value-of select="concat($class_name, '.prototype.', ., ' = ')"/>
-<xsl:value-of select="concat('function(event) {};', $key_return)"/>
-</xsl:for-each>
-</xsl:for-each>
-
-<xsl:text>
-</xsl:text>
-
-<xsl:value-of select="concat($class_name, '.prototype.init_page', ' = ')"/>
-<xsl:value-of select="concat('function(isStartPage, htmlPath, cssPath, managedCssPath) {', $key_return)"/>
-<xsl:value-of select="concat($key_tab, 'this.htmlPath = htmlPath;', $key_return)"/>
-<xsl:value-of select="concat($key_tab, 'this.cssPath = cssPath;', $key_return)"/>
-<xsl:value-of select="concat($key_tab, 'this.managedCssPath = managedCssPath;', $key_return)"/>
-<xsl:value-of select="concat($key_tab, 'this._init_page(function() {', $key_return)"/>
-
-<xsl:text>
- // widget assist (real object binding)
-</xsl:text>
-
-<xsl:for-each select=".//*">
-<xsl:choose>
-<xsl:when test="name() = 'event'">
-</xsl:when>
-<xsl:when test="name() = 'gotoPage'">
-</xsl:when>
-<xsl:otherwise>
-<xsl:text>
- /**
- * @type jQueryObject
- */
-</xsl:text>
-<xsl:value-of select="concat($key_tab, $key_tab, $class_name, '.prototype.', @id, ' = ')"/>
-<xsl:value-of select="concat('$(', '"', '#', $page_name, ' ', '#', @id, '"', ');', $key_return)"/>
-</xsl:otherwise>
-</xsl:choose>
-</xsl:for-each>
-
-<xsl:text>
- // data binding
-</xsl:text>
-<xsl:if test="//*[@data-bind]">
- <xsl:value-of select="concat($key_tab, $key_tab, 'ko.applyBindings(app.dm, $(', '"', '#', $page_name, '"', ')[0]);', $key_return)"/>
-</xsl:if>
-
-<xsl:text>
- // bind widget event handler
-</xsl:text>
-
-<xsl:for-each select=".//*">
-<xsl:for-each select="@*[starts-with(name(), 'on')]">
-<xsl:value-of select="concat($key_tab, $key_tab, $class_name, '.prototype.', ../../@id, '.bind(')"/>
-<xsl:value-of select="concat('"', substring(name(), 3), '", ', 'function(event) { ', $class_name, '.prototype.', ., '(event); });', $key_return)"/>
-</xsl:for-each>
-</xsl:for-each>
-
-<xsl:for-each select=".//*">
-<xsl:if test="name() = 'gotoPage'">
-<xsl:value-of select="concat($key_tab, $key_tab, $class_name, '.prototype.', ../@id, '.bind(')"/>
-<xsl:value-of select="concat('"', substring(@event, 3), '", ', 'function(event) { pageManager.changePage(', '"', @destinationPage, '"', ', {transition :', '"', @transition,'"', '}); });', $key_return)"/>
-</xsl:if>
-</xsl:for-each>
-
-<xsl:value-of select="concat($key_return, $key_tab, '}', ', isStartPage);', $key_return, $key_return)"/>
-
-<xsl:if test="//*[@data-bind]">
- <xsl:value-of select="concat($key_tab, 'this._remove_page(function (event) {', $key_return)"/>
- <xsl:value-of select="concat($key_tab, $key_tab, 'ko.unapplyBindings($(', '"', '#', $page_name, '"', '));', $key_return)"/>
- <xsl:value-of select="concat($key_tab, '});', $key_return)"/>
-</xsl:if>
-
-<xsl:text>
-};
-</xsl:text>
-
-</xsl:template>
-</xsl:stylesheet>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<tizenFile>
- <fileInfo>
- <type>tizen-ui-builder-tool</type>
- <version>0.0.1</version>
- <desc>Tizen Web UI Builder Tool Info</desc>
- </fileInfo>
- <tizenToolPath>
- <descriptor>res/descriptors/Tizen-web-ui-fw</descriptor>
- <descriptorIcons>res/icons</descriptorIcons>
- <buildXslt>res/xslt</buildXslt>
- </tizenToolPath>
-</tizenFile>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
-<tizen-app-template xmlns="http://www.tizen.org/tizen-app-template" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" template-version="" sdk-version="" icon32="template_icon_32.png" icon64="template_icon_64.png" xsi:schemaLocation="http://www.tizen.org/tizen-app-template tizen-app-template.xsd ">
- <template-id>Mobile 2048</template-id>
- <template-name>Mobile 2048 Application</template-name>
- <widget-type>UIBuilder</widget-type>
- <description-file-name>description.xml</description-file-name>
- <options>
- <supportLibraries>
- <library name="Tizen Web UI Framework"/>
- </supportLibraries>
- <optionGroup name="Viewport Mode" key="Viewport_Mode" optionType="SINGLE_SELECTION">
- <optionElement name="Device-width based" value="device-width" defaultElement="true" ></optionElement>
- <optionElement name="480px static" value="480"></optionElement>
- <optionElement name="720px static" value="720"></optionElement>
- </optionGroup>
- <optionGroup name="Theme" key="Theme" optionType="SINGLE_SELECTION" image="icons/theme.png">
- <optionElement name="Black" value="tizen-black" image="Mobile2048.png" defaultElement="true" />
- <optionElement name="White" value="tizen-white" image="Mobile2048.png" defaultElement="true" />
- </optionGroup>
- </options>
-</tizen-app-template>
-
projects / profile / mobile / sdk / web-ui-builder-template.git / commitdiff
