DOMite.js 31 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976
  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: "asJQuery",
  76. protocol: 'converting',
  77. fn: function (){
  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._element())._asJQuery();
  84. return $1;
  85. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  86. }, function($ctx1) {$ctx1.fill(self,"asJQuery",{},$globals.Domite)});
  87. //>>excludeEnd("ctx");
  88. },
  89. //>>excludeStart("ide", pragmas.excludeIdeData);
  90. args: [],
  91. source: "asJQuery\x0a\x09^ self element asJQuery",
  92. referencedClasses: [],
  93. //>>excludeEnd("ide");
  94. messageSends: ["asJQuery", "element"]
  95. }),
  96. $globals.Domite);
  97. $core.addMethod(
  98. $core.method({
  99. selector: "at:",
  100. protocol: 'accessing',
  101. fn: function (aString){
  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._class())._fromElement_($recv(self._element())._querySelector_(aString));
  108. return $1;
  109. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  110. }, function($ctx1) {$ctx1.fill(self,"at:",{aString:aString},$globals.Domite)});
  111. //>>excludeEnd("ctx");
  112. },
  113. //>>excludeStart("ide", pragmas.excludeIdeData);
  114. args: ["aString"],
  115. source: "at: aString\x0a\x09^ self class fromElement: (self element querySelector: aString)",
  116. referencedClasses: [],
  117. //>>excludeEnd("ide");
  118. messageSends: ["fromElement:", "class", "querySelector:", "element"]
  119. }),
  120. $globals.Domite);
  121. $core.addMethod(
  122. $core.method({
  123. selector: "atEnd",
  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())._isNil();
  132. return $1;
  133. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  134. }, function($ctx1) {$ctx1.fill(self,"atEnd",{},$globals.Domite)});
  135. //>>excludeEnd("ctx");
  136. },
  137. //>>excludeStart("ide", pragmas.excludeIdeData);
  138. args: [],
  139. source: "atEnd\x0a\x09^ self reference isNil",
  140. referencedClasses: [],
  141. //>>excludeEnd("ide");
  142. messageSends: ["isNil", "reference"]
  143. }),
  144. $globals.Domite);
  145. $core.addMethod(
  146. $core.method({
  147. selector: "atStart",
  148. protocol: 'testing',
  149. fn: function (){
  150. var self=this;
  151. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  152. return $core.withContext(function($ctx1) {
  153. //>>excludeEnd("ctx");
  154. var $1;
  155. $1=$recv(self._reference()).__eq($recv(self._element())._firstChild());
  156. return $1;
  157. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  158. }, function($ctx1) {$ctx1.fill(self,"atStart",{},$globals.Domite)});
  159. //>>excludeEnd("ctx");
  160. },
  161. //>>excludeStart("ide", pragmas.excludeIdeData);
  162. args: [],
  163. source: "atStart\x0a\x09^ self reference = self element firstChild",
  164. referencedClasses: [],
  165. //>>excludeEnd("ide");
  166. messageSends: ["=", "reference", "firstChild", "element"]
  167. }),
  168. $globals.Domite);
  169. $core.addMethod(
  170. $core.method({
  171. selector: "attrAt:",
  172. protocol: 'accessing',
  173. fn: function (aString){
  174. var self=this;
  175. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  176. return $core.withContext(function($ctx1) {
  177. //>>excludeEnd("ctx");
  178. var $1,$2;
  179. $1=$recv(self["@element"])._hasAttribute_(aString);
  180. if($core.assert($1)){
  181. $2=$recv(self["@element"])._getAttribute_(aString);
  182. return $2;
  183. } else {
  184. return nil;
  185. };
  186. return self;
  187. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  188. }, function($ctx1) {$ctx1.fill(self,"attrAt:",{aString:aString},$globals.Domite)});
  189. //>>excludeEnd("ctx");
  190. },
  191. //>>excludeStart("ide", pragmas.excludeIdeData);
  192. args: ["aString"],
  193. source: "attrAt: aString\x0a\x09(element hasAttribute: aString)\x0a\x09\x09ifTrue: [ ^ element getAttribute: aString ]\x0a\x09\x09ifFalse: [ ^ nil ]",
  194. referencedClasses: [],
  195. //>>excludeEnd("ide");
  196. messageSends: ["ifTrue:ifFalse:", "hasAttribute:", "getAttribute:"]
  197. }),
  198. $globals.Domite);
  199. $core.addMethod(
  200. $core.method({
  201. selector: "attrAt:put:",
  202. protocol: 'accessing',
  203. fn: function (aString,anotherString){
  204. var self=this;
  205. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  206. return $core.withContext(function($ctx1) {
  207. //>>excludeEnd("ctx");
  208. $recv(self["@element"])._setAttribute_to_(aString,anotherString);
  209. return self;
  210. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  211. }, function($ctx1) {$ctx1.fill(self,"attrAt:put:",{aString:aString,anotherString:anotherString},$globals.Domite)});
  212. //>>excludeEnd("ctx");
  213. },
  214. //>>excludeStart("ide", pragmas.excludeIdeData);
  215. args: ["aString", "anotherString"],
  216. source: "attrAt: aString put: anotherString\x0a\x09element setAttribute: aString to: anotherString",
  217. referencedClasses: [],
  218. //>>excludeEnd("ide");
  219. messageSends: ["setAttribute:to:"]
  220. }),
  221. $globals.Domite);
  222. $core.addMethod(
  223. $core.method({
  224. selector: "canSetToUpperLevel",
  225. protocol: 'testing',
  226. fn: function (){
  227. var self=this;
  228. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  229. return $core.withContext(function($ctx1) {
  230. //>>excludeEnd("ctx");
  231. var $1;
  232. $1=$recv($recv(self._element())._parentNode())._notNil();
  233. return $1;
  234. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  235. }, function($ctx1) {$ctx1.fill(self,"canSetToUpperLevel",{},$globals.Domite)});
  236. //>>excludeEnd("ctx");
  237. },
  238. //>>excludeStart("ide", pragmas.excludeIdeData);
  239. args: [],
  240. source: "canSetToUpperLevel\x0a\x09^ self element parentNode notNil",
  241. referencedClasses: [],
  242. //>>excludeEnd("ide");
  243. messageSends: ["notNil", "parentNode", "element"]
  244. }),
  245. $globals.Domite);
  246. $core.addMethod(
  247. $core.method({
  248. selector: "element",
  249. protocol: 'accessing',
  250. fn: function (){
  251. var self=this;
  252. var $1;
  253. $1=self["@element"];
  254. return $1;
  255. },
  256. //>>excludeStart("ide", pragmas.excludeIdeData);
  257. args: [],
  258. source: "element\x0a\x09^ element",
  259. referencedClasses: [],
  260. //>>excludeEnd("ide");
  261. messageSends: []
  262. }),
  263. $globals.Domite);
  264. $core.addMethod(
  265. $core.method({
  266. selector: "element:",
  267. protocol: 'accessing',
  268. fn: function (anObject){
  269. var self=this;
  270. self["@element"]=anObject;
  271. return self;
  272. },
  273. //>>excludeStart("ide", pragmas.excludeIdeData);
  274. args: ["anObject"],
  275. source: "element: anObject\x0a\x09element := anObject",
  276. referencedClasses: [],
  277. //>>excludeEnd("ide");
  278. messageSends: []
  279. }),
  280. $globals.Domite);
  281. $core.addMethod(
  282. $core.method({
  283. selector: "initialize",
  284. protocol: 'initialization',
  285. fn: function (){
  286. var self=this;
  287. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  288. return $core.withContext(function($ctx1) {
  289. //>>excludeEnd("ctx");
  290. (
  291. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  292. $ctx1.supercall = true,
  293. //>>excludeEnd("ctx");
  294. $globals.Domite.superclass.fn.prototype._initialize.apply($recv(self), []));
  295. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  296. $ctx1.supercall = false;
  297. //>>excludeEnd("ctx");;
  298. self["@element"]=$recv(document)._body();
  299. self["@reference"]=nil._asJSON();
  300. return self;
  301. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  302. }, function($ctx1) {$ctx1.fill(self,"initialize",{},$globals.Domite)});
  303. //>>excludeEnd("ctx");
  304. },
  305. //>>excludeStart("ide", pragmas.excludeIdeData);
  306. args: [],
  307. source: "initialize\x0a\x09super initialize.\x0a\x09element := document body.\x0a\x09reference := nil asJSON",
  308. referencedClasses: [],
  309. //>>excludeEnd("ide");
  310. messageSends: ["initialize", "body", "asJSON"]
  311. }),
  312. $globals.Domite);
  313. $core.addMethod(
  314. $core.method({
  315. selector: "isInvalid",
  316. protocol: 'testing',
  317. fn: function (){
  318. var self=this;
  319. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  320. return $core.withContext(function($ctx1) {
  321. //>>excludeEnd("ctx");
  322. var $1;
  323. $1=$recv(self._element())._isNil();
  324. return $1;
  325. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  326. }, function($ctx1) {$ctx1.fill(self,"isInvalid",{},$globals.Domite)});
  327. //>>excludeEnd("ctx");
  328. },
  329. //>>excludeStart("ide", pragmas.excludeIdeData);
  330. args: [],
  331. source: "isInvalid\x0a\x09^ self element isNil",
  332. referencedClasses: [],
  333. //>>excludeEnd("ide");
  334. messageSends: ["isNil", "element"]
  335. }),
  336. $globals.Domite);
  337. $core.addMethod(
  338. $core.method({
  339. selector: "nextPut:",
  340. protocol: 'insertion',
  341. fn: function (anObject){
  342. var self=this;
  343. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  344. return $core.withContext(function($ctx1) {
  345. //>>excludeEnd("ctx");
  346. self._nextPutString_($recv(anObject)._printString());
  347. return self;
  348. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  349. }, function($ctx1) {$ctx1.fill(self,"nextPut:",{anObject:anObject},$globals.Domite)});
  350. //>>excludeEnd("ctx");
  351. },
  352. //>>excludeStart("ide", pragmas.excludeIdeData);
  353. args: ["anObject"],
  354. source: "nextPut: anObject\x0a\x09self nextPutString: anObject printString",
  355. referencedClasses: [],
  356. //>>excludeEnd("ide");
  357. messageSends: ["nextPutString:", "printString"]
  358. }),
  359. $globals.Domite);
  360. $core.addMethod(
  361. $core.method({
  362. selector: "nextPutDomNode:",
  363. protocol: 'insertion',
  364. fn: function (aDomElement){
  365. var self=this;
  366. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  367. return $core.withContext(function($ctx1) {
  368. //>>excludeEnd("ctx");
  369. $recv(self._element())._insertBefore_reference_(aDomElement,self._reference());
  370. return self;
  371. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  372. }, function($ctx1) {$ctx1.fill(self,"nextPutDomNode:",{aDomElement:aDomElement},$globals.Domite)});
  373. //>>excludeEnd("ctx");
  374. },
  375. //>>excludeStart("ide", pragmas.excludeIdeData);
  376. args: ["aDomElement"],
  377. source: "nextPutDomNode: aDomElement\x0a\x09self element\x0a\x09\x09insertBefore: aDomElement\x0a\x09\x09reference: self reference",
  378. referencedClasses: [],
  379. //>>excludeEnd("ide");
  380. messageSends: ["insertBefore:reference:", "element", "reference"]
  381. }),
  382. $globals.Domite);
  383. $core.addMethod(
  384. $core.method({
  385. selector: "nextPutJSObject:",
  386. protocol: 'insertion',
  387. fn: function (aJSObject){
  388. var self=this;
  389. function $Domite(){return $globals.Domite||(typeof Domite=="undefined"?nil:Domite)}
  390. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  391. return $core.withContext(function($ctx1) {
  392. //>>excludeEnd("ctx");
  393. var $1;
  394. $1=$recv($Domite())._isDomNode_(aJSObject);
  395. if($core.assert($1)){
  396. self._nextPutDomNode_(aJSObject);
  397. } else {
  398. self._nextPut_(aJSObject);
  399. };
  400. return self;
  401. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  402. }, function($ctx1) {$ctx1.fill(self,"nextPutJSObject:",{aJSObject:aJSObject},$globals.Domite)});
  403. //>>excludeEnd("ctx");
  404. },
  405. //>>excludeStart("ide", pragmas.excludeIdeData);
  406. args: ["aJSObject"],
  407. source: "nextPutJSObject: aJSObject\x0a\x09(Domite isDomNode: aJSObject)\x0a\x09\x09ifTrue: [ self nextPutDomNode: aJSObject ]\x0a\x09\x09ifFalse: [ self nextPut: aJSObject ]",
  408. referencedClasses: ["Domite"],
  409. //>>excludeEnd("ide");
  410. messageSends: ["ifTrue:ifFalse:", "isDomNode:", "nextPutDomNode:", "nextPut:"]
  411. }),
  412. $globals.Domite);
  413. $core.addMethod(
  414. $core.method({
  415. selector: "nextPutString:",
  416. protocol: 'insertion',
  417. fn: function (aString){
  418. var self=this;
  419. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  420. return $core.withContext(function($ctx1) {
  421. //>>excludeEnd("ctx");
  422. self._nextPutDomNode_($recv(document)._createTextNode_($recv(aString)._asString()));
  423. return self;
  424. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  425. }, function($ctx1) {$ctx1.fill(self,"nextPutString:",{aString:aString},$globals.Domite)});
  426. //>>excludeEnd("ctx");
  427. },
  428. //>>excludeStart("ide", pragmas.excludeIdeData);
  429. args: ["aString"],
  430. source: "nextPutString: aString\x0a\x09self nextPutDomNode: (\x0a\x09\x09document createTextNode: aString asString )",
  431. referencedClasses: [],
  432. //>>excludeEnd("ide");
  433. messageSends: ["nextPutDomNode:", "createTextNode:", "asString"]
  434. }),
  435. $globals.Domite);
  436. $core.addMethod(
  437. $core.method({
  438. selector: "off:unbind:",
  439. protocol: 'events',
  440. fn: function (aString,aBlock){
  441. var self=this;
  442. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  443. return $core.withContext(function($ctx1) {
  444. //>>excludeEnd("ctx");
  445. $recv(self._element())._removeEventListener_block_useCapture_(aString,aBlock,false);
  446. return self;
  447. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  448. }, function($ctx1) {$ctx1.fill(self,"off:unbind:",{aString:aString,aBlock:aBlock},$globals.Domite)});
  449. //>>excludeEnd("ctx");
  450. },
  451. //>>excludeStart("ide", pragmas.excludeIdeData);
  452. args: ["aString", "aBlock"],
  453. source: "off: aString unbind: aBlock\x0a\x09self element removeEventListener: aString block: aBlock useCapture: false",
  454. referencedClasses: [],
  455. //>>excludeEnd("ide");
  456. messageSends: ["removeEventListener:block:useCapture:", "element"]
  457. }),
  458. $globals.Domite);
  459. $core.addMethod(
  460. $core.method({
  461. selector: "on:bind:",
  462. protocol: 'events',
  463. fn: function (aString,aBlock){
  464. var self=this;
  465. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  466. return $core.withContext(function($ctx1) {
  467. //>>excludeEnd("ctx");
  468. $recv(self._element())._addEventListener_block_useCapture_(aString,aBlock,false);
  469. return self;
  470. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  471. }, function($ctx1) {$ctx1.fill(self,"on:bind:",{aString:aString,aBlock:aBlock},$globals.Domite)});
  472. //>>excludeEnd("ctx");
  473. },
  474. //>>excludeStart("ide", pragmas.excludeIdeData);
  475. args: ["aString", "aBlock"],
  476. source: "on: aString bind: aBlock\x0a\x09self element addEventListener: aString block: aBlock useCapture: false",
  477. referencedClasses: [],
  478. //>>excludeEnd("ide");
  479. messageSends: ["addEventListener:block:useCapture:", "element"]
  480. }),
  481. $globals.Domite);
  482. $core.addMethod(
  483. $core.method({
  484. selector: "propAt:",
  485. protocol: 'accessing',
  486. fn: function (aString){
  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_(aString);
  493. return $1;
  494. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  495. }, function($ctx1) {$ctx1.fill(self,"propAt:",{aString:aString},$globals.Domite)});
  496. //>>excludeEnd("ctx");
  497. },
  498. //>>excludeStart("ide", pragmas.excludeIdeData);
  499. args: ["aString"],
  500. source: "propAt: aString\x0a\x09^ element at: aString",
  501. referencedClasses: [],
  502. //>>excludeEnd("ide");
  503. messageSends: ["at:"]
  504. }),
  505. $globals.Domite);
  506. $core.addMethod(
  507. $core.method({
  508. selector: "propAt:put:",
  509. protocol: 'accessing',
  510. fn: function (aString,anObject){
  511. var self=this;
  512. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  513. return $core.withContext(function($ctx1) {
  514. //>>excludeEnd("ctx");
  515. var $1;
  516. $1=$recv(self["@element"])._at_put_(aString,anObject);
  517. return $1;
  518. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  519. }, function($ctx1) {$ctx1.fill(self,"propAt:put:",{aString:aString,anObject:anObject},$globals.Domite)});
  520. //>>excludeEnd("ctx");
  521. },
  522. //>>excludeStart("ide", pragmas.excludeIdeData);
  523. args: ["aString", "anObject"],
  524. source: "propAt: aString put: anObject\x0a\x09^ element at: aString put: anObject",
  525. referencedClasses: [],
  526. //>>excludeEnd("ide");
  527. messageSends: ["at:put:"]
  528. }),
  529. $globals.Domite);
  530. $core.addMethod(
  531. $core.method({
  532. selector: "putOn:",
  533. protocol: 'streaming',
  534. fn: function (aStream){
  535. var self=this;
  536. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  537. return $core.withContext(function($ctx1) {
  538. //>>excludeEnd("ctx");
  539. $recv(aStream)._nextPutDomNode_(self._element());
  540. return self;
  541. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  542. }, function($ctx1) {$ctx1.fill(self,"putOn:",{aStream:aStream},$globals.Domite)});
  543. //>>excludeEnd("ctx");
  544. },
  545. //>>excludeStart("ide", pragmas.excludeIdeData);
  546. args: ["aStream"],
  547. source: "putOn: aStream\x0a\x09aStream nextPutDomNode: self element",
  548. referencedClasses: [],
  549. //>>excludeEnd("ide");
  550. messageSends: ["nextPutDomNode:", "element"]
  551. }),
  552. $globals.Domite);
  553. $core.addMethod(
  554. $core.method({
  555. selector: "reference",
  556. protocol: 'accessing',
  557. fn: function (){
  558. var self=this;
  559. var $1;
  560. $1=self["@reference"];
  561. return $1;
  562. },
  563. //>>excludeStart("ide", pragmas.excludeIdeData);
  564. args: [],
  565. source: "reference\x0a\x09^ reference",
  566. referencedClasses: [],
  567. //>>excludeEnd("ide");
  568. messageSends: []
  569. }),
  570. $globals.Domite);
  571. $core.addMethod(
  572. $core.method({
  573. selector: "reference:",
  574. protocol: 'accessing',
  575. fn: function (anObject){
  576. var self=this;
  577. self["@reference"]=anObject;
  578. return self;
  579. },
  580. //>>excludeStart("ide", pragmas.excludeIdeData);
  581. args: ["anObject"],
  582. source: "reference: anObject\x0a\x09reference := anObject",
  583. referencedClasses: [],
  584. //>>excludeEnd("ide");
  585. messageSends: []
  586. }),
  587. $globals.Domite);
  588. $core.addMethod(
  589. $core.method({
  590. selector: "reset",
  591. protocol: 'positioning',
  592. fn: function (){
  593. var self=this;
  594. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  595. return $core.withContext(function($ctx1) {
  596. //>>excludeEnd("ctx");
  597. self._reference_($recv(self._element())._firstChild());
  598. return self;
  599. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  600. }, function($ctx1) {$ctx1.fill(self,"reset",{},$globals.Domite)});
  601. //>>excludeEnd("ctx");
  602. },
  603. //>>excludeStart("ide", pragmas.excludeIdeData);
  604. args: [],
  605. source: "reset\x0a\x09self reference: self element firstChild",
  606. referencedClasses: [],
  607. //>>excludeEnd("ide");
  608. messageSends: ["reference:", "firstChild", "element"]
  609. }),
  610. $globals.Domite);
  611. $core.addMethod(
  612. $core.method({
  613. selector: "resetContents",
  614. protocol: 'deletion',
  615. fn: function (){
  616. var self=this;
  617. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  618. return $core.withContext(function($ctx1) {
  619. //>>excludeEnd("ctx");
  620. var element = self['@element'], child;
  621. while (child = element.firstChild) element.removeChild(child);
  622. self['@reference'] = null;;
  623. return self;
  624. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  625. }, function($ctx1) {$ctx1.fill(self,"resetContents",{},$globals.Domite)});
  626. //>>excludeEnd("ctx");
  627. },
  628. //>>excludeStart("ide", pragmas.excludeIdeData);
  629. args: [],
  630. source: "resetContents\x0a<\x0a\x09var element = self['@element'], child;\x0a\x09while (child = element.firstChild) element.removeChild(child);\x0a\x09self['@reference'] = null;\x0a>",
  631. referencedClasses: [],
  632. //>>excludeEnd("ide");
  633. messageSends: []
  634. }),
  635. $globals.Domite);
  636. $core.addMethod(
  637. $core.method({
  638. selector: "setToAfter",
  639. protocol: 'positioning',
  640. fn: function (){
  641. var self=this;
  642. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  643. return $core.withContext(function($ctx1) {
  644. //>>excludeEnd("ctx");
  645. var $2,$1,$3;
  646. $2=self._element();
  647. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  648. $ctx1.sendIdx["element"]=1;
  649. //>>excludeEnd("ctx");
  650. $1=$recv($2)._nextSibling();
  651. self._reference_($1);
  652. $3=self._element_($recv(self._element())._parentNode());
  653. return self;
  654. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  655. }, function($ctx1) {$ctx1.fill(self,"setToAfter",{},$globals.Domite)});
  656. //>>excludeEnd("ctx");
  657. },
  658. //>>excludeStart("ide", pragmas.excludeIdeData);
  659. args: [],
  660. source: "setToAfter\x0a\x09self\x0a\x09\x09reference: self element nextSibling;\x0a\x09\x09element: self element parentNode",
  661. referencedClasses: [],
  662. //>>excludeEnd("ide");
  663. messageSends: ["reference:", "nextSibling", "element", "element:", "parentNode"]
  664. }),
  665. $globals.Domite);
  666. $core.addMethod(
  667. $core.method({
  668. selector: "setToBefore",
  669. protocol: 'positioning',
  670. fn: function (){
  671. var self=this;
  672. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  673. return $core.withContext(function($ctx1) {
  674. //>>excludeEnd("ctx");
  675. var $1,$2;
  676. $1=self._element();
  677. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  678. $ctx1.sendIdx["element"]=1;
  679. //>>excludeEnd("ctx");
  680. self._reference_($1);
  681. $2=self._element_($recv(self._element())._parentNode());
  682. return self;
  683. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  684. }, function($ctx1) {$ctx1.fill(self,"setToBefore",{},$globals.Domite)});
  685. //>>excludeEnd("ctx");
  686. },
  687. //>>excludeStart("ide", pragmas.excludeIdeData);
  688. args: [],
  689. source: "setToBefore\x0a\x09self\x0a\x09\x09reference: self element;\x0a\x09\x09element: self element parentNode",
  690. referencedClasses: [],
  691. //>>excludeEnd("ide");
  692. messageSends: ["reference:", "element", "element:", "parentNode"]
  693. }),
  694. $globals.Domite);
  695. $core.addMethod(
  696. $core.method({
  697. selector: "setToEnd",
  698. protocol: 'positioning',
  699. fn: function (){
  700. var self=this;
  701. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  702. return $core.withContext(function($ctx1) {
  703. //>>excludeEnd("ctx");
  704. self._reference_(nil._asJSON());
  705. return self;
  706. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  707. }, function($ctx1) {$ctx1.fill(self,"setToEnd",{},$globals.Domite)});
  708. //>>excludeEnd("ctx");
  709. },
  710. //>>excludeStart("ide", pragmas.excludeIdeData);
  711. args: [],
  712. source: "setToEnd\x0a\x09self reference: nil asJSON \x22null\x22",
  713. referencedClasses: [],
  714. //>>excludeEnd("ide");
  715. messageSends: ["reference:", "asJSON"]
  716. }),
  717. $globals.Domite);
  718. $core.addMethod(
  719. $core.method({
  720. selector: "at:",
  721. protocol: 'instance creation',
  722. fn: function (aString){
  723. var self=this;
  724. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  725. return $core.withContext(function($ctx1) {
  726. //>>excludeEnd("ctx");
  727. var $1;
  728. $1=self._fromElement_($recv(document)._querySelector_(aString));
  729. return $1;
  730. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  731. }, function($ctx1) {$ctx1.fill(self,"at:",{aString:aString},$globals.Domite.klass)});
  732. //>>excludeEnd("ctx");
  733. },
  734. //>>excludeStart("ide", pragmas.excludeIdeData);
  735. args: ["aString"],
  736. source: "at: aString\x0a\x09^ self fromElement: (document querySelector: aString)",
  737. referencedClasses: [],
  738. //>>excludeEnd("ide");
  739. messageSends: ["fromElement:", "querySelector:"]
  740. }),
  741. $globals.Domite.klass);
  742. $core.addMethod(
  743. $core.method({
  744. selector: "fromElement:",
  745. protocol: 'instance creation',
  746. fn: function (aDomElement){
  747. var self=this;
  748. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  749. return $core.withContext(function($ctx1) {
  750. //>>excludeEnd("ctx");
  751. var $1,$3,$4,$2,$receiver;
  752. if(($receiver = aDomElement) == null || $receiver.isNil){
  753. aDomElement;
  754. } else {
  755. $1=self._isDomNode_(aDomElement);
  756. if(!$core.assert($1)){
  757. self._error_($recv(self._name()).__comma(": Need a DOM node"));
  758. };
  759. };
  760. $3=self._new();
  761. $recv($3)._element_(aDomElement);
  762. $4=$recv($3)._yourself();
  763. $2=$4;
  764. return $2;
  765. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  766. }, function($ctx1) {$ctx1.fill(self,"fromElement:",{aDomElement:aDomElement},$globals.Domite.klass)});
  767. //>>excludeEnd("ctx");
  768. },
  769. //>>excludeStart("ide", pragmas.excludeIdeData);
  770. args: ["aDomElement"],
  771. 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",
  772. referencedClasses: [],
  773. //>>excludeEnd("ide");
  774. messageSends: ["ifNotNil:", "ifFalse:", "isDomNode:", "error:", ",", "name", "element:", "new", "yourself"]
  775. }),
  776. $globals.Domite.klass);
  777. $core.addMethod(
  778. $core.method({
  779. selector: "fromElement:cursorBefore:",
  780. protocol: 'instance creation',
  781. fn: function (aDomElement,anotherDomElement){
  782. var self=this;
  783. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  784. return $core.withContext(function($ctx1) {
  785. //>>excludeEnd("ctx");
  786. var $1,$3,$4,$2,$receiver;
  787. if(($receiver = aDomElement) == null || $receiver.isNil){
  788. aDomElement;
  789. } else {
  790. $1=self._isDomNode_(aDomElement);
  791. if(!$core.assert($1)){
  792. self._error_($recv(self._name()).__comma(": Need a DOM node"));
  793. };
  794. };
  795. $3=self._new();
  796. $recv($3)._element_(aDomElement);
  797. $recv($3)._referenceElement_(anotherDomElement);
  798. $4=$recv($3)._yourself();
  799. $2=$4;
  800. return $2;
  801. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  802. }, function($ctx1) {$ctx1.fill(self,"fromElement:cursorBefore:",{aDomElement:aDomElement,anotherDomElement:anotherDomElement},$globals.Domite.klass)});
  803. //>>excludeEnd("ctx");
  804. },
  805. //>>excludeStart("ide", pragmas.excludeIdeData);
  806. args: ["aDomElement", "anotherDomElement"],
  807. 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",
  808. referencedClasses: [],
  809. //>>excludeEnd("ide");
  810. messageSends: ["ifNotNil:", "ifFalse:", "isDomNode:", "error:", ",", "name", "element:", "new", "referenceElement:", "yourself"]
  811. }),
  812. $globals.Domite.klass);
  813. $core.addMethod(
  814. $core.method({
  815. selector: "isDomNode:",
  816. protocol: 'testing',
  817. fn: function (anObject){
  818. var self=this;
  819. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  820. return $core.withContext(function($ctx1) {
  821. //>>excludeEnd("ctx");
  822. return anObject.nodeType > 0 &&
  823. Object.prototype.toString.call(anObject) !== "[object Object]";
  824. return self;
  825. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  826. }, function($ctx1) {$ctx1.fill(self,"isDomNode:",{anObject:anObject},$globals.Domite.klass)});
  827. //>>excludeEnd("ctx");
  828. },
  829. //>>excludeStart("ide", pragmas.excludeIdeData);
  830. args: ["anObject"],
  831. source: "isDomNode: anObject\x0a<\x0a\x09return anObject.nodeType >> 0 &&\x0a\x09\x09Object.prototype.toString.call(anObject) !== \x22[object Object]\x22\x0a>",
  832. referencedClasses: [],
  833. //>>excludeEnd("ide");
  834. messageSends: []
  835. }),
  836. $globals.Domite.klass);
  837. $core.addMethod(
  838. $core.method({
  839. selector: "newElement:",
  840. protocol: 'instance creation',
  841. fn: function (aString){
  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)._createElement_(aString));
  848. return $1;
  849. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  850. }, function($ctx1) {$ctx1.fill(self,"newElement:",{aString:aString},$globals.Domite.klass)});
  851. //>>excludeEnd("ctx");
  852. },
  853. //>>excludeStart("ide", pragmas.excludeIdeData);
  854. args: ["aString"],
  855. source: "newElement: aString\x0a\x09^ self fromElement: (document createElement: aString)",
  856. referencedClasses: [],
  857. //>>excludeEnd("ide");
  858. messageSends: ["fromElement:", "createElement:"]
  859. }),
  860. $globals.Domite.klass);
  861. $core.addMethod(
  862. $core.method({
  863. selector: "newElement:xmlns:",
  864. protocol: 'instance creation',
  865. fn: function (aString,anotherString){
  866. var self=this;
  867. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  868. return $core.withContext(function($ctx1) {
  869. //>>excludeEnd("ctx");
  870. var $1;
  871. $1=self._fromElement_($recv(document)._createElementNS_tagName_(anotherString,aString));
  872. return $1;
  873. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  874. }, function($ctx1) {$ctx1.fill(self,"newElement:xmlns:",{aString:aString,anotherString:anotherString},$globals.Domite.klass)});
  875. //>>excludeEnd("ctx");
  876. },
  877. //>>excludeStart("ide", pragmas.excludeIdeData);
  878. args: ["aString", "anotherString"],
  879. source: "newElement: aString xmlns: anotherString \x0a\x0a\x09^ self fromElement: (document createElementNS: anotherString tagName: aString)",
  880. referencedClasses: [],
  881. //>>excludeEnd("ide");
  882. messageSends: ["fromElement:", "createElementNS:tagName:"]
  883. }),
  884. $globals.Domite.klass);
  885. $core.addMethod(
  886. $core.method({
  887. selector: "newStream",
  888. protocol: 'instance creation',
  889. fn: function (){
  890. var self=this;
  891. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  892. return $core.withContext(function($ctx1) {
  893. //>>excludeEnd("ctx");
  894. var $1;
  895. $1=self._fromElement_($recv(document)._createDocumentFragment());
  896. return $1;
  897. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  898. }, function($ctx1) {$ctx1.fill(self,"newStream",{},$globals.Domite.klass)});
  899. //>>excludeEnd("ctx");
  900. },
  901. //>>excludeStart("ide", pragmas.excludeIdeData);
  902. args: [],
  903. source: "newStream\x0a\x09^ self fromElement: document createDocumentFragment",
  904. referencedClasses: [],
  905. //>>excludeEnd("ide");
  906. messageSends: ["fromElement:", "createDocumentFragment"]
  907. }),
  908. $globals.Domite.klass);
  909. $core.addMethod(
  910. $core.method({
  911. selector: "nextPutDomNode:",
  912. protocol: '*DOMite',
  913. fn: function (aNode){
  914. var self=this;
  915. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  916. return $core.withContext(function($ctx1) {
  917. //>>excludeEnd("ctx");
  918. self._nextPut_(aNode);
  919. return self;
  920. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  921. }, function($ctx1) {$ctx1.fill(self,"nextPutDomNode:",{aNode:aNode},$globals.ProtoStream)});
  922. //>>excludeEnd("ctx");
  923. },
  924. //>>excludeStart("ide", pragmas.excludeIdeData);
  925. args: ["aNode"],
  926. source: "nextPutDomNode: aNode\x0a\x09self nextPut: aNode",
  927. referencedClasses: [],
  928. //>>excludeEnd("ide");
  929. messageSends: ["nextPut:"]
  930. }),
  931. $globals.ProtoStream);
  932. });