implab/implabjs-djx Files · djx/src/main/ts/tsx/HtmlRendition.ts

corrected tear down logic handling in observables. Added support for observable query results

cin - - Load All Authors

File last commit:

r102:c65ea2350b1a v1.3


                r110:1a190b3a757d

v1.4.0 default

Download file

             HtmlRendition.ts
        
                    50 lines
            
             | 1.4 KiB
            
                | video/mp2t
            
             |
                TypeScriptLexer
            
             / djx / src / main / ts / tsx / HtmlRendition.ts
          
                    History
                
                 |
                  Annotation
                 | Raw
                 |Copy content
                 |Copy permalink

      import djDom = require("dojo/dom-construct");

      import djAttr = require("dojo/dom-attr");

      import { argumentNotEmptyString } from "@implab/core-amd/safe";

      import { RenditionBase } from "./RenditionBase";

      import { placeAt } from "./traits";

      import { getItemDom, refHook } from "./render";

      export class HtmlRendition extends RenditionBase<Element> {

          elementType: string;

          _element: Element | undefined;

          constructor(elementType: string) {

              argumentNotEmptyString(elementType, "elementType");

              super();

              this.elementType = elementType;

          }

          _addChild(child: unknown): void {

              if (!this._element)

                  throw new Error("The HTML element isn't created");

              placeAt(getItemDom(child), this._element);

          }

          _create({ xmlns, ref, ...attrs }: { xmlns?: string, ref?: JSX.Ref<Element> }, children: unknown[]) {

              if (xmlns) {

                  this._element = document.createElementNS(xmlns, this.elementType);

                  djAttr.set(this._element, attrs);

              } else {

                  this._element = djDom.create(this.elementType, attrs);

              }

              children.forEach(v => this._addChild(v));

              const element =  this._element;

              if (ref)

                  refHook(element, ref);

          }

          _getDomNode() {

              if (!this._element)

                  throw new Error("The HTML element isn't created");

              return this._element;

          }

      }

	Site-wide shortcuts
/	Use quick search box
g h	Goto home page
g g	Goto my private gists page
g G	Goto my public gists page
g 0-9	Goto bookmarked items from 0-9
n r	New repository page
n g	New gist page

	Repositories
g s	Goto summary page
g c	Goto changelog page
g f	Goto files page
g F	Goto files page with file search activated
g p	Goto pull requests page
g o	Goto repository settings
g O	Goto repository access permissions settings
t s	Toggle sidebar on some pages

				import djDom = require("dojo/dom-construct");
				import djAttr = require("dojo/dom-attr");
				import { argumentNotEmptyString } from "@implab/core-amd/safe";
				import { RenditionBase } from "./RenditionBase";
				import { placeAt } from "./traits";
				import { getItemDom, refHook } from "./render";

				export class HtmlRendition extends RenditionBase<Element> {
				elementType: string;

				_element: Element \| undefined;

				constructor(elementType: string) {
				argumentNotEmptyString(elementType, "elementType");
				super();

				this.elementType = elementType;
				}

				_addChild(child: unknown): void {
				if (!this._element)
				throw new Error("The HTML element isn't created");
				placeAt(getItemDom(child), this._element);
				}

				_create({ xmlns, ref, ...attrs }: { xmlns?: string, ref?: JSX.Ref<Element> }, children: unknown[]) {

				if (xmlns) {
				this._element = document.createElementNS(xmlns, this.elementType);
				djAttr.set(this._element, attrs);
				} else {
				this._element = djDom.create(this.elementType, attrs);
				}

				children.forEach(v => this._addChild(v));

				const element = this._element;

				if (ref)
				refHook(element, ref);
				}

				_getDomNode() {
				if (!this._element)
				throw new Error("The HTML element isn't created");

				return this._element;
				}

				}