implement pinch to zoom

This commit is contained in:
marlon-erler
2026-08-30 16:15:14 +02:00
parent ea50704f8a
commit 7eb02f07dc
160 changed files with 15806 additions and 61 deletions
+3
View File
@@ -0,0 +1,3 @@
components
build
node_modules
+14
View File
@@ -0,0 +1,14 @@
build: components index.js
@component build --dev
components:
@component install --dev
clean:
rm -fr build components template.js
test:
open test/index.html
.PHONY: clean test
+37
View File
@@ -0,0 +1,37 @@
# type
Type assertions aka less-broken `typeof`.
## Example
```js
var type = require('type');
var obj = new Date;
if (type(obj) == 'date') ...
```
## API
```js
type(new Date) == 'date'
type({}) == 'object'
type(null) == 'null'
type(undefined) == 'undefined'
type("hey") == 'string'
type(true) == 'boolean'
type(false) == 'boolean'
type(12) == 'number'
type(type) == 'function'
type(/asdf/) == 'regexp'
type((function(){ return arguments })()) == 'arguments'
type([]) == 'array'
type(document.createElement('div')) == 'element'
type(NaN) == 'nan'
type(new Error('Ups! Something wrong...')) == 'error'
```
## License
MIT
+13
View File
@@ -0,0 +1,13 @@
{
"name": "type",
"description": "Cross-browser type assertions (less broken typeof)",
"version": "1.1.0",
"keywords": ["typeof", "type", "utility"],
"dependencies": {},
"development": {
"component/assert": "*"
},
"scripts": [
"index.js"
]
}
+34
View File
@@ -0,0 +1,34 @@
/**
* toString ref.
*/
var toString = Object.prototype.toString;
/**
* Return the type of `val`.
*
* @param {Mixed} val
* @return {String}
* @api public
*/
module.exports = function(val){
switch (toString.call(val)) {
case '[object Date]': return 'date';
case '[object RegExp]': return 'regexp';
case '[object Arguments]': return 'arguments';
case '[object Array]': return 'array';
case '[object Error]': return 'error';
}
if (val === null) return 'null';
if (val === undefined) return 'undefined';
if (val !== val) return 'nan';
if (val && val.nodeType === 1) return 'element';
val = val.valueOf
? val.valueOf()
: Object.prototype.valueOf.apply(val)
return typeof val;
};
+16
View File
@@ -0,0 +1,16 @@
{
"name": "component-type",
"description": "Cross-browser type assertions (less broken typeof)",
"version": "1.1.0",
"keywords": [
"typeof",
"type",
"utility"
],
"dependencies": {},
"main": "index.js",
"repository": {
"type": "git",
"url": "https://github.com/component/type.git"
}
}
+17
View File
@@ -0,0 +1,17 @@
<html>
<head>
<title>Mocha</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="mocha.css" />
</head>
<body>
<div id="mocha"></div>
<script src="mocha.js"></script>
<script>mocha.setup('bdd')</script>
<script src="../build/build.js"></script>
<script src="tests.js"></script>
<script>
mocha.run();
</script>
</body>
</html>
+231
View File
@@ -0,0 +1,231 @@
@charset "utf-8";
body {
font: 20px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 60px 50px;
}
#mocha ul, #mocha li {
margin: 0;
padding: 0;
}
#mocha ul {
list-style: none;
}
#mocha h1, #mocha h2 {
margin: 0;
}
#mocha h1 {
margin-top: 15px;
font-size: 1em;
font-weight: 200;
}
#mocha h1 a {
text-decoration: none;
color: inherit;
}
#mocha h1 a:hover {
text-decoration: underline;
}
#mocha .suite .suite h1 {
margin-top: 0;
font-size: .8em;
}
.hidden {
display: none;
}
#mocha h2 {
font-size: 12px;
font-weight: normal;
cursor: pointer;
}
#mocha .suite {
margin-left: 15px;
}
#mocha .test {
margin-left: 15px;
overflow: hidden;
}
#mocha .test.pending:hover h2::after {
content: '(pending)';
font-family: arial;
}
#mocha .test.pass.medium .duration {
background: #C09853;
}
#mocha .test.pass.slow .duration {
background: #B94A48;
}
#mocha .test.pass::before {
content: '✓';
font-size: 12px;
display: block;
float: left;
margin-right: 5px;
color: #00d6b2;
}
#mocha .test.pass .duration {
font-size: 9px;
margin-left: 5px;
padding: 2px 5px;
color: white;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
#mocha .test.pass.fast .duration {
display: none;
}
#mocha .test.pending {
color: #0b97c4;
}
#mocha .test.pending::before {
content: '◦';
color: #0b97c4;
}
#mocha .test.fail {
color: #c00;
}
#mocha .test.fail pre {
color: black;
}
#mocha .test.fail::before {
content: '✖';
font-size: 12px;
display: block;
float: left;
margin-right: 5px;
color: #c00;
}
#mocha .test pre.error {
color: #c00;
max-height: 300px;
overflow: auto;
}
#mocha .test pre {
display: block;
float: left;
clear: left;
font: 12px/1.5 monaco, monospace;
margin: 5px;
padding: 15px;
border: 1px solid #eee;
border-bottom-color: #ddd;
-webkit-border-radius: 3px;
-webkit-box-shadow: 0 1px 3px #eee;
-moz-border-radius: 3px;
-moz-box-shadow: 0 1px 3px #eee;
}
#mocha .test h2 {
position: relative;
}
#mocha .test a.replay {
position: absolute;
top: 3px;
right: 0;
text-decoration: none;
vertical-align: middle;
display: block;
width: 15px;
height: 15px;
line-height: 15px;
text-align: center;
background: #eee;
font-size: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-transition: opacity 200ms;
-moz-transition: opacity 200ms;
transition: opacity 200ms;
opacity: 0.3;
color: #888;
}
#mocha .test:hover a.replay {
opacity: 1;
}
#mocha-report.pass .test.fail {
display: none;
}
#mocha-report.fail .test.pass {
display: none;
}
#mocha-error {
color: #c00;
font-size: 1.5 em;
font-weight: 100;
letter-spacing: 1px;
}
#mocha-stats {
position: fixed;
top: 15px;
right: 10px;
font-size: 12px;
margin: 0;
color: #888;
}
#mocha-stats .progress {
float: right;
padding-top: 0;
}
#mocha-stats em {
color: black;
}
#mocha-stats a {
text-decoration: none;
color: inherit;
}
#mocha-stats a:hover {
border-bottom: 1px solid #eee;
}
#mocha-stats li {
display: inline-block;
margin: 0 5px;
list-style: none;
padding-top: 11px;
}
code .comment { color: #ddd }
code .init { color: #2F6FAD }
code .string { color: #5890AD }
code .keyword { color: #8A6343 }
code .number { color: #2F6FAD }
+5340
View File
File diff suppressed because it is too large Load Diff
+72
View File
@@ -0,0 +1,72 @@
var type = require('type')
, assert = require('component-assert');
describe('type', function(){
it('should match objects', function(){
function Foo(){}
assert('object' === type({}));
assert('object' === type(new Foo));
});
it('should match numbers', function(){
assert('number' === type(12));
assert('number' === type(1.0));
assert('number' === type(-5));
assert('number' === type(new Number(123)));
assert('number' === type(Infinity));
});
it('should match NaN', function () {
assert('nan' === type(NaN));
});
it('should match strings', function(){
assert('string' === type("test"));
assert('string' === type(new String('whoop')));
});
it('should match dates', function(){
assert('date' === type(new Date));
});
it('should match booleans', function(){
assert('boolean' === type(true));
assert('boolean' === type(false));
assert('boolean' === type(new Boolean(true)));
});
it('should match null', function(){
assert('null' === type(null));
});
it('should match undefined', function(){
assert('undefined' === type());
assert('undefined' === type(undefined));
});
it('should match arrays', function(){
assert('array' === type([]));
assert('array' === type(new Array()));
});
it('should match regexps', function(){
assert('regexp' === type(/asdf/));
assert('regexp' === type(new RegExp('weee')));
});
it('should match functions', function(){
assert('function' === type(function(){}));
});
it('should match arguments', function(){
assert('arguments' === type(arguments));
});
it('should match elements', function(){
assert('element' === type(document.createElement('div')));
});
it('should match errors', function(){
assert('error' === type(new Error('Ups!')));
});
});