DOMite.js 30 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926
  1. define("domite/DOMite", ["amber/boot", "amber_core/Kernel-Collections"], function($boot){
  2. var $core=$boot.api,nil=$boot.nil,$recv=$boot.asReceiver,$globals=$boot.globals;
  3. $core.addPackage('DOMite');
  4. $core.packages["DOMite"].innerEval = function (expr) { return eval(expr); };
  5. $core.packages["DOMite"].transport = {"type":"amd","amdNamespace":"domite"};
  6. $core.addClass('Domite', $globals.ProtoStream, ['element', 'reference'], 'DOMite');
  7. //>>excludeStart("ide", pragmas.excludeIdeData);
  8. $globals.Domite.comment="I am (hopefully thin) wrapper around the notion of \x22cursor in a page\x22.\x0aI represent a DOM node _and_ a point where\x0ato insert new content into it.\x0a\x0aSo I play both the role of a container that inserts\x0aas well as the role of an element being inserted.\x0a\x0aI inherit from `ProtoStream`.\x0a\x0aCreation API:\x0a\x0a - `Domite new` creates an insertion point at the bottom of `<body>`.\x0a - `Domite newStream` is unique way to create pieces of content. It creates an instance \x22floating in thin air\x22 (wrapper around DOM DocumentFragment) that can be filled with any contents and then inserted in a page.\x0a - `Domite fromElement: aDomElement` wraps an element and set the cursor to its end.\x0a\x0aCSS selector API:\x0a\x0a - `Domite at: aSelector` wraps an element found by `document.querySelector(aSelector)`.\x0a\x0aManipulation API:\x0a\x0a - `aDomite << obj` inserts obj at the insertion point.\x0a - `aDomite resetContents` deletes contents of the wrapped element.\x0a\x0aCursor moving API:\x0a\x0aTake this sample HTML, where `[n]` are just markers, not real content:\x0a\x0a```\x0a<body>\x0a <h1>header</h1>\x0a [4]<p>[2]Hello[1]world[3]</p>[5]\x0a <small>footer</small>\x0a</body>\x0a```\x0a\x0aIf `d` is a `Domite` representing `[1]`, then:\x0a\x0a - `d setToStart` would move `d` to be at `[2]`,\x0a - `d setToEnd` would move `d` to be at `[3]`,\x0a - `d setToBefore` would move `d` to be at `[4]`, and\x0a - `d setToAfter` would move `d` to be at `[5]`.\x0a\x0aIt is not presumed one would use `setToXxx`\x0ato actually move around in a single instance.\x0aIt is envisioned this API will be used mostly\x0ain combination with `copy`, like\x0a`afterMe := self copy setToAfter`.";
  9. //>>excludeEnd("ide");
  10. $core.addMethod(
  11. $core.method({
  12. selector: "=",
  13. protocol: 'comparing',
  14. fn: function (aDomite){
  15. var self=this;
  16. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  17. return $core.withContext(function($ctx1) {
  18. //>>excludeEnd("ctx");
  19. var $3,$2,$5,$4,$6,$1;
  20. $3=self._class();
  21. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  22. $ctx1.sendIdx["class"]=1;
  23. //>>excludeEnd("ctx");
  24. $2=$recv($3).__eq($recv(aDomite)._class());
  25. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  26. $ctx1.sendIdx["="]=1;
  27. //>>excludeEnd("ctx");
  28. $1=$recv($2)._and_((function(){
  29. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  30. return $core.withContext(function($ctx2) {
  31. //>>excludeEnd("ctx");
  32. $5=self._element();
  33. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  34. $ctx2.sendIdx["element"]=1;
  35. //>>excludeEnd("ctx");
  36. $4=$recv($5).__eq($recv(aDomite)._element());
  37. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  38. $ctx2.sendIdx["="]=2;
  39. //>>excludeEnd("ctx");
  40. return $recv($4)._and_((function(){
  41. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  42. return $core.withContext(function($ctx3) {
  43. //>>excludeEnd("ctx");
  44. $6=self._reference();
  45. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  46. $ctx3.sendIdx["reference"]=1;
  47. //>>excludeEnd("ctx");
  48. return $recv($6).__eq($recv(aDomite)._reference());
  49. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  50. }, function($ctx3) {$ctx3.fillBlock({},$ctx2,2)});
  51. //>>excludeEnd("ctx");
  52. }));
  53. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  54. }, function($ctx2) {$ctx2.fillBlock({},$ctx1,1)});
  55. //>>excludeEnd("ctx");
  56. }));
  57. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  58. $ctx1.sendIdx["and:"]=1;
  59. //>>excludeEnd("ctx");
  60. return $1;
  61. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  62. }, function($ctx1) {$ctx1.fill(self,"=",{aDomite:aDomite},$globals.Domite)});
  63. //>>excludeEnd("ctx");
  64. },
  65. //>>excludeStart("ide", pragmas.excludeIdeData);
  66. args: ["aDomite"],
  67. source: "= aDomite\x0a\x09^ self class = aDomite class and: [\x0a\x09\x09self element = aDomite element and: [\x0a\x09\x09\x09self reference = aDomite reference ]]",
  68. referencedClasses: [],
  69. //>>excludeEnd("ide");
  70. messageSends: ["and:", "=", "class", "element", "reference"]
  71. }),
  72. $globals.Domite);
  73. $core.addMethod(
  74. $core.method({
  75. selector: "at:",
  76. protocol: 'accessing',
  77. fn: function (aString){
  78. var self=this;
  79. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  80. return $core.withContext(function($ctx1) {
  81. //>>excludeEnd("ctx");
  82. var $1;
  83. $1=$recv(self._class())._fromElement_($recv(self._element())._querySelector_(aString));
  84. return $1;
  85. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  86. }, function($ctx1) {$ctx1.fill(self,"at:",{aString:aString},$globals.Domite)});
  87. //>>excludeEnd("ctx");
  88. },
  89. //>>excludeStart("ide", pragmas.excludeIdeData);
  90. args: ["aString"],
  91. source: "at: aString\x0a\x09^ self class fromElement: (self element querySelector: aString)",
  92. referencedClasses: [],
  93. //>>excludeEnd("ide");
  94. messageSends: ["fromElement:", "class", "querySelector:", "element"]
  95. }),
  96. $globals.Domite);
  97. $core.addMethod(
  98. $core.method({
  99. selector: "atEnd",
  100. protocol: 'testing',
  101. fn: function (){
  102. var self=this;
  103. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  104. return $core.withContext(function($ctx1) {
  105. //>>excludeEnd("ctx");
  106. var $1;
  107. $1=$recv(self._reference())._isNil();
  108. return $1;
  109. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  110. }, function($ctx1) {$ctx1.fill(self,"atEnd",{},$globals.Domite)});
  111. //>>excludeEnd("ctx");
  112. },
  113. //>>excludeStart("ide", pragmas.excludeIdeData);
  114. args: [],
  115. source: "atEnd\x0a\x09^ self reference isNil",
  116. referencedClasses: [],
  117. //>>excludeEnd("ide");
  118. messageSends: ["isNil", "reference"]
  119. }),
  120. $globals.Domite);
  121. $core.addMethod(
  122. $core.method({
  123. selector: "atStart",
  124. protocol: 'testing',
  125. fn: function (){
  126. var self=this;
  127. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  128. return $core.withContext(function($ctx1) {
  129. //>>excludeEnd("ctx");
  130. var $1;
  131. $1=$recv(self._reference()).__eq($recv(self._element())._firstChild());
  132. return $1;
  133. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  134. }, function($ctx1) {$ctx1.fill(self,"atStart",{},$globals.Domite)});
  135. //>>excludeEnd("ctx");
  136. },
  137. //>>excludeStart("ide", pragmas.excludeIdeData);
  138. args: [],
  139. source: "atStart\x0a\x09^ self reference = self element firstChild",
  140. referencedClasses: [],
  141. //>>excludeEnd("ide");
  142. messageSends: ["=", "reference", "firstChild", "element"]
  143. }),
  144. $globals.Domite);
  145. $core.addMethod(
  146. $core.method({
  147. selector: "attrAt:",
  148. protocol: 'accessing',
  149. fn: function (aString){
  150. var self=this;
  151. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  152. return $core.withContext(function($ctx1) {
  153. //>>excludeEnd("ctx");
  154. var $1,$2;
  155. $1=$recv(self["@element"])._hasAttribute_(aString);
  156. if($core.assert($1)){
  157. $2=$recv(self["@element"])._getAttribute_(aString);
  158. return $2;
  159. } else {
  160. return nil;
  161. };
  162. return self;
  163. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  164. }, function($ctx1) {$ctx1.fill(self,"attrAt:",{aString:aString},$globals.Domite)});
  165. //>>excludeEnd("ctx");
  166. },
  167. //>>excludeStart("ide", pragmas.excludeIdeData);
  168. args: ["aString"],
  169. source: "attrAt: aString\x0a\x09(element hasAttribute: aString)\x0a\x09\x09ifTrue: [ ^ element getAttribute: aString ]\x0a\x09\x09ifFalse: [ ^ nil ]",
  170. referencedClasses: [],
  171. //>>excludeEnd("ide");
  172. messageSends: ["ifTrue:ifFalse:", "hasAttribute:", "getAttribute:"]
  173. }),
  174. $globals.Domite);
  175. $core.addMethod(
  176. $core.method({
  177. selector: "attrAt:put:",
  178. protocol: 'accessing',
  179. fn: function (aString,anotherString){
  180. var self=this;
  181. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  182. return $core.withContext(function($ctx1) {
  183. //>>excludeEnd("ctx");
  184. $recv(self["@element"])._setAttribute_to_(aString,anotherString);
  185. return self;
  186. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  187. }, function($ctx1) {$ctx1.fill(self,"attrAt:put:",{aString:aString,anotherString:anotherString},$globals.Domite)});
  188. //>>excludeEnd("ctx");
  189. },
  190. //>>excludeStart("ide", pragmas.excludeIdeData);
  191. args: ["aString", "anotherString"],
  192. source: "attrAt: aString put: anotherString\x0a\x09element setAttribute: aString to: anotherString",
  193. referencedClasses: [],
  194. //>>excludeEnd("ide");
  195. messageSends: ["setAttribute:to:"]
  196. }),
  197. $globals.Domite);
  198. $core.addMethod(
  199. $core.method({
  200. selector: "canSetToUpperLevel",
  201. protocol: 'testing',
  202. fn: function (){
  203. var self=this;
  204. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  205. return $core.withContext(function($ctx1) {
  206. //>>excludeEnd("ctx");
  207. var $1;
  208. $1=$recv($recv(self._element())._parentNode())._notNil();
  209. return $1;
  210. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  211. }, function($ctx1) {$ctx1.fill(self,"canSetToUpperLevel",{},$globals.Domite)});
  212. //>>excludeEnd("ctx");
  213. },
  214. //>>excludeStart("ide", pragmas.excludeIdeData);
  215. args: [],
  216. source: "canSetToUpperLevel\x0a\x09^ self element parentNode notNil",
  217. referencedClasses: [],
  218. //>>excludeEnd("ide");
  219. messageSends: ["notNil", "parentNode", "element"]
  220. }),
  221. $globals.Domite);
  222. $core.addMethod(
  223. $core.method({
  224. selector: "element",
  225. protocol: 'accessing',
  226. fn: function (){
  227. var self=this;
  228. var $1;
  229. $1=self["@element"];
  230. return $1;
  231. },
  232. //>>excludeStart("ide", pragmas.excludeIdeData);
  233. args: [],
  234. source: "element\x0a\x09^ element",
  235. referencedClasses: [],
  236. //>>excludeEnd("ide");
  237. messageSends: []
  238. }),
  239. $globals.Domite);
  240. $core.addMethod(
  241. $core.method({
  242. selector: "element:",
  243. protocol: 'accessing',
  244. fn: function (anObject){
  245. var self=this;
  246. self["@element"]=anObject;
  247. return self;
  248. },
  249. //>>excludeStart("ide", pragmas.excludeIdeData);
  250. args: ["anObject"],
  251. source: "element: anObject\x0a\x09element := anObject",
  252. referencedClasses: [],
  253. //>>excludeEnd("ide");
  254. messageSends: []
  255. }),
  256. $globals.Domite);
  257. $core.addMethod(
  258. $core.method({
  259. selector: "initialize",
  260. protocol: 'initialization',
  261. fn: function (){
  262. var self=this;
  263. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  264. return $core.withContext(function($ctx1) {
  265. //>>excludeEnd("ctx");
  266. (
  267. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  268. $ctx1.supercall = true,
  269. //>>excludeEnd("ctx");
  270. $globals.Domite.superclass.fn.prototype._initialize.apply($recv(self), []));
  271. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  272. $ctx1.supercall = false;
  273. //>>excludeEnd("ctx");;
  274. self["@element"]=$recv(document)._body();
  275. self["@reference"]=nil._asJSON();
  276. return self;
  277. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  278. }, function($ctx1) {$ctx1.fill(self,"initialize",{},$globals.Domite)});
  279. //>>excludeEnd("ctx");
  280. },
  281. //>>excludeStart("ide", pragmas.excludeIdeData);
  282. args: [],
  283. source: "initialize\x0a\x09super initialize.\x0a\x09element := document body.\x0a\x09reference := nil asJSON",
  284. referencedClasses: [],
  285. //>>excludeEnd("ide");
  286. messageSends: ["initialize", "body", "asJSON"]
  287. }),
  288. $globals.Domite);
  289. $core.addMethod(
  290. $core.method({
  291. selector: "isInvalid",
  292. protocol: 'testing',
  293. fn: function (){
  294. var self=this;
  295. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  296. return $core.withContext(function($ctx1) {
  297. //>>excludeEnd("ctx");
  298. var $1;
  299. $1=$recv(self._element())._isNil();
  300. return $1;
  301. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  302. }, function($ctx1) {$ctx1.fill(self,"isInvalid",{},$globals.Domite)});
  303. //>>excludeEnd("ctx");
  304. },
  305. //>>excludeStart("ide", pragmas.excludeIdeData);
  306. args: [],
  307. source: "isInvalid\x0a\x09^ self element isNil",
  308. referencedClasses: [],
  309. //>>excludeEnd("ide");
  310. messageSends: ["isNil", "element"]
  311. }),
  312. $globals.Domite);
  313. $core.addMethod(
  314. $core.method({
  315. selector: "nextPut:",
  316. protocol: 'insertion',
  317. fn: function (anObject){
  318. var self=this;
  319. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  320. return $core.withContext(function($ctx1) {
  321. //>>excludeEnd("ctx");
  322. self._nextPutString_($recv(anObject)._printString());
  323. return self;
  324. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  325. }, function($ctx1) {$ctx1.fill(self,"nextPut:",{anObject:anObject},$globals.Domite)});
  326. //>>excludeEnd("ctx");
  327. },
  328. //>>excludeStart("ide", pragmas.excludeIdeData);
  329. args: ["anObject"],
  330. source: "nextPut: anObject\x0a\x09self nextPutString: anObject printString",
  331. referencedClasses: [],
  332. //>>excludeEnd("ide");
  333. messageSends: ["nextPutString:", "printString"]
  334. }),
  335. $globals.Domite);
  336. $core.addMethod(
  337. $core.method({
  338. selector: "nextPutDomNode:",
  339. protocol: 'insertion',
  340. fn: function (aDomElement){
  341. var self=this;
  342. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  343. return $core.withContext(function($ctx1) {
  344. //>>excludeEnd("ctx");
  345. $recv(self._element())._insertBefore_reference_(aDomElement,self._reference());
  346. return self;
  347. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  348. }, function($ctx1) {$ctx1.fill(self,"nextPutDomNode:",{aDomElement:aDomElement},$globals.Domite)});
  349. //>>excludeEnd("ctx");
  350. },
  351. //>>excludeStart("ide", pragmas.excludeIdeData);
  352. args: ["aDomElement"],
  353. source: "nextPutDomNode: aDomElement\x0a\x09self element\x0a\x09\x09insertBefore: aDomElement\x0a\x09\x09reference: self reference",
  354. referencedClasses: [],
  355. //>>excludeEnd("ide");
  356. messageSends: ["insertBefore:reference:", "element", "reference"]
  357. }),
  358. $globals.Domite);
  359. $core.addMethod(
  360. $core.method({
  361. selector: "nextPutJSObject:",
  362. protocol: 'insertion',
  363. fn: function (aJSObject){
  364. var self=this;
  365. function $Domite(){return $globals.Domite||(typeof Domite=="undefined"?nil:Domite)}
  366. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  367. return $core.withContext(function($ctx1) {
  368. //>>excludeEnd("ctx");
  369. var $1;
  370. $1=$recv($Domite())._isDomNode_(aJSObject);
  371. if($core.assert($1)){
  372. self._nextPutDomNode_(aJSObject);
  373. } else {
  374. self._nextPut_(aJSObject);
  375. };
  376. return self;
  377. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  378. }, function($ctx1) {$ctx1.fill(self,"nextPutJSObject:",{aJSObject:aJSObject},$globals.Domite)});
  379. //>>excludeEnd("ctx");
  380. },
  381. //>>excludeStart("ide", pragmas.excludeIdeData);
  382. args: ["aJSObject"],
  383. source: "nextPutJSObject: aJSObject\x0a\x09(Domite isDomNode: aJSObject)\x0a\x09\x09ifTrue: [ self nextPutDomNode: aJSObject ]\x0a\x09\x09ifFalse: [ self nextPut: aJSObject ]",
  384. referencedClasses: ["Domite"],
  385. //>>excludeEnd("ide");
  386. messageSends: ["ifTrue:ifFalse:", "isDomNode:", "nextPutDomNode:", "nextPut:"]
  387. }),
  388. $globals.Domite);
  389. $core.addMethod(
  390. $core.method({
  391. selector: "nextPutString:",
  392. protocol: 'insertion',
  393. fn: function (aString){
  394. var self=this;
  395. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  396. return $core.withContext(function($ctx1) {
  397. //>>excludeEnd("ctx");
  398. self._nextPutDomNode_($recv(document)._createTextNode_($recv(aString)._asString()));
  399. return self;
  400. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  401. }, function($ctx1) {$ctx1.fill(self,"nextPutString:",{aString:aString},$globals.Domite)});
  402. //>>excludeEnd("ctx");
  403. },
  404. //>>excludeStart("ide", pragmas.excludeIdeData);
  405. args: ["aString"],
  406. source: "nextPutString: aString\x0a\x09self nextPutDomNode: (\x0a\x09\x09document createTextNode: aString asString )",
  407. referencedClasses: [],
  408. //>>excludeEnd("ide");
  409. messageSends: ["nextPutDomNode:", "createTextNode:", "asString"]
  410. }),
  411. $globals.Domite);
  412. $core.addMethod(
  413. $core.method({
  414. selector: "off:unbind:",
  415. protocol: 'events',
  416. fn: function (aString,aBlock){
  417. var self=this;
  418. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  419. return $core.withContext(function($ctx1) {
  420. //>>excludeEnd("ctx");
  421. self._removeEventListener_block_useCapture_(aString,aBlock,false);
  422. return self;
  423. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  424. }, function($ctx1) {$ctx1.fill(self,"off:unbind:",{aString:aString,aBlock:aBlock},$globals.Domite)});
  425. //>>excludeEnd("ctx");
  426. },
  427. //>>excludeStart("ide", pragmas.excludeIdeData);
  428. args: ["aString", "aBlock"],
  429. source: "off: aString unbind: aBlock\x0a\x09self removeEventListener: aString block: aBlock useCapture: false",
  430. referencedClasses: [],
  431. //>>excludeEnd("ide");
  432. messageSends: ["removeEventListener:block:useCapture:"]
  433. }),
  434. $globals.Domite);
  435. $core.addMethod(
  436. $core.method({
  437. selector: "on:bind:",
  438. protocol: 'events',
  439. fn: function (aString,aBlock){
  440. var self=this;
  441. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  442. return $core.withContext(function($ctx1) {
  443. //>>excludeEnd("ctx");
  444. self._addEventListener_block_useCapture_(aString,aBlock,false);
  445. return self;
  446. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  447. }, function($ctx1) {$ctx1.fill(self,"on:bind:",{aString:aString,aBlock:aBlock},$globals.Domite)});
  448. //>>excludeEnd("ctx");
  449. },
  450. //>>excludeStart("ide", pragmas.excludeIdeData);
  451. args: ["aString", "aBlock"],
  452. source: "on: aString bind: aBlock\x0a\x09self addEventListener: aString block: aBlock useCapture: false",
  453. referencedClasses: [],
  454. //>>excludeEnd("ide");
  455. messageSends: ["addEventListener:block:useCapture:"]
  456. }),
  457. $globals.Domite);
  458. $core.addMethod(
  459. $core.method({
  460. selector: "propAt:",
  461. protocol: 'accessing',
  462. fn: function (aString){
  463. var self=this;
  464. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  465. return $core.withContext(function($ctx1) {
  466. //>>excludeEnd("ctx");
  467. var $1;
  468. $1=$recv(self["@element"])._at_(aString);
  469. return $1;
  470. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  471. }, function($ctx1) {$ctx1.fill(self,"propAt:",{aString:aString},$globals.Domite)});
  472. //>>excludeEnd("ctx");
  473. },
  474. //>>excludeStart("ide", pragmas.excludeIdeData);
  475. args: ["aString"],
  476. source: "propAt: aString\x0a\x09^ element at: aString",
  477. referencedClasses: [],
  478. //>>excludeEnd("ide");
  479. messageSends: ["at:"]
  480. }),
  481. $globals.Domite);
  482. $core.addMethod(
  483. $core.method({
  484. selector: "propAt:put:",
  485. protocol: 'accessing',
  486. fn: function (aString,anObject){
  487. var self=this;
  488. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  489. return $core.withContext(function($ctx1) {
  490. //>>excludeEnd("ctx");
  491. var $1;
  492. $1=$recv(self["@element"])._at_put_(aString,anObject);
  493. return $1;
  494. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  495. }, function($ctx1) {$ctx1.fill(self,"propAt:put:",{aString:aString,anObject:anObject},$globals.Domite)});
  496. //>>excludeEnd("ctx");
  497. },
  498. //>>excludeStart("ide", pragmas.excludeIdeData);
  499. args: ["aString", "anObject"],
  500. source: "propAt: aString put: anObject\x0a\x09^ element at: aString put: anObject",
  501. referencedClasses: [],
  502. //>>excludeEnd("ide");
  503. messageSends: ["at:put:"]
  504. }),
  505. $globals.Domite);
  506. $core.addMethod(
  507. $core.method({
  508. selector: "putOn:",
  509. protocol: 'streaming',
  510. fn: function (aStream){
  511. var self=this;
  512. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  513. return $core.withContext(function($ctx1) {
  514. //>>excludeEnd("ctx");
  515. $recv(aStream)._nextPutDomNode_(self._element());
  516. return self;
  517. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  518. }, function($ctx1) {$ctx1.fill(self,"putOn:",{aStream:aStream},$globals.Domite)});
  519. //>>excludeEnd("ctx");
  520. },
  521. //>>excludeStart("ide", pragmas.excludeIdeData);
  522. args: ["aStream"],
  523. source: "putOn: aStream\x0a\x09aStream nextPutDomNode: self element",
  524. referencedClasses: [],
  525. //>>excludeEnd("ide");
  526. messageSends: ["nextPutDomNode:", "element"]
  527. }),
  528. $globals.Domite);
  529. $core.addMethod(
  530. $core.method({
  531. selector: "reference",
  532. protocol: 'accessing',
  533. fn: function (){
  534. var self=this;
  535. var $1;
  536. $1=self["@reference"];
  537. return $1;
  538. },
  539. //>>excludeStart("ide", pragmas.excludeIdeData);
  540. args: [],
  541. source: "reference\x0a\x09^ reference",
  542. referencedClasses: [],
  543. //>>excludeEnd("ide");
  544. messageSends: []
  545. }),
  546. $globals.Domite);
  547. $core.addMethod(
  548. $core.method({
  549. selector: "reference:",
  550. protocol: 'accessing',
  551. fn: function (anObject){
  552. var self=this;
  553. self["@reference"]=anObject;
  554. return self;
  555. },
  556. //>>excludeStart("ide", pragmas.excludeIdeData);
  557. args: ["anObject"],
  558. source: "reference: anObject\x0a\x09reference := anObject",
  559. referencedClasses: [],
  560. //>>excludeEnd("ide");
  561. messageSends: []
  562. }),
  563. $globals.Domite);
  564. $core.addMethod(
  565. $core.method({
  566. selector: "reset",
  567. protocol: 'positioning',
  568. fn: function (){
  569. var self=this;
  570. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  571. return $core.withContext(function($ctx1) {
  572. //>>excludeEnd("ctx");
  573. self._reference_($recv(self._element())._firstChild());
  574. return self;
  575. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  576. }, function($ctx1) {$ctx1.fill(self,"reset",{},$globals.Domite)});
  577. //>>excludeEnd("ctx");
  578. },
  579. //>>excludeStart("ide", pragmas.excludeIdeData);
  580. args: [],
  581. source: "reset\x0a\x09self reference: self element firstChild",
  582. referencedClasses: [],
  583. //>>excludeEnd("ide");
  584. messageSends: ["reference:", "firstChild", "element"]
  585. }),
  586. $globals.Domite);
  587. $core.addMethod(
  588. $core.method({
  589. selector: "resetContents",
  590. protocol: 'deletion',
  591. fn: function (){
  592. var self=this;
  593. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  594. return $core.withContext(function($ctx1) {
  595. //>>excludeEnd("ctx");
  596. var element = self['@element'], child;
  597. while (child = element.firstChild) element.removeChild(child);
  598. self['@reference'] = null;;
  599. return self;
  600. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  601. }, function($ctx1) {$ctx1.fill(self,"resetContents",{},$globals.Domite)});
  602. //>>excludeEnd("ctx");
  603. },
  604. //>>excludeStart("ide", pragmas.excludeIdeData);
  605. args: [],
  606. source: "resetContents\x0a<\x0a\x09var element = self['@element'], child;\x0a\x09while (child = element.firstChild) element.removeChild(child);\x0a\x09self['@reference'] = null;\x0a>",
  607. referencedClasses: [],
  608. //>>excludeEnd("ide");
  609. messageSends: []
  610. }),
  611. $globals.Domite);
  612. $core.addMethod(
  613. $core.method({
  614. selector: "setToAfter",
  615. protocol: 'positioning',
  616. fn: function (){
  617. var self=this;
  618. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  619. return $core.withContext(function($ctx1) {
  620. //>>excludeEnd("ctx");
  621. var $2,$1,$3;
  622. $2=self._element();
  623. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  624. $ctx1.sendIdx["element"]=1;
  625. //>>excludeEnd("ctx");
  626. $1=$recv($2)._nextSibling();
  627. self._reference_($1);
  628. $3=self._element_($recv(self._element())._parentNode());
  629. return self;
  630. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  631. }, function($ctx1) {$ctx1.fill(self,"setToAfter",{},$globals.Domite)});
  632. //>>excludeEnd("ctx");
  633. },
  634. //>>excludeStart("ide", pragmas.excludeIdeData);
  635. args: [],
  636. source: "setToAfter\x0a\x09self\x0a\x09\x09reference: self element nextSibling;\x0a\x09\x09element: self element parentNode",
  637. referencedClasses: [],
  638. //>>excludeEnd("ide");
  639. messageSends: ["reference:", "nextSibling", "element", "element:", "parentNode"]
  640. }),
  641. $globals.Domite);
  642. $core.addMethod(
  643. $core.method({
  644. selector: "setToBefore",
  645. protocol: 'positioning',
  646. fn: function (){
  647. var self=this;
  648. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  649. return $core.withContext(function($ctx1) {
  650. //>>excludeEnd("ctx");
  651. var $1,$2;
  652. $1=self._element();
  653. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  654. $ctx1.sendIdx["element"]=1;
  655. //>>excludeEnd("ctx");
  656. self._reference_($1);
  657. $2=self._element_($recv(self._element())._parentNode());
  658. return self;
  659. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  660. }, function($ctx1) {$ctx1.fill(self,"setToBefore",{},$globals.Domite)});
  661. //>>excludeEnd("ctx");
  662. },
  663. //>>excludeStart("ide", pragmas.excludeIdeData);
  664. args: [],
  665. source: "setToBefore\x0a\x09self\x0a\x09\x09reference: self element;\x0a\x09\x09element: self element parentNode",
  666. referencedClasses: [],
  667. //>>excludeEnd("ide");
  668. messageSends: ["reference:", "element", "element:", "parentNode"]
  669. }),
  670. $globals.Domite);
  671. $core.addMethod(
  672. $core.method({
  673. selector: "setToEnd",
  674. protocol: 'positioning',
  675. fn: function (){
  676. var self=this;
  677. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  678. return $core.withContext(function($ctx1) {
  679. //>>excludeEnd("ctx");
  680. self._reference_(nil._asJSON());
  681. return self;
  682. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  683. }, function($ctx1) {$ctx1.fill(self,"setToEnd",{},$globals.Domite)});
  684. //>>excludeEnd("ctx");
  685. },
  686. //>>excludeStart("ide", pragmas.excludeIdeData);
  687. args: [],
  688. source: "setToEnd\x0a\x09self reference: nil asJSON \x22null\x22",
  689. referencedClasses: [],
  690. //>>excludeEnd("ide");
  691. messageSends: ["reference:", "asJSON"]
  692. }),
  693. $globals.Domite);
  694. $core.addMethod(
  695. $core.method({
  696. selector: "at:",
  697. protocol: 'instance creation',
  698. fn: function (aString){
  699. var self=this;
  700. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  701. return $core.withContext(function($ctx1) {
  702. //>>excludeEnd("ctx");
  703. var $1;
  704. $1=self._fromElement_($recv(document)._querySelector_(aString));
  705. return $1;
  706. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  707. }, function($ctx1) {$ctx1.fill(self,"at:",{aString:aString},$globals.Domite.klass)});
  708. //>>excludeEnd("ctx");
  709. },
  710. //>>excludeStart("ide", pragmas.excludeIdeData);
  711. args: ["aString"],
  712. source: "at: aString\x0a\x09^ self fromElement: (document querySelector: aString)",
  713. referencedClasses: [],
  714. //>>excludeEnd("ide");
  715. messageSends: ["fromElement:", "querySelector:"]
  716. }),
  717. $globals.Domite.klass);
  718. $core.addMethod(
  719. $core.method({
  720. selector: "fromElement:",
  721. protocol: 'instance creation',
  722. fn: function (aDomElement){
  723. var self=this;
  724. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  725. return $core.withContext(function($ctx1) {
  726. //>>excludeEnd("ctx");
  727. var $1,$3,$4,$2,$receiver;
  728. if(($receiver = aDomElement) == null || $receiver.isNil){
  729. aDomElement;
  730. } else {
  731. $1=self._isDomNode_(aDomElement);
  732. if(!$core.assert($1)){
  733. self._error_($recv(self._name()).__comma(": Need a DOM node"));
  734. };
  735. };
  736. $3=self._new();
  737. $recv($3)._element_(aDomElement);
  738. $4=$recv($3)._yourself();
  739. $2=$4;
  740. return $2;
  741. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  742. }, function($ctx1) {$ctx1.fill(self,"fromElement:",{aDomElement:aDomElement},$globals.Domite.klass)});
  743. //>>excludeEnd("ctx");
  744. },
  745. //>>excludeStart("ide", pragmas.excludeIdeData);
  746. args: ["aDomElement"],
  747. source: "fromElement: aDomElement\x0a\x09aDomElement ifNotNil: [\x0a\x09\x09(self isDomNode: aDomElement) ifFalse: [\x0a\x09\x09\x09self error: self name, ': Need a DOM node' ]].\x0a\x09^ self new\x0a\x09\x09element: aDomElement;\x0a\x09\x09yourself",
  748. referencedClasses: [],
  749. //>>excludeEnd("ide");
  750. messageSends: ["ifNotNil:", "ifFalse:", "isDomNode:", "error:", ",", "name", "element:", "new", "yourself"]
  751. }),
  752. $globals.Domite.klass);
  753. $core.addMethod(
  754. $core.method({
  755. selector: "fromElement:cursorBefore:",
  756. protocol: 'instance creation',
  757. fn: function (aDomElement,anotherDomElement){
  758. var self=this;
  759. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  760. return $core.withContext(function($ctx1) {
  761. //>>excludeEnd("ctx");
  762. var $1,$3,$4,$2,$receiver;
  763. if(($receiver = aDomElement) == null || $receiver.isNil){
  764. aDomElement;
  765. } else {
  766. $1=self._isDomNode_(aDomElement);
  767. if(!$core.assert($1)){
  768. self._error_($recv(self._name()).__comma(": Need a DOM node"));
  769. };
  770. };
  771. $3=self._new();
  772. $recv($3)._element_(aDomElement);
  773. $recv($3)._referenceElement_(anotherDomElement);
  774. $4=$recv($3)._yourself();
  775. $2=$4;
  776. return $2;
  777. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  778. }, function($ctx1) {$ctx1.fill(self,"fromElement:cursorBefore:",{aDomElement:aDomElement,anotherDomElement:anotherDomElement},$globals.Domite.klass)});
  779. //>>excludeEnd("ctx");
  780. },
  781. //>>excludeStart("ide", pragmas.excludeIdeData);
  782. args: ["aDomElement", "anotherDomElement"],
  783. source: "fromElement: aDomElement cursorBefore: anotherDomElement\x0a\x09aDomElement ifNotNil: [\x0a\x09\x09(self isDomNode: aDomElement) ifFalse: [\x0a\x09\x09\x09self error: self name, ': Need a DOM node' ]].\x0a\x09^ self new\x0a\x09\x09element: aDomElement;\x0a\x09\x09referenceElement: anotherDomElement;\x0a\x09\x09yourself",
  784. referencedClasses: [],
  785. //>>excludeEnd("ide");
  786. messageSends: ["ifNotNil:", "ifFalse:", "isDomNode:", "error:", ",", "name", "element:", "new", "referenceElement:", "yourself"]
  787. }),
  788. $globals.Domite.klass);
  789. $core.addMethod(
  790. $core.method({
  791. selector: "isDomNode:",
  792. protocol: 'testing',
  793. fn: function (anObject){
  794. var self=this;
  795. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  796. return $core.withContext(function($ctx1) {
  797. //>>excludeEnd("ctx");
  798. return anObject.nodeType > 0 &&
  799. Object.prototype.toString.call(anObject) !== "[object Object]";
  800. return self;
  801. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  802. }, function($ctx1) {$ctx1.fill(self,"isDomNode:",{anObject:anObject},$globals.Domite.klass)});
  803. //>>excludeEnd("ctx");
  804. },
  805. //>>excludeStart("ide", pragmas.excludeIdeData);
  806. args: ["anObject"],
  807. source: "isDomNode: anObject\x0a<\x0a\x09return anObject.nodeType >> 0 &&\x0a\x09\x09Object.prototype.toString.call(anObject) !== \x22[object Object]\x22\x0a>",
  808. referencedClasses: [],
  809. //>>excludeEnd("ide");
  810. messageSends: []
  811. }),
  812. $globals.Domite.klass);
  813. $core.addMethod(
  814. $core.method({
  815. selector: "newElement:",
  816. protocol: 'instance creation',
  817. fn: function (aString){
  818. var self=this;
  819. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  820. return $core.withContext(function($ctx1) {
  821. //>>excludeEnd("ctx");
  822. var $1;
  823. $1=self._fromElement_($recv(document)._createElement_(aString));
  824. return $1;
  825. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  826. }, function($ctx1) {$ctx1.fill(self,"newElement:",{aString:aString},$globals.Domite.klass)});
  827. //>>excludeEnd("ctx");
  828. },
  829. //>>excludeStart("ide", pragmas.excludeIdeData);
  830. args: ["aString"],
  831. source: "newElement: aString\x0a\x09^ self fromElement: (document createElement: aString)",
  832. referencedClasses: [],
  833. //>>excludeEnd("ide");
  834. messageSends: ["fromElement:", "createElement:"]
  835. }),
  836. $globals.Domite.klass);
  837. $core.addMethod(
  838. $core.method({
  839. selector: "newStream",
  840. protocol: 'instance creation',
  841. fn: function (){
  842. var self=this;
  843. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  844. return $core.withContext(function($ctx1) {
  845. //>>excludeEnd("ctx");
  846. var $1;
  847. $1=self._fromElement_($recv(document)._createDocumentFragment());
  848. return $1;
  849. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  850. }, function($ctx1) {$ctx1.fill(self,"newStream",{},$globals.Domite.klass)});
  851. //>>excludeEnd("ctx");
  852. },
  853. //>>excludeStart("ide", pragmas.excludeIdeData);
  854. args: [],
  855. source: "newStream\x0a\x09^ self fromElement: document createDocumentFragment",
  856. referencedClasses: [],
  857. //>>excludeEnd("ide");
  858. messageSends: ["fromElement:", "createDocumentFragment"]
  859. }),
  860. $globals.Domite.klass);
  861. $core.addMethod(
  862. $core.method({
  863. selector: "nextPutDomNode:",
  864. protocol: '*DOMite',
  865. fn: function (aNode){
  866. var self=this;
  867. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  868. return $core.withContext(function($ctx1) {
  869. //>>excludeEnd("ctx");
  870. self._nextPut_(aNode);
  871. return self;
  872. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  873. }, function($ctx1) {$ctx1.fill(self,"nextPutDomNode:",{aNode:aNode},$globals.ProtoStream)});
  874. //>>excludeEnd("ctx");
  875. },
  876. //>>excludeStart("ide", pragmas.excludeIdeData);
  877. args: ["aNode"],
  878. source: "nextPutDomNode: aNode\x0a\x09self nextPut: aNode",
  879. referencedClasses: [],
  880. //>>excludeEnd("ide");
  881. messageSends: ["nextPut:"]
  882. }),
  883. $globals.ProtoStream);
  884. });