Skip to content
Snippets Groups Projects
Select Git revision
  • c3049ee8b9380b66b8b97b1c0752d9981e2839e8
  • master default protected
  • 1.31
  • 4.24.3
  • 4.24.2
  • 4.24.1
  • 4.24.0
  • 4.23.6
  • 4.23.5
  • 4.23.4
  • 4.23.3
  • 4.23.2
  • 4.23.1
  • 4.23.0
  • 4.22.3
  • 4.22.2
  • 4.22.1
  • 4.22.0
  • 4.21.0
  • 4.20.1
  • 4.20.0
  • 4.19.0
  • 4.18.0
23 results

tutorial-dom-form-handling.html

Blame
    • tutorial-how-to-write-a-customcontrol.html 83.46 KiB 
    <!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Adding favicon -->
    

    <!-- Adding meta -->
    
    
    <meta name="author" content="schukai GmbH" />
    
    <meta name="description" content="javascript library for optimal use on fast and flexible pages." />
    
    

    <!-- Adding external script-->
    
    
    <script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous" ></script>
    
    <script src="https://monsterjs.org/js/doc/monster-versions.js" crossorigin="anonymous" ></script>
    
    

    <!-- Adding external style-->
    
    
    <link href="https://monsterjs.org/assets/prettify.css" crossorigin="anonymous" rel="stylesheet" />
    
    

    <!-- Adding scripts-->
    

    <!-- Adding style-->
    

    <!-- Adding overlay script-->
    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/overlayscrollbars/1.13.0/js/OverlayScrollbars.min.js"
      integrity="sha512-5R3ngaUdvyhXkQkIqTf/k+Noq3phjmrqlUQyQYbgfI34Mzcx7vLIIYTy/K1VMHkL33T709kfh5y6R9Xy/Cbt7Q=="
      crossorigin="anonymous"></script>
    

    <!-- Adding overlay style-->
    


    <title>
      Tutorial: How to write a CustomControl
    </title>

    <!--[if lt IE 9]>
      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <link type="text/css" rel="stylesheet" href="styles/third-party/ionicons.min.css">
    <link type="text/css" rel="stylesheet" href="styles/third-party/prettify-tomorrow.css">
    <link type="text/css" rel="stylesheet" href="styles/reset.css">
    <link type="text/css" rel="stylesheet" href="styles/clean-jsdoc-theme-base.css">
    <link type="text/css" rel="stylesheet" href="styles/clean-jsdoc-theme-light.css">
    
    <svg aria-hidden="true" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
    style="display:none">
    <defs>
        <symbol id="copy-icon" viewbox="0 0 488.3 488.3">
            <g>
                    <path
                    d="M314.25,85.4h-227c-21.3,0-38.6,17.3-38.6,38.6v325.7c0,21.3,17.3,38.6,38.6,38.6h227c21.3,0,38.6-17.3,38.6-38.6V124    C352.75,102.7,335.45,85.4,314.25,85.4z M325.75,449.6c0,6.4-5.2,11.6-11.6,11.6h-227c-6.4,0-11.6-5.2-11.6-11.6V124    c0-6.4,5.2-11.6,11.6-11.6h227c6.4,0,11.6,5.2,11.6,11.6V449.6z" />
                <path
                    d="M401.05,0h-227c-21.3,0-38.6,17.3-38.6,38.6c0,7.5,6,13.5,13.5,13.5s13.5-6,13.5-13.5c0-6.4,5.2-11.6,11.6-11.6h227    c6.4,0,11.6,5.2,11.6,11.6v325.7c0,6.4-5.2,11.6-11.6,11.6c-7.5,0-13.5,6-13.5,13.5s6,13.5,13.5,13.5c21.3,0,38.6-17.3,38.6-38.6    V38.6C439.65,17.3,422.35,0,401.05,0z" />
            </g>
        </symbol>
        <symbol id='search-icon' viewBox="0 0 512 512">
            <g>
                <g>
                    <path
                        d="M225.474,0C101.151,0,0,101.151,0,225.474c0,124.33,101.151,225.474,225.474,225.474    c124.33,0,225.474-101.144,225.474-225.474C450.948,101.151,349.804,0,225.474,0z M225.474,409.323    c-101.373,0-183.848-82.475-183.848-183.848S124.101,41.626,225.474,41.626s183.848,82.475,183.848,183.848    S326.847,409.323,225.474,409.323z" />
                </g>
            </g>
            <g>
                <g>
                    <path
                        d="M505.902,476.472L386.574,357.144c-8.131-8.131-21.299-8.131-29.43,0c-8.131,8.124-8.131,21.306,0,29.43l119.328,119.328    c4.065,4.065,9.387,6.098,14.715,6.098c5.321,0,10.649-2.033,14.715-6.098C514.033,497.778,514.033,484.596,505.902,476.472z" />
                </g>
            </g>
        </symbol>
        <symbol id="down-icon" viewBox="0 0 16 16">
            <path 
                fill-rule="evenodd" 
                clip-rule="evenodd" 
                d="M12.7803 6.21967C13.0732 6.51256 13.0732 6.98744 12.7803 7.28033L8.53033 11.5303C8.23744 11.8232 7.76256 11.8232 7.46967 11.5303L3.21967 7.28033C2.92678 6.98744 2.92678 6.51256 3.21967 6.21967C3.51256 5.92678 3.98744 5.92678 4.28033 6.21967L8 9.93934L11.7197 6.21967C12.0126 5.92678 12.4874 5.92678 12.7803 6.21967Z"
            >
            </path>
        </symbol>
    </defs>
</svg>
  </head>

  <body>

    <nav class="navbar" id="navbar">
      <div class="navbar-heading" id="navbar-heading"><a href="index.html"><h2 class="navbar-heading-text">Monster</h2></a></div><div class="search-box" id="search-box"><div class="search-box-input-container"><input class="search-box-input" type="text" placeholder="Search..." id="search-box-input" /><svg class="search-icon" alt="search-icon"><use xlink:href="#search-icon"></use></svg></div><div class="search-item-container" id="search-item-container"><ul class="search-item-ul" id="search-item-ul"></ul></div></div><div class="sidebar-main-content" id="sidebar-main-content"><div class="accordion collapsed" id="2424260" > <h3 class="accordion-heading">Tutorials<svg><use xlink:href="#down-icon"></use></svg></h3><ul class="accordion-content"><li class="accordion-list" id=""><a href="tutorial-01-getting-started.html">Getting Started</a></li><li class="accordion-list" id=""><a href="tutorial-02-what-is-monster.html">What is Monster?</a></li><li class="accordion-list" id=""><a href="tutorial-03-dom.html">DOM</a></li><li class="accordion-list" id=""><a href="tutorial-09-browser-compatibility.html">Browser compatibility</a></li></ul> </div><div class="accordion collapsed" id="909180" > <h3 class="accordion-heading">Classes<svg><use xlink:href="#down-icon"></use></svg></h3><ul class="accordion-content"><li class="accordion collapsed child" id=7421690><div class="accordion-heading child"><a href="Monster.Constraints.AbstractConstraint.html">AbstractConstraint</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.Constraints.AbstractConstraint.html#isValid">isValid</a></li></ul></li><li class="accordion-list" id=""><a href="Monster.Constraints.AbstractOperator.html">AbstractOperator</a></li><li class="accordion collapsed child" id=8635577><div class="accordion-heading child"><a href="Monster.Constraints.AndOperator.html">AndOperator</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.Constraints.AndOperator.html#isValid">isValid</a></li></ul></li><li class="accordion collapsed child" id=3998991><div class="accordion-heading child"><a href="Monster.Constraints.Invalid.html">Invalid</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.Constraints.Invalid.html#isValid">isValid</a></li></ul></li><li class="accordion collapsed child" id=4206377><div class="accordion-heading child"><a href="Monster.Constraints.IsArray.html">IsArray</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.Constraints.IsArray.html#isValid">isValid</a></li></ul></li><li class="accordion collapsed child" id=3712714><div class="accordion-heading child"><a href="Monster.Constraints.IsObject.html">IsObject</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.Constraints.IsObject.html#isValid">isValid</a></li></ul></li><li class="accordion collapsed child" id=3419582><div class="accordion-heading child"><a href="Monster.Constraints.OrOperator.html">OrOperator</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.Constraints.OrOperator.html#isValid">isValid</a></li></ul></li><li class="accordion collapsed child" id=8271242><div class="accordion-heading child"><a href="Monster.Constraints.Valid.html">Valid</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.Constraints.Valid.html#isValid">isValid</a></li></ul></li><li class="accordion collapsed child" id=3810766><div class="accordion-heading child"><a href="Monster.Data.Datasource.html">Datasource</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.Data.Datasource.html#attachObserver">attachObserver</a></li><li data-type='method'><a href="Monster.Data.Datasource.html#containsObserver">containsObserver</a></li><li data-type='method'><a href="Monster.Data.Datasource.html#detachObserver">detachObserver</a></li><li data-type='method'><a href="Monster.Data.Datasource.html#get">get</a></li><li data-type='method'><a href="Monster.Data.Datasource.html#getOption">getOption</a></li><li data-type='method'><a href="Monster.Data.Datasource.html#read">read</a></li><li data-type='method'><a href="Monster.Data.Datasource.html#set">set</a></li><li data-type='method'><a href="Monster.Data.Datasource.html#setOption">setOption</a></li><li data-type='method'><a href="Monster.Data.Datasource.html#setOptions">setOptions</a></li><li data-type='method'><a href="Monster.Data.Datasource.html#write">write</a></li></ul></li><li class="accordion collapsed child" id=9659048><div class="accordion-heading child"><a href="Monster.Data.Datasource.RestAPI.html">RestAPI</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.Data.Datasource.RestAPI.html#getClone">getClone</a></li><li data-type='method'><a href="Monster.Data.Datasource.RestAPI.html#read">read</a></li><li data-type='method'><a href="Monster.Data.Datasource.RestAPI.html#write">write</a></li></ul></li><li class="accordion collapsed child" id=7094960><div class="accordion-heading child"><a href="Monster.Data.Datasource.RestAPI.WriteError.html">WriteError</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.Data.Datasource.RestAPI.WriteError.html#getResponse">getResponse</a></li><li data-type='method'><a href="Monster.Data.Datasource.RestAPI.WriteError.html#getValidation">getValidation</a></li></ul></li><li class="accordion collapsed child" id=7014735><div class="accordion-heading child"><a href="Monster.Data.Datasource.Storage.html">Storage</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.Data.Datasource.Storage.html#getClone">getClone</a></li><li data-type='method'><a href="Monster.Data.Datasource.Storage.html#read">read</a></li><li data-type='method'><a href="Monster.Data.Datasource.Storage.html#write">write</a></li></ul></li><li class="accordion collapsed child" id=2210274><div class="accordion-heading child"><a href="Monster.Data.Datasource.Storage.LocalStorage.html">LocalStorage</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.Data.Datasource.Storage.LocalStorage.html#getClone">getClone</a></li></ul></li><li class="accordion collapsed child" id=5927546><div class="accordion-heading child"><a href="Monster.Data.Datasource.Storage.SessionStorage.html">SessionStorage</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.Data.Datasource.Storage.SessionStorage.html#getClone">getClone</a></li></ul></li><li class="accordion collapsed child" id=9462011><div class="accordion-heading child"><a href="Monster.Data.Pathfinder.html">Pathfinder</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.Data.Pathfinder.html#deleteVia">deleteVia</a></li><li data-type='method'><a href="Monster.Data.Pathfinder.html#exists">exists</a></li><li data-type='method'><a href="Monster.Data.Pathfinder.html#getVia">getVia</a></li><li data-type='method'><a href="Monster.Data.Pathfinder.html#setVia">setVia</a></li><li data-type='method'><a href="Monster.Data.Pathfinder.html#setWildCard">setWildCard</a></li></ul></li><li class="accordion collapsed child" id=5827900><div class="accordion-heading child"><a href="Monster.Data.Pipe.html">Pipe</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.Data.Pipe.html#run">run</a></li><li data-type='method'><a href="Monster.Data.Pipe.html#setCallback">setCallback</a></li></ul></li><li class="accordion collapsed child" id=5872175><div class="accordion-heading child"><a href="Monster.Data.Transformer.html">Transformer</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.Data.Transformer.html#run">run</a></li><li data-type='method'><a href="Monster.Data.Transformer.html#setCallback">setCallback</a></li></ul></li><li class="accordion collapsed child" id=3448660><div class="accordion-heading child"><a href="Monster.DOM.Assembler.html">Assembler</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.DOM.Assembler.html#createDocumentFragment">createDocumentFragment</a></li><li data-type='method'><a href="Monster.DOM.Assembler.html#getAttributePrefix">getAttributePrefix</a></li><li data-type='method'><a href="Monster.DOM.Assembler.html#setAttributePrefix">setAttributePrefix</a></li></ul></li><li class="accordion collapsed child" id=2891729><div class="accordion-heading child"><a href="Monster.DOM.CustomControl.html">CustomControl</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.DOM.CustomControl.html#checkValidity">checkValidity</a></li><li data-type='method'><a href="Monster.DOM.CustomControl.html#reportValidity">reportValidity</a></li><li data-type='method'><a href="Monster.DOM.CustomControl.html#setFormValue">setFormValue</a></li><li data-type='method'><a href="Monster.DOM.CustomControl.html#setValidity">setValidity</a></li></ul></li><li class="accordion collapsed child" id=7847170><div class="accordion-heading child"><a href="Monster.DOM.CustomElement.html">CustomElement</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.DOM.CustomElement.html#.getCSSStyleSheet">getCSSStyleSheet</a></li><li data-type='method'><a href="Monster.DOM.CustomElement.html#.getTag">getTag</a></li><li data-type='method'><a href="Monster.DOM.CustomElement.html#adoptedCallback">adoptedCallback</a></li><li data-type='method'><a href="Monster.DOM.CustomElement.html#assembleMethodSymbol">assembleMethodSymbol</a></li><li data-type='method'><a href="Monster.DOM.CustomElement.html#attachObserver">attachObserver</a></li><li data-type='method'><a href="Monster.DOM.CustomElement.html#attributeChangedCallback">attributeChangedCallback</a></li><li data-type='method'><a href="Monster.DOM.CustomElement.html#connectedCallback">connectedCallback</a></li><li data-type='method'><a href="Monster.DOM.CustomElement.html#containsObserver">containsObserver</a></li><li data-type='method'><a href="Monster.DOM.CustomElement.html#detachObserver">detachObserver</a></li><li data-type='method'><a href="Monster.DOM.CustomElement.html#disconnectedCallback">disconnectedCallback</a></li><li data-type='method'><a href="Monster.DOM.CustomElement.html#getOption">getOption</a></li><li data-type='method'><a href="Monster.DOM.CustomElement.html#hasNode">hasNode</a></li><li data-type='method'><a href="Monster.DOM.CustomElement.html#initMethodSymbol">initMethodSymbol</a></li><li data-type='method'><a href="Monster.DOM.CustomElement.html#setOption">setOption</a></li><li data-type='method'><a href="Monster.DOM.CustomElement.html#setOptions">setOptions</a></li></ul></li><li class="accordion collapsed child" id=5784859><div class="accordion-heading child"><a href="Monster.DOM.Template.html">Template</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.DOM.Template.html#createDocumentFragment">createDocumentFragment</a></li><li data-type='method'><a href="Monster.DOM.Template.html#getTemplateElement">getTemplateElement</a></li></ul></li><li class="accordion collapsed child" id=7142401><div class="accordion-heading child"><a href="Monster.DOM.Theme.html">Theme</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.DOM.Theme.html#getName">getName</a></li></ul></li><li class="accordion collapsed child" id=9782301><div class="accordion-heading child"><a href="Monster.DOM.Updater.html">Updater</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.DOM.Updater.html#disableEventProcessing">disableEventProcessing</a></li><li data-type='method'><a href="Monster.DOM.Updater.html#enableEventProcessing">enableEventProcessing</a></li><li data-type='method'><a href="Monster.DOM.Updater.html#getSubject">getSubject</a></li><li data-type='method'><a href="Monster.DOM.Updater.html#run">run</a></li><li data-type='method'><a href="Monster.DOM.Updater.html#setCallback">setCallback</a></li><li data-type='method'><a href="Monster.DOM.Updater.html#setEventTypes">setEventTypes</a></li></ul></li><li class="accordion collapsed child" id=4949831><div class="accordion-heading child"><a href="Monster.I18n.Locale.html">Locale</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.I18n.Locale.html#getMap">getMap</a></li><li data-type='method'><a href="Monster.I18n.Locale.html#toString">toString</a></li></ul></li><li class="accordion collapsed child" id=4881608><div class="accordion-heading child"><a href="Monster.I18n.Provider.html">Provider</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.I18n.Provider.html#getTranslations">getTranslations</a></li></ul></li><li class="accordion collapsed child" id=4352347><div class="accordion-heading child"><a href="Monster.I18n.Providers.Fetch.html">Fetch</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.I18n.Providers.Fetch.html#getTranslations">getTranslations</a></li></ul></li><li class="accordion collapsed child" id=8193754><div class="accordion-heading child"><a href="Monster.I18n.Translations.html">Translations</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.I18n.Translations.html#assignTranslations">assignTranslations</a></li><li data-type='method'><a href="Monster.I18n.Translations.html#getPluralRuleText">getPluralRuleText</a></li><li data-type='method'><a href="Monster.I18n.Translations.html#getText">getText</a></li><li data-type='method'><a href="Monster.I18n.Translations.html#setText">setText</a></li></ul></li><li class="accordion collapsed child" id=6081460><div class="accordion-heading child"><a href="Monster.Logging.Handler.html">Handler</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.Logging.Handler.html#getLogLevel">getLogLevel</a></li><li data-type='method'><a href="Monster.Logging.Handler.html#log">log</a></li><li data-type='method'><a href="Monster.Logging.Handler.html#setAll">setAll</a></li><li data-type='method'><a href="Monster.Logging.Handler.html#setDebug">setDebug</a></li><li data-type='method'><a href="Monster.Logging.Handler.html#setError">setError</a></li><li data-type='method'><a href="Monster.Logging.Handler.html#setFatal">setFatal</a></li><li data-type='method'><a href="Monster.Logging.Handler.html#setInfo">setInfo</a></li><li data-type='method'><a href="Monster.Logging.Handler.html#setLogLevel">setLogLevel</a></li><li data-type='method'><a href="Monster.Logging.Handler.html#setOff">setOff</a></li><li data-type='method'><a href="Monster.Logging.Handler.html#setTrace">setTrace</a></li><li data-type='method'><a href="Monster.Logging.Handler.html#setWarn">setWarn</a></li></ul></li><li class="accordion collapsed child" id=669235><div class="accordion-heading child"><a href="Monster.Logging.Handler.ConsoleHandler.html">ConsoleHandler</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.Logging.Handler.ConsoleHandler.html#log">log</a></li></ul></li><li class="accordion collapsed child" id=7770052><div class="accordion-heading child"><a href="Monster.Logging.LogEntry.html">LogEntry</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.Logging.LogEntry.html#getArguments">getArguments</a></li><li data-type='method'><a href="Monster.Logging.LogEntry.html#getLogLevel">getLogLevel</a></li></ul></li><li class="accordion collapsed child" id=9858206><div class="accordion-heading child"><a href="Monster.Logging.Logger.html">Logger</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.Logging.Logger.html#addHandler">addHandler</a></li><li data-type='method'><a href="Monster.Logging.Logger.html#getLabel">getLabel</a></li><li data-type='method'><a href="Monster.Logging.Logger.html#getLevel">getLevel</a></li><li data-type='method'><a href="Monster.Logging.Logger.html#logDebug">logDebug</a></li><li data-type='method'><a href="Monster.Logging.Logger.html#logError">logError</a></li><li data-type='method'><a href="Monster.Logging.Logger.html#logFatal">logFatal</a></li><li data-type='method'><a href="Monster.Logging.Logger.html#logInfo">logInfo</a></li><li data-type='method'><a href="Monster.Logging.Logger.html#logTrace">logTrace</a></li><li data-type='method'><a href="Monster.Logging.Logger.html#logWarn">logWarn</a></li><li data-type='method'><a href="Monster.Logging.Logger.html#removeHandler">removeHandler</a></li></ul></li><li class="accordion collapsed child" id=1489014><div class="accordion-heading child"><a href="Monster.Namespace.html">Namespace</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.Namespace.html#getNamespace">getNamespace</a></li><li data-type='method'><a href="Monster.Namespace.html#toString">toString</a></li></ul></li><li class="accordion collapsed child" id=694293><div class="accordion-heading child"><a href="Monster.Text.Formatter.html">Formatter</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.Text.Formatter.html#format">format</a></li><li data-type='method'><a href="Monster.Text.Formatter.html#setMarker">setMarker</a></li><li data-type='method'><a href="Monster.Text.Formatter.html#setParameterChars">setParameterChars</a></li></ul></li><li class="accordion collapsed child" id=5620728><div class="accordion-heading child"><a href="Monster.Types.Base.html">Base</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.Types.Base.html#toString">toString</a></li></ul></li><li class="accordion collapsed child" id=1410625><div class="accordion-heading child"><a href="Monster.Types.BaseWithOptions.html">BaseWithOptions</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.Types.BaseWithOptions.html#getOption">getOption</a></li></ul></li><li class="accordion collapsed child" id=3750382><div class="accordion-heading child"><a href="Monster.Types.DataUrl.html">DataUrl</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.Types.DataUrl.html#toString">toString</a></li></ul></li><li class="accordion collapsed child" id=8333382><div class="accordion-heading child"><a href="Monster.Types.ID.html">ID</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.Types.ID.html#toString">toString</a></li></ul></li><li class="accordion collapsed child" id=4840137><div class="accordion-heading child"><a href="Monster.Types.MediaType.html">MediaType</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.Types.MediaType.html#toString">toString</a></li></ul></li><li class="accordion collapsed child" id=6274461><div class="accordion-heading child"><a href="Monster.Types.Observer.html">Observer</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.Types.Observer.html#addTag">addTag</a></li><li data-type='method'><a href="Monster.Types.Observer.html#getTags">getTags</a></li><li data-type='method'><a href="Monster.Types.Observer.html#hasTag">hasTag</a></li><li data-type='method'><a href="Monster.Types.Observer.html#removeTag">removeTag</a></li><li data-type='method'><a href="Monster.Types.Observer.html#update">update</a></li></ul></li><li class="accordion collapsed child" id=3670079><div class="accordion-heading child"><a href="Monster.Types.ObserverList.html">ObserverList</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.Types.ObserverList.html#attach">attach</a></li><li data-type='method'><a href="Monster.Types.ObserverList.html#contains">contains</a></li><li data-type='method'><a href="Monster.Types.ObserverList.html#detach">detach</a></li><li data-type='method'><a href="Monster.Types.ObserverList.html#notify">notify</a></li></ul></li><li class="accordion collapsed child" id=4253978><div class="accordion-heading child"><a href="Monster.Types.ProxyObserver.html">ProxyObserver</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.Types.ProxyObserver.html#attachObserver">attachObserver</a></li><li data-type='method'><a href="Monster.Types.ProxyObserver.html#containsObserver">containsObserver</a></li><li data-type='method'><a href="Monster.Types.ProxyObserver.html#detachObserver">detachObserver</a></li><li data-type='method'><a href="Monster.Types.ProxyObserver.html#getRealSubject">getRealSubject</a></li><li data-type='method'><a href="Monster.Types.ProxyObserver.html#getSubject">getSubject</a></li><li data-type='method'><a href="Monster.Types.ProxyObserver.html#notifyObservers">notifyObservers</a></li><li data-type='method'><a href="Monster.Types.ProxyObserver.html#setSubject">setSubject</a></li></ul></li><li class="accordion collapsed child" id=8199858><div class="accordion-heading child"><a href="Monster.Types.Queue.html">Queue</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.Types.Queue.html#add">add</a></li><li data-type='method'><a href="Monster.Types.Queue.html#clear">clear</a></li><li data-type='method'><a href="Monster.Types.Queue.html#isEmpty">isEmpty</a></li><li data-type='method'><a href="Monster.Types.Queue.html#peek">peek</a></li><li data-type='method'><a href="Monster.Types.Queue.html#poll">poll</a></li></ul></li><li class="accordion-list" id=""><a href="Monster.Types.RandomID.html">RandomID</a></li><li class="accordion collapsed child" id=489073><div class="accordion-heading child"><a href="Monster.Types.Stack.html">Stack</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.Types.Stack.html#clear">clear</a></li><li data-type='method'><a href="Monster.Types.Stack.html#isEmpty">isEmpty</a></li><li data-type='method'><a href="Monster.Types.Stack.html#peek">peek</a></li><li data-type='method'><a href="Monster.Types.Stack.html#pop">pop</a></li><li data-type='method'><a href="Monster.Types.Stack.html#push">push</a></li></ul></li><li class="accordion collapsed child" id=1390480><div class="accordion-heading child"><a href="Monster.Types.TokenList.html">TokenList</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.Types.TokenList.html#add">add</a></li><li data-type='method'><a href="Monster.Types.TokenList.html#clear">clear</a></li><li data-type='method'><a href="Monster.Types.TokenList.html#contains">contains</a></li><li data-type='method'><a href="Monster.Types.TokenList.html#entries">entries</a></li><li data-type='method'><a href="Monster.Types.TokenList.html#forEach">forEach</a></li><li data-type='method'><a href="Monster.Types.TokenList.html#getIterator">getIterator</a></li><li data-type='method'><a href="Monster.Types.TokenList.html#remove">remove</a></li><li data-type='method'><a href="Monster.Types.TokenList.html#replace">replace</a></li><li data-type='method'><a href="Monster.Types.TokenList.html#Symbol.iterator">Symbol.iterator</a></li><li data-type='method'><a href="Monster.Types.TokenList.html#toggle">toggle</a></li><li data-type='method'><a href="Monster.Types.TokenList.html#toString">toString</a></li></ul></li><li class="accordion collapsed child" id=6717392><div class="accordion-heading child"><a href="Monster.Types.UniqueQueue.html">UniqueQueue</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.Types.UniqueQueue.html#add">add</a></li><li data-type='method'><a href="Monster.Types.UniqueQueue.html#clear">clear</a></li><li data-type='method'><a href="Monster.Types.UniqueQueue.html#poll">poll</a></li></ul></li><li class="accordion collapsed child" id=5870297><div class="accordion-heading child"><a href="Monster.Types.Version.html">Version</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.Types.Version.html#compareTo">compareTo</a></li><li data-type='method'><a href="Monster.Types.Version.html#toString">toString</a></li></ul></li><li class="accordion collapsed child" id=9529518><div class="accordion-heading child"><a href="Monster.Util.Comparator.html">Comparator</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.Util.Comparator.html#compare">compare</a></li><li data-type='method'><a href="Monster.Util.Comparator.html#equal">equal</a></li><li data-type='method'><a href="Monster.Util.Comparator.html#greaterThan">greaterThan</a></li><li data-type='method'><a href="Monster.Util.Comparator.html#greaterThanOrEqual">greaterThanOrEqual</a></li><li data-type='method'><a href="Monster.Util.Comparator.html#lessThan">lessThan</a></li><li data-type='method'><a href="Monster.Util.Comparator.html#lessThanOrEqual">lessThanOrEqual</a></li><li data-type='method'><a href="Monster.Util.Comparator.html#reverse">reverse</a></li></ul></li><li class="accordion collapsed child" id=2922648><div class="accordion-heading child"><a href="Monster.Util.Processing.html">Processing</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.Util.Processing.html#add">add</a></li><li data-type='method'><a href="Monster.Util.Processing.html#run">run</a></li></ul></li></ul> </div><div class="accordion collapsed" id="8109353" > <h3 class="accordion-heading">Externals<svg><use xlink:href="#down-icon"></use></svg></h3><ul class="accordion-content"><li class="accordion-list" id=""><a href="external-HTMLElement.html">HTMLElement</a></li></ul> </div><div class="accordion collapsed" id="4938486" > <h3 class="accordion-heading">Namespaces<svg><use xlink:href="#down-icon"></use></svg></h3><ul class="accordion-content"><li class="accordion collapsed child" id=4523158><div class="accordion-heading child"><a href="global.html#Monster">Monster</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="global.html#Monster#.assignToNamespace">assignToNamespace</a></li><li data-type='method'><a href="global.html#Monster#.getVersion">getVersion</a></li></ul></li><li class="accordion-list" id=""><a href="Monster.Constraints.html">Constraints</a></li><li class="accordion collapsed child" id=1342159><div class="accordion-heading child"><a href="Monster.Data.html">Data</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.Data.html#.buildMap">buildMap</a></li><li data-type='method'><a href="Monster.Data.html#.diff">diff</a></li><li data-type='method'><a href="Monster.Data.html#.extend">extend</a></li></ul></li><li class="accordion collapsed child" id=8309412><div class="accordion-heading child"><a href="Monster.DOM.html">DOM</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.DOM.html#.addAttributeToken">addAttributeToken</a></li><li data-type='method'><a href="Monster.DOM.html#.addToObjectLink">addToObjectLink</a></li><li data-type='method'><a href="Monster.DOM.html#.assignUpdaterToElement">assignUpdaterToElement</a></li><li data-type='method'><a href="Monster.DOM.html#.clearAttributeTokens">clearAttributeTokens</a></li><li data-type='method'><a href="Monster.DOM.html#.containsAttributeToken">containsAttributeToken</a></li><li data-type='method'><a href="Monster.DOM.html#.findClosestByAttribute">findClosestByAttribute</a></li><li data-type='method'><a href="Monster.DOM.html#.findClosestObjectLink">findClosestObjectLink</a></li><li data-type='method'><a href="Monster.DOM.html#.findDocumentTemplate">findDocumentTemplate</a></li><li data-type='method'><a href="Monster.DOM.html#.findTargetElementFromEvent">findTargetElementFromEvent</a></li><li data-type='method'><a href="Monster.DOM.html#.fireEvent">fireEvent</a></li><li data-type='method'><a href="Monster.DOM.html#.getDocument">getDocument</a></li><li data-type='method'><a href="Monster.DOM.html#.getDocumentFragmentFromString">getDocumentFragmentFromString</a></li><li data-type='method'><a href="Monster.DOM.html#.getDocumentTheme">getDocumentTheme</a></li><li data-type='method'><a href="Monster.DOM.html#.getLinkedObjects">getLinkedObjects</a></li><li data-type='method'><a href="Monster.DOM.html#.getLocaleOfDocument">getLocaleOfDocument</a></li><li data-type='method'><a href="Monster.DOM.html#.getWindow">getWindow</a></li><li data-type='method'><a href="Monster.DOM.html#.hasObjectLink">hasObjectLink</a></li><li data-type='method'><a href="Monster.DOM.html#.registerCustomElement">registerCustomElement</a></li><li data-type='method'><a href="Monster.DOM.html#.removeAttributeToken">removeAttributeToken</a></li><li data-type='method'><a href="Monster.DOM.html#.removeObjectLink">removeObjectLink</a></li><li data-type='method'><a href="Monster.DOM.html#.replaceAttributeToken">replaceAttributeToken</a></li><li data-type='method'><a href="Monster.DOM.html#.toggleAttributeToken">toggleAttributeToken</a></li></ul></li><li class="accordion collapsed child" id=4298181><div class="accordion-heading child"><a href="Monster.I18n.html">I18n</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.I18n.html#.parseLocale">parseLocale</a></li></ul></li><li class="accordion-list" id=""><a href="Monster.I18n.Providers.html">Providers</a></li><li class="accordion-list" id=""><a href="Monster.Logging.html">Logging</a></li><li class="accordion collapsed child" id=35539><div class="accordion-heading child"><a href="Monster.Math.html">Math</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.Math.html#.random">random</a></li></ul></li><li class="accordion-list" id=""><a href="Monster.Text.html">Text</a></li><li class="accordion collapsed child" id=9154390><div class="accordion-heading child"><a href="Monster.Types.html">Types</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.Types.html#.fromBinary">fromBinary</a></li><li data-type='method'><a href="Monster.Types.html#.getGlobal">getGlobal</a></li><li data-type='method'><a href="Monster.Types.html#.getGlobalFunction">getGlobalFunction</a></li><li data-type='method'><a href="Monster.Types.html#.getGlobalObject">getGlobalObject</a></li><li data-type='method'><a href="Monster.Types.html#.isArray">isArray</a></li><li data-type='method'><a href="Monster.Types.html#.isBoolean">isBoolean</a></li><li data-type='method'><a href="Monster.Types.html#.isFunction">isFunction</a></li><li data-type='method'><a href="Monster.Types.html#.isInstance">isInstance</a></li><li data-type='method'><a href="Monster.Types.html#.isInteger">isInteger</a></li><li data-type='method'><a href="Monster.Types.html#.isIterable">isIterable</a></li><li data-type='method'><a href="Monster.Types.html#.isObject">isObject</a></li><li data-type='method'><a href="Monster.Types.html#.isPrimitive">isPrimitive</a></li><li data-type='method'><a href="Monster.Types.html#.isString">isString</a></li><li data-type='method'><a href="Monster.Types.html#.isSymbol">isSymbol</a></li><li data-type='method'><a href="Monster.Types.html#.parseDataURL">parseDataURL</a></li><li data-type='method'><a href="Monster.Types.html#.parseMediaType">parseMediaType</a></li><li data-type='method'><a href="Monster.Types.html#.toBinary">toBinary</a></li><li data-type='method'><a href="Monster.Types.html#.typeOf">typeOf</a></li><li data-type='method'><a href="Monster.Types.html#.validateArray">validateArray</a></li><li data-type='method'><a href="Monster.Types.html#.validateBoolean">validateBoolean</a></li><li data-type='method'><a href="Monster.Types.html#.validateFunction">validateFunction</a></li><li data-type='method'><a href="Monster.Types.html#.validateInstance">validateInstance</a></li><li data-type='method'><a href="Monster.Types.html#.validateInteger">validateInteger</a></li><li data-type='method'><a href="Monster.Types.html#.validateIterable">validateIterable</a></li><li data-type='method'><a href="Monster.Types.html#.validateObject">validateObject</a></li><li data-type='method'><a href="Monster.Types.html#.validatePrimitive">validatePrimitive</a></li><li data-type='method'><a href="Monster.Types.html#.validateString">validateString</a></li><li data-type='method'><a href="Monster.Types.html#.validateSymbol">validateSymbol</a></li></ul></li><li class="accordion collapsed child" id=8036903><div class="accordion-heading child"><a href="Monster.Util.html">Util</a><svg><use xlink:href="#down-icon"></use></svg></div><ul class='methods accordion-content'><li data-type='method'><a href="Monster.Util.html#.clone">clone</a></li><li data-type='method'><a href="Monster.Util.html#.deepFreeze">deepFreeze</a></li><li data-type='method'><a href="Monster.Util.html#.trimSpaces">trimSpaces</a></li></ul></li></ul> </div></div>
      
        <div class="navbar-resize" id="navbar-resize">
          <div class="resize-dots-container">
            <div class="dots"></div>
            <div class="dots"></div>
            <div class="dots"></div>
          </div> 
        </div>
      

    </nav>
    <div class="navbar-ham" id="navbar-ham">
      <div>
        <div class="first"></div>
        <div class="second"></div>
        <div class="third"></div>
      </div>
    </div>

    <div id="main" class="main-content">
      
      <h1 id='page-title' class="page-title">
        Tutorial: How to write a CustomControl
      </h1>
      

      <section>

<header>
    

    <h2>How to write a CustomControl</h2>
</header>

    <article>
    <p>In diesem Artikel geht es um das Erstellen einer eigenen<br>
<a href="https://developer.mozilla.org/en-US/docs/Web/Web_Components">Web Komponente</a>.</p>
<p>Mit Hilfe von Klassen und Funktionen von <a href="https://monsterjs.org">Monster</a></p>
<p>Zuerst erstellen wir eine von <code>CustomControl</code> abgeleitete Klasse. Die Elternklasse<br>
<code>CustomControl</code> implementiert bereits einige Funktionen, die das Leben im folgenden<br>
leichter machen.</p>
<pre class="prettyprint source"><code>class Button extends CustomControl {
}
</code></pre>
<p>Der nächste Schritt legt fest, welchen Tag das Control im HTML bekommen soll.</p>
<pre class="prettyprint source"><code>class Button extends CustomControl {
    static getTag() {
        return &quot;monster-button&quot;;
        
    }
}
</code></pre>
<p>Damit man später das Control konfigurieren kann, müssen wir die Möglichkeit,<br>
Optionen anlegen zu können, schaffen. Wir können hier auf die Strukturen der Klasse<br>
<code>CustomControl</code> aufsetzen und brauchen nur ein eigenes Property <code>default</code> anzulegen.</p>
<pre class="prettyprint source"><code>class Button extends CustomControl {

    // ..... other implementations
    
    get defaults() {
        return Object.assign({}, super.defaults, {})
    }

}
</code></pre>
<p>Über diese Struktur werden auch die Templates des Controls definiert. So kann man
dem Control ein Standard mitgeben und dem Anwender des Controls die Möglichkeit geben
die Templates anzupassen.</p>
<p>Jetzt machen wir uns also an das Aussehen des Controls und erstellen dazu ein Template.
Wir wollen das der Button einen einfachen HTML5-Button verwendet.</p>
<pre class="prettyprint source"><code>&lt;button>Hello!&lt;/button>
</code></pre>
<p>Das Haupttemplate des Buttons wird über die Option <code>templates.main</code> gepflegt.</p>
<p>Wir müssen das HTML also in die oben eingeführte <code>default</code> Struktur einfügen. Wir können<br>
das HTML direkt hier angeben.</p>
<pre class="prettyprint source"><code>return Object.assign({}, super.defaults, {
    templates: {
        main: `&lt;button>Hello!&lt;/button>`
    },
})
</code></pre>
<p>Um die Übersicht bei größerne Templates zu behalten, kann man alternativ das<br>
Template auch in eine Funktion auslagern und hier nur die Funktion aufrufen.</p>
<pre class="prettyprint source"><code>return Object.assign({}, super.defaults, {
    templates: {
        main: getTemplate()
    },
})
</code></pre>
<p>Wenn wir jetzt den HTML-Tag <code>&lt;monster-button&gt;&lt;/monster-button&gt;</code> in eine HTML-Datei einfügen
erhalten wir soweit so unspektakulär einen Button.</p>
<p><img src="images/button1.png" alt="Screenshot"></p>
<p>Jetzt kommt die Magie. Im DOM gibt es zwei wichtige Methoden, die beim Einbinden und
beim Entfernen eines Controls aufgerufen werden.</p>
<p>Wird ein Control in das DOM eingehängt, so wird die Methode<br>
<a href="https://developer.mozilla.org/de/docs/Web/Web_Components/Using_custom_elements#using_the_lifecycle_callbacks"><code>connectedCallback</code></a> aufgerufen.</p>
<p>Beim Entfernen eines Controls aus dem DOM wird dagegen die Methode
<a href="https://developer.mozilla.org/de/docs/Web/Web_Components/Using_custom_elements#using_the_lifecycle_callbacks"><code>disconnectedCallback</code></a> aufgerufen.
aufgerufen.</p>
<p>Wir implementieren die beiden Methoden in unserer neuen Klasse.</p>
<pre class="prettyprint source"><code>class Button extends CustomControl {

    // ..... other implementations

        connectedCallback() {
        super.connectedCallback();
    }

    disconnectedCallback() {
        super.disconnectedCallback();
    }
} 
</code></pre>
<p>Innerhalb dieser beiden Methoden können wir nun zum Beispiel Strukturen initailisieren oder
Eventhandler hinzufügen und wieder entfernen.</p>
<p>Das <code>CustomControl</code> besitzt zwei weitere wichtige Methoden, die
man überschreiben kann, um das Control zu initialisieren. Diese beiden Methoden
haben keinen direkten Methodennamen, sondern verbergen sich hinter einem
Symbol-Schlüssel.</p>
<pre class="prettyprint source"><code>
import {
    assembleMethodSymbol,
    initMethodSymbol,
} from &quot;@schukai/monster/dist/modules/dom/customelement.js&quot;;

class Button extends CustomControl {

    // ..... other implementations

    [initMethodSymbol]() {
        super[initMethodSymbol]();
    }

    [assembleMethodSymbol]() {
        super[assembleMethodSymbol]();
    }
} 
</code></pre>
<p>Die Methode <code>[initMethodSymbol]()</code> wird direkt vom Konstruktor aufgerufen und dient zur einmaliegen initialisierung
interner Strukturen.</p>
<p>Die Methode <code>[assembleMethodSymbol]()</code> wird beim ersten einbinden des Kontrols in das<br>
DOM aufgerufen. Wird das Control wieder entfernt und erneut eingebunden, so wird
<code>[assembleMethodSymbol]()</code> nicht nochmal aufgerufen.</p>
<p>@startuml filename2.png
Alice --&gt; Bob
@enduml</p>
</article>

</section>

    </div>

    <footer class="footer" id="footer">
      <a href='https://about.schukai.com/de/impressum/'>Imprint</a>
    </footer>

    <script src="scripts/third-party/prettify.js"></script>
    <script src="scripts/third-party/lang-css.js"></script>
    <script type="text/javascript" src="scripts/misc.js"></script>

    <script>prettyPrint();</script>
    <script src="scripts/linenumber.js"></script>
    <script src="scripts/fix-code-block.js"></script>
    <script src="scripts/fix-navbar.js"></script>
    
      <script src="scripts/search.js"></script>
      <script src="scripts/third-party/fuse.js"></script>
      <script>
        var list = [{"title":"01-getting-started","link":"01-getting-started"},{"title":"02-what-is-monster","link":"02-what-is-monster"},{"title":"03-dom","link":"03-dom"},{"title":"09-browser-compatibility","link":"09-browser-compatibility"},{"title":"AbstractConstraint","link":"<a href=\"Monster.Constraints.AbstractConstraint.html\">AbstractConstraint</a>"},{"title":"Monster.Constraints.AbstractConstraint#isValid","link":"<a href=\"Monster.Constraints.AbstractConstraint.html#isValid\">Monster.Constraints.AbstractConstraint &rtrif; isValid</a>"},{"title":"AbstractOperator","link":"<a href=\"Monster.Constraints.AbstractOperator.html\">AbstractOperator</a>"},{"title":"AndOperator","link":"<a href=\"Monster.Constraints.AndOperator.html\">AndOperator</a>"},{"title":"Monster.Constraints.AndOperator#isValid","link":"<a href=\"Monster.Constraints.AndOperator.html#isValid\">Monster.Constraints.AndOperator &rtrif; isValid</a>"},{"title":"Invalid","link":"<a href=\"Monster.Constraints.Invalid.html\">Invalid</a>"},{"title":"Monster.Constraints.Invalid#isValid","link":"<a href=\"Monster.Constraints.Invalid.html#isValid\">Monster.Constraints.Invalid &rtrif; isValid</a>"},{"title":"IsArray","link":"<a href=\"Monster.Constraints.IsArray.html\">IsArray</a>"},{"title":"Monster.Constraints.IsArray#isValid","link":"<a href=\"Monster.Constraints.IsArray.html#isValid\">Monster.Constraints.IsArray &rtrif; isValid</a>"},{"title":"IsObject","link":"<a href=\"Monster.Constraints.IsObject.html\">IsObject</a>"},{"title":"Monster.Constraints.IsObject#isValid","link":"<a href=\"Monster.Constraints.IsObject.html#isValid\">Monster.Constraints.IsObject &rtrif; isValid</a>"},{"title":"OrOperator","link":"<a href=\"Monster.Constraints.OrOperator.html\">OrOperator</a>"},{"title":"Monster.Constraints.OrOperator#isValid","link":"<a href=\"Monster.Constraints.OrOperator.html#isValid\">Monster.Constraints.OrOperator &rtrif; isValid</a>"},{"title":"Valid","link":"<a href=\"Monster.Constraints.Valid.html\">Valid</a>"},{"title":"Monster.Constraints.Valid#isValid","link":"<a href=\"Monster.Constraints.Valid.html#isValid\">Monster.Constraints.Valid &rtrif; isValid</a>"},{"title":"Datasource","link":"<a href=\"Monster.Data.Datasource.html\">Datasource</a>"},{"title":"Monster.Data.Datasource#attachObserver","link":"<a href=\"Monster.Data.Datasource.html#attachObserver\">Monster.Data.Datasource &rtrif; attachObserver</a>"},{"title":"Monster.Data.Datasource#containsObserver","link":"<a href=\"Monster.Data.Datasource.html#containsObserver\">Monster.Data.Datasource &rtrif; containsObserver</a>"},{"title":"Monster.Data.Datasource#detachObserver","link":"<a href=\"Monster.Data.Datasource.html#detachObserver\">Monster.Data.Datasource &rtrif; detachObserver</a>"},{"title":"Monster.Data.Datasource#get","link":"<a href=\"Monster.Data.Datasource.html#get\">Monster.Data.Datasource &rtrif; get</a>"},{"title":"Monster.Data.Datasource#getOption","link":"<a href=\"Monster.Data.Datasource.html#getOption\">Monster.Data.Datasource &rtrif; getOption</a>"},{"title":"Monster.Data.Datasource#read","link":"<a href=\"Monster.Data.Datasource.html#read\">Monster.Data.Datasource &rtrif; read</a>"},{"title":"Monster.Data.Datasource#set","link":"<a href=\"Monster.Data.Datasource.html#set\">Monster.Data.Datasource &rtrif; set</a>"},{"title":"Monster.Data.Datasource#setOption","link":"<a href=\"Monster.Data.Datasource.html#setOption\">Monster.Data.Datasource &rtrif; setOption</a>"},{"title":"Monster.Data.Datasource#setOptions","link":"<a href=\"Monster.Data.Datasource.html#setOptions\">Monster.Data.Datasource &rtrif; setOptions</a>"},{"title":"Monster.Data.Datasource#write","link":"<a href=\"Monster.Data.Datasource.html#write\">Monster.Data.Datasource &rtrif; write</a>"},{"title":"RestAPI","link":"<a href=\"Monster.Data.Datasource.RestAPI.html\">RestAPI</a>"},{"title":"Monster.Data.Datasource.RestAPI#getClone","link":"<a href=\"Monster.Data.Datasource.RestAPI.html#getClone\">Monster.Data.Datasource.RestAPI &rtrif; getClone</a>"},{"title":"Monster.Data.Datasource.RestAPI#read","link":"<a href=\"Monster.Data.Datasource.RestAPI.html#read\">Monster.Data.Datasource.RestAPI &rtrif; read</a>"},{"title":"Monster.Data.Datasource.RestAPI#write","link":"<a href=\"Monster.Data.Datasource.RestAPI.html#write\">Monster.Data.Datasource.RestAPI &rtrif; write</a>"},{"title":"WriteError","link":"<a href=\"Monster.Data.Datasource.RestAPI.WriteError.html\">WriteError</a>"},{"title":"Monster.Data.Datasource.RestAPI.WriteError#getResponse","link":"<a href=\"Monster.Data.Datasource.RestAPI.WriteError.html#getResponse\">Monster.Data.Datasource.RestAPI.WriteError &rtrif; getResponse</a>"},{"title":"Monster.Data.Datasource.RestAPI.WriteError#getValidation","link":"<a href=\"Monster.Data.Datasource.RestAPI.WriteError.html#getValidation\">Monster.Data.Datasource.RestAPI.WriteError &rtrif; getValidation</a>"},{"title":"Storage","link":"<a href=\"Monster.Data.Datasource.Storage.html\">Storage</a>"},{"title":"Monster.Data.Datasource.Storage#getClone","link":"<a href=\"Monster.Data.Datasource.Storage.html#getClone\">Monster.Data.Datasource.Storage &rtrif; getClone</a>"},{"title":"Monster.Data.Datasource.Storage#read","link":"<a href=\"Monster.Data.Datasource.Storage.html#read\">Monster.Data.Datasource.Storage &rtrif; read</a>"},{"title":"Monster.Data.Datasource.Storage#write","link":"<a href=\"Monster.Data.Datasource.Storage.html#write\">Monster.Data.Datasource.Storage &rtrif; write</a>"},{"title":"LocalStorage","link":"<a href=\"Monster.Data.Datasource.Storage.LocalStorage.html\">LocalStorage</a>"},{"title":"Monster.Data.Datasource.Storage.LocalStorage#getClone","link":"<a href=\"Monster.Data.Datasource.Storage.LocalStorage.html#getClone\">Monster.Data.Datasource.Storage.LocalStorage &rtrif; getClone</a>"},{"title":"SessionStorage","link":"<a href=\"Monster.Data.Datasource.Storage.SessionStorage.html\">SessionStorage</a>"},{"title":"Monster.Data.Datasource.Storage.SessionStorage#getClone","link":"<a href=\"Monster.Data.Datasource.Storage.SessionStorage.html#getClone\">Monster.Data.Datasource.Storage.SessionStorage &rtrif; getClone</a>"},{"title":"Pathfinder","link":"<a href=\"Monster.Data.Pathfinder.html\">Pathfinder</a>"},{"title":"Monster.Data.Pathfinder#deleteVia","link":"<a href=\"Monster.Data.Pathfinder.html#deleteVia\">Monster.Data.Pathfinder &rtrif; deleteVia</a>"},{"title":"Monster.Data.Pathfinder#exists","link":"<a href=\"Monster.Data.Pathfinder.html#exists\">Monster.Data.Pathfinder &rtrif; exists</a>"},{"title":"Monster.Data.Pathfinder#getVia","link":"<a href=\"Monster.Data.Pathfinder.html#getVia\">Monster.Data.Pathfinder &rtrif; getVia</a>"},{"title":"Monster.Data.Pathfinder#setVia","link":"<a href=\"Monster.Data.Pathfinder.html#setVia\">Monster.Data.Pathfinder &rtrif; setVia</a>"},{"title":"Monster.Data.Pathfinder#setWildCard","link":"<a href=\"Monster.Data.Pathfinder.html#setWildCard\">Monster.Data.Pathfinder &rtrif; setWildCard</a>"},{"title":"Pipe","link":"<a href=\"Monster.Data.Pipe.html\">Pipe</a>"},{"title":"Monster.Data.Pipe#run","link":"<a href=\"Monster.Data.Pipe.html#run\">Monster.Data.Pipe &rtrif; run</a>"},{"title":"Monster.Data.Pipe#setCallback","link":"<a href=\"Monster.Data.Pipe.html#setCallback\">Monster.Data.Pipe &rtrif; setCallback</a>"},{"title":"Transformer","link":"<a href=\"Monster.Data.Transformer.html\">Transformer</a>"},{"title":"Monster.Data.Transformer#run","link":"<a href=\"Monster.Data.Transformer.html#run\">Monster.Data.Transformer &rtrif; run</a>"},{"title":"Monster.Data.Transformer#setCallback","link":"<a href=\"Monster.Data.Transformer.html#setCallback\">Monster.Data.Transformer &rtrif; setCallback</a>"},{"title":"Assembler","link":"<a href=\"Monster.DOM.Assembler.html\">Assembler</a>"},{"title":"Monster.DOM.Assembler#createDocumentFragment","link":"<a href=\"Monster.DOM.Assembler.html#createDocumentFragment\">Monster.DOM.Assembler &rtrif; createDocumentFragment</a>"},{"title":"Monster.DOM.Assembler#getAttributePrefix","link":"<a href=\"Monster.DOM.Assembler.html#getAttributePrefix\">Monster.DOM.Assembler &rtrif; getAttributePrefix</a>"},{"title":"Monster.DOM.Assembler#setAttributePrefix","link":"<a href=\"Monster.DOM.Assembler.html#setAttributePrefix\">Monster.DOM.Assembler &rtrif; setAttributePrefix</a>"},{"title":"CustomControl","link":"<a href=\"Monster.DOM.CustomControl.html\">CustomControl</a>"},{"title":"Monster.DOM.CustomControl#checkValidity","link":"<a href=\"Monster.DOM.CustomControl.html#checkValidity\">Monster.DOM.CustomControl &rtrif; checkValidity</a>"},{"title":"Monster.DOM.CustomControl#reportValidity","link":"<a href=\"Monster.DOM.CustomControl.html#reportValidity\">Monster.DOM.CustomControl &rtrif; reportValidity</a>"},{"title":"Monster.DOM.CustomControl#setFormValue","link":"<a href=\"Monster.DOM.CustomControl.html#setFormValue\">Monster.DOM.CustomControl &rtrif; setFormValue</a>"},{"title":"Monster.DOM.CustomControl#setValidity","link":"<a href=\"Monster.DOM.CustomControl.html#setValidity\">Monster.DOM.CustomControl &rtrif; setValidity</a>"},{"title":"CustomElement","link":"<a href=\"Monster.DOM.CustomElement.html\">CustomElement</a>"},{"title":"Monster.DOM.CustomElement.getCSSStyleSheet","link":"<a href=\"Monster.DOM.CustomElement.html#.getCSSStyleSheet\">Monster.DOM.CustomElement.getCSSStyleSheet &rtrif; undefined</a>"},{"title":"Monster.DOM.CustomElement.getTag","link":"<a href=\"Monster.DOM.CustomElement.html#.getTag\">Monster.DOM.CustomElement.getTag &rtrif; undefined</a>"},{"title":"Monster.DOM.CustomElement#adoptedCallback","link":"<a href=\"Monster.DOM.CustomElement.html#adoptedCallback\">Monster.DOM.CustomElement &rtrif; adoptedCallback</a>"},{"title":"Monster.DOM.CustomElement#assembleMethodSymbol","link":"<a href=\"Monster.DOM.CustomElement.html#assembleMethodSymbol\">Monster.DOM.CustomElement &rtrif; assembleMethodSymbol</a>"},{"title":"Monster.DOM.CustomElement#attachObserver","link":"<a href=\"Monster.DOM.CustomElement.html#attachObserver\">Monster.DOM.CustomElement &rtrif; attachObserver</a>"},{"title":"Monster.DOM.CustomElement#attributeChangedCallback","link":"<a href=\"Monster.DOM.CustomElement.html#attributeChangedCallback\">Monster.DOM.CustomElement &rtrif; attributeChangedCallback</a>"},{"title":"Monster.DOM.CustomElement#connectedCallback","link":"<a href=\"Monster.DOM.CustomElement.html#connectedCallback\">Monster.DOM.CustomElement &rtrif; connectedCallback</a>"},{"title":"Monster.DOM.CustomElement#containsObserver","link":"<a href=\"Monster.DOM.CustomElement.html#containsObserver\">Monster.DOM.CustomElement &rtrif; containsObserver</a>"},{"title":"Monster.DOM.CustomElement#detachObserver","link":"<a href=\"Monster.DOM.CustomElement.html#detachObserver\">Monster.DOM.CustomElement &rtrif; detachObserver</a>"},{"title":"Monster.DOM.CustomElement#disconnectedCallback","link":"<a href=\"Monster.DOM.CustomElement.html#disconnectedCallback\">Monster.DOM.CustomElement &rtrif; disconnectedCallback</a>"},{"title":"Monster.DOM.CustomElement#getOption","link":"<a href=\"Monster.DOM.CustomElement.html#getOption\">Monster.DOM.CustomElement &rtrif; getOption</a>"},{"title":"Monster.DOM.CustomElement#hasNode","link":"<a href=\"Monster.DOM.CustomElement.html#hasNode\">Monster.DOM.CustomElement &rtrif; hasNode</a>"},{"title":"Monster.DOM.CustomElement#initMethodSymbol","link":"<a href=\"Monster.DOM.CustomElement.html#initMethodSymbol\">Monster.DOM.CustomElement &rtrif; initMethodSymbol</a>"},{"title":"Monster.DOM.CustomElement#setOption","link":"<a href=\"Monster.DOM.CustomElement.html#setOption\">Monster.DOM.CustomElement &rtrif; setOption</a>"},{"title":"Monster.DOM.CustomElement#setOptions","link":"<a href=\"Monster.DOM.CustomElement.html#setOptions\">Monster.DOM.CustomElement &rtrif; setOptions</a>"},{"title":"Template","link":"<a href=\"Monster.DOM.Template.html\">Template</a>"},{"title":"Monster.DOM.Template#createDocumentFragment","link":"<a href=\"Monster.DOM.Template.html#createDocumentFragment\">Monster.DOM.Template &rtrif; createDocumentFragment</a>"},{"title":"Monster.DOM.Template#getTemplateElement","link":"<a href=\"Monster.DOM.Template.html#getTemplateElement\">Monster.DOM.Template &rtrif; getTemplateElement</a>"},{"title":"Theme","link":"<a href=\"Monster.DOM.Theme.html\">Theme</a>"},{"title":"Monster.DOM.Theme#getName","link":"<a href=\"Monster.DOM.Theme.html#getName\">Monster.DOM.Theme &rtrif; getName</a>"},{"title":"Updater","link":"<a href=\"Monster.DOM.Updater.html\">Updater</a>"},{"title":"Monster.DOM.Updater#disableEventProcessing","link":"<a href=\"Monster.DOM.Updater.html#disableEventProcessing\">Monster.DOM.Updater &rtrif; disableEventProcessing</a>"},{"title":"Monster.DOM.Updater#enableEventProcessing","link":"<a href=\"Monster.DOM.Updater.html#enableEventProcessing\">Monster.DOM.Updater &rtrif; enableEventProcessing</a>"},{"title":"Monster.DOM.Updater#getSubject","link":"<a href=\"Monster.DOM.Updater.html#getSubject\">Monster.DOM.Updater &rtrif; getSubject</a>"},{"title":"Monster.DOM.Updater#run","link":"<a href=\"Monster.DOM.Updater.html#run\">Monster.DOM.Updater &rtrif; run</a>"},{"title":"Monster.DOM.Updater#setCallback","link":"<a href=\"Monster.DOM.Updater.html#setCallback\">Monster.DOM.Updater &rtrif; setCallback</a>"},{"title":"Monster.DOM.Updater#setEventTypes","link":"<a href=\"Monster.DOM.Updater.html#setEventTypes\">Monster.DOM.Updater &rtrif; setEventTypes</a>"},{"title":"Locale","link":"<a href=\"Monster.I18n.Locale.html\">Locale</a>"},{"title":"Monster.I18n.Locale#getMap","link":"<a href=\"Monster.I18n.Locale.html#getMap\">Monster.I18n.Locale &rtrif; getMap</a>"},{"title":"Monster.I18n.Locale#toString","link":"<a href=\"Monster.I18n.Locale.html#toString\">Monster.I18n.Locale &rtrif; toString</a>"},{"title":"Provider","link":"<a href=\"Monster.I18n.Provider.html\">Provider</a>"},{"title":"Monster.I18n.Provider#getTranslations","link":"<a href=\"Monster.I18n.Provider.html#getTranslations\">Monster.I18n.Provider &rtrif; getTranslations</a>"},{"title":"Fetch","link":"<a href=\"Monster.I18n.Providers.Fetch.html\">Fetch</a>"},{"title":"Monster.I18n.Providers.Fetch#getTranslations","link":"<a href=\"Monster.I18n.Providers.Fetch.html#getTranslations\">Monster.I18n.Providers.Fetch &rtrif; getTranslations</a>"},{"title":"Translations","link":"<a href=\"Monster.I18n.Translations.html\">Translations</a>"},{"title":"Monster.I18n.Translations#assignTranslations","link":"<a href=\"Monster.I18n.Translations.html#assignTranslations\">Monster.I18n.Translations &rtrif; assignTranslations</a>"},{"title":"Monster.I18n.Translations#getPluralRuleText","link":"<a href=\"Monster.I18n.Translations.html#getPluralRuleText\">Monster.I18n.Translations &rtrif; getPluralRuleText</a>"},{"title":"Monster.I18n.Translations#getText","link":"<a href=\"Monster.I18n.Translations.html#getText\">Monster.I18n.Translations &rtrif; getText</a>"},{"title":"Monster.I18n.Translations#setText","link":"<a href=\"Monster.I18n.Translations.html#setText\">Monster.I18n.Translations &rtrif; setText</a>"},{"title":"Handler","link":"<a href=\"Monster.Logging.Handler.html\">Handler</a>"},{"title":"Monster.Logging.Handler#getLogLevel","link":"<a href=\"Monster.Logging.Handler.html#getLogLevel\">Monster.Logging.Handler &rtrif; getLogLevel</a>"},{"title":"Monster.Logging.Handler#log","link":"<a href=\"Monster.Logging.Handler.html#log\">Monster.Logging.Handler &rtrif; log</a>"},{"title":"Monster.Logging.Handler#setAll","link":"<a href=\"Monster.Logging.Handler.html#setAll\">Monster.Logging.Handler &rtrif; setAll</a>"},{"title":"Monster.Logging.Handler#setDebug","link":"<a href=\"Monster.Logging.Handler.html#setDebug\">Monster.Logging.Handler &rtrif; setDebug</a>"},{"title":"Monster.Logging.Handler#setError","link":"<a href=\"Monster.Logging.Handler.html#setError\">Monster.Logging.Handler &rtrif; setError</a>"},{"title":"Monster.Logging.Handler#setFatal","link":"<a href=\"Monster.Logging.Handler.html#setFatal\">Monster.Logging.Handler &rtrif; setFatal</a>"},{"title":"Monster.Logging.Handler#setInfo","link":"<a href=\"Monster.Logging.Handler.html#setInfo\">Monster.Logging.Handler &rtrif; setInfo</a>"},{"title":"Monster.Logging.Handler#setLogLevel","link":"<a href=\"Monster.Logging.Handler.html#setLogLevel\">Monster.Logging.Handler &rtrif; setLogLevel</a>"},{"title":"Monster.Logging.Handler#setOff","link":"<a href=\"Monster.Logging.Handler.html#setOff\">Monster.Logging.Handler &rtrif; setOff</a>"},{"title":"Monster.Logging.Handler#setTrace","link":"<a href=\"Monster.Logging.Handler.html#setTrace\">Monster.Logging.Handler &rtrif; setTrace</a>"},{"title":"Monster.Logging.Handler#setWarn","link":"<a href=\"Monster.Logging.Handler.html#setWarn\">Monster.Logging.Handler &rtrif; setWarn</a>"},{"title":"ConsoleHandler","link":"<a href=\"Monster.Logging.Handler.ConsoleHandler.html\">ConsoleHandler</a>"},{"title":"Monster.Logging.Handler.ConsoleHandler#log","link":"<a href=\"Monster.Logging.Handler.ConsoleHandler.html#log\">Monster.Logging.Handler.ConsoleHandler &rtrif; log</a>"},{"title":"LogEntry","link":"<a href=\"Monster.Logging.LogEntry.html\">LogEntry</a>"},{"title":"Monster.Logging.LogEntry#getArguments","link":"<a href=\"Monster.Logging.LogEntry.html#getArguments\">Monster.Logging.LogEntry &rtrif; getArguments</a>"},{"title":"Monster.Logging.LogEntry#getLogLevel","link":"<a href=\"Monster.Logging.LogEntry.html#getLogLevel\">Monster.Logging.LogEntry &rtrif; getLogLevel</a>"},{"title":"Logger","link":"<a href=\"Monster.Logging.Logger.html\">Logger</a>"},{"title":"Monster.Logging.Logger#addHandler","link":"<a href=\"Monster.Logging.Logger.html#addHandler\">Monster.Logging.Logger &rtrif; addHandler</a>"},{"title":"Monster.Logging.Logger#getLabel","link":"<a href=\"Monster.Logging.Logger.html#getLabel\">Monster.Logging.Logger &rtrif; getLabel</a>"},{"title":"Monster.Logging.Logger#getLevel","link":"<a href=\"Monster.Logging.Logger.html#getLevel\">Monster.Logging.Logger &rtrif; getLevel</a>"},{"title":"Monster.Logging.Logger#logDebug","link":"<a href=\"Monster.Logging.Logger.html#logDebug\">Monster.Logging.Logger &rtrif; logDebug</a>"},{"title":"Monster.Logging.Logger#logError","link":"<a href=\"Monster.Logging.Logger.html#logError\">Monster.Logging.Logger &rtrif; logError</a>"},{"title":"Monster.Logging.Logger#logFatal","link":"<a href=\"Monster.Logging.Logger.html#logFatal\">Monster.Logging.Logger &rtrif; logFatal</a>"},{"title":"Monster.Logging.Logger#logInfo","link":"<a href=\"Monster.Logging.Logger.html#logInfo\">Monster.Logging.Logger &rtrif; logInfo</a>"},{"title":"Monster.Logging.Logger#logTrace","link":"<a href=\"Monster.Logging.Logger.html#logTrace\">Monster.Logging.Logger &rtrif; logTrace</a>"},{"title":"Monster.Logging.Logger#logWarn","link":"<a href=\"Monster.Logging.Logger.html#logWarn\">Monster.Logging.Logger &rtrif; logWarn</a>"},{"title":"Monster.Logging.Logger#removeHandler","link":"<a href=\"Monster.Logging.Logger.html#removeHandler\">Monster.Logging.Logger &rtrif; removeHandler</a>"},{"title":"Namespace","link":"<a href=\"Monster.Namespace.html\">Namespace</a>"},{"title":"Monster.Namespace#getNamespace","link":"<a href=\"Monster.Namespace.html#getNamespace\">Monster.Namespace &rtrif; getNamespace</a>"},{"title":"Monster.Namespace#toString","link":"<a href=\"Monster.Namespace.html#toString\">Monster.Namespace &rtrif; toString</a>"},{"title":"Formatter","link":"<a href=\"Monster.Text.Formatter.html\">Formatter</a>"},{"title":"Monster.Text.Formatter#format","link":"<a href=\"Monster.Text.Formatter.html#format\">Monster.Text.Formatter &rtrif; format</a>"},{"title":"Monster.Text.Formatter#setMarker","link":"<a href=\"Monster.Text.Formatter.html#setMarker\">Monster.Text.Formatter &rtrif; setMarker</a>"},{"title":"Monster.Text.Formatter#setParameterChars","link":"<a href=\"Monster.Text.Formatter.html#setParameterChars\">Monster.Text.Formatter &rtrif; setParameterChars</a>"},{"title":"Base","link":"<a href=\"Monster.Types.Base.html\">Base</a>"},{"title":"Monster.Types.Base#toString","link":"<a href=\"Monster.Types.Base.html#toString\">Monster.Types.Base &rtrif; toString</a>"},{"title":"BaseWithOptions","link":"<a href=\"Monster.Types.BaseWithOptions.html\">BaseWithOptions</a>"},{"title":"Monster.Types.BaseWithOptions#getOption","link":"<a href=\"Monster.Types.BaseWithOptions.html#getOption\">Monster.Types.BaseWithOptions &rtrif; getOption</a>"},{"title":"DataUrl","link":"<a href=\"Monster.Types.DataUrl.html\">DataUrl</a>"},{"title":"Monster.Types.DataUrl#toString","link":"<a href=\"Monster.Types.DataUrl.html#toString\">Monster.Types.DataUrl &rtrif; toString</a>"},{"title":"ID","link":"<a href=\"Monster.Types.ID.html\">ID</a>"},{"title":"Monster.Types.ID#toString","link":"<a href=\"Monster.Types.ID.html#toString\">Monster.Types.ID &rtrif; toString</a>"},{"title":"MediaType","link":"<a href=\"Monster.Types.MediaType.html\">MediaType</a>"},{"title":"Monster.Types.MediaType#toString","link":"<a href=\"Monster.Types.MediaType.html#toString\">Monster.Types.MediaType &rtrif; toString</a>"},{"title":"Observer","link":"<a href=\"Monster.Types.Observer.html\">Observer</a>"},{"title":"Monster.Types.Observer#addTag","link":"<a href=\"Monster.Types.Observer.html#addTag\">Monster.Types.Observer &rtrif; addTag</a>"},{"title":"Monster.Types.Observer#getTags","link":"<a href=\"Monster.Types.Observer.html#getTags\">Monster.Types.Observer &rtrif; getTags</a>"},{"title":"Monster.Types.Observer#hasTag","link":"<a href=\"Monster.Types.Observer.html#hasTag\">Monster.Types.Observer &rtrif; hasTag</a>"},{"title":"Monster.Types.Observer#removeTag","link":"<a href=\"Monster.Types.Observer.html#removeTag\">Monster.Types.Observer &rtrif; removeTag</a>"},{"title":"Monster.Types.Observer#update","link":"<a href=\"Monster.Types.Observer.html#update\">Monster.Types.Observer &rtrif; update</a>"},{"title":"ObserverList","link":"<a href=\"Monster.Types.ObserverList.html\">ObserverList</a>"},{"title":"Monster.Types.ObserverList#attach","link":"<a href=\"Monster.Types.ObserverList.html#attach\">Monster.Types.ObserverList &rtrif; attach</a>"},{"title":"Monster.Types.ObserverList#contains","link":"<a href=\"Monster.Types.ObserverList.html#contains\">Monster.Types.ObserverList &rtrif; contains</a>"},{"title":"Monster.Types.ObserverList#detach","link":"<a href=\"Monster.Types.ObserverList.html#detach\">Monster.Types.ObserverList &rtrif; detach</a>"},{"title":"Monster.Types.ObserverList#notify","link":"<a href=\"Monster.Types.ObserverList.html#notify\">Monster.Types.ObserverList &rtrif; notify</a>"},{"title":"ProxyObserver","link":"<a href=\"Monster.Types.ProxyObserver.html\">ProxyObserver</a>"},{"title":"Monster.Types.ProxyObserver#attachObserver","link":"<a href=\"Monster.Types.ProxyObserver.html#attachObserver\">Monster.Types.ProxyObserver &rtrif; attachObserver</a>"},{"title":"Monster.Types.ProxyObserver#containsObserver","link":"<a href=\"Monster.Types.ProxyObserver.html#containsObserver\">Monster.Types.ProxyObserver &rtrif; containsObserver</a>"},{"title":"Monster.Types.ProxyObserver#detachObserver","link":"<a href=\"Monster.Types.ProxyObserver.html#detachObserver\">Monster.Types.ProxyObserver &rtrif; detachObserver</a>"},{"title":"Monster.Types.ProxyObserver#getRealSubject","link":"<a href=\"Monster.Types.ProxyObserver.html#getRealSubject\">Monster.Types.ProxyObserver &rtrif; getRealSubject</a>"},{"title":"Monster.Types.ProxyObserver#getSubject","link":"<a href=\"Monster.Types.ProxyObserver.html#getSubject\">Monster.Types.ProxyObserver &rtrif; getSubject</a>"},{"title":"Monster.Types.ProxyObserver#notifyObservers","link":"<a href=\"Monster.Types.ProxyObserver.html#notifyObservers\">Monster.Types.ProxyObserver &rtrif; notifyObservers</a>"},{"title":"Monster.Types.ProxyObserver#setSubject","link":"<a href=\"Monster.Types.ProxyObserver.html#setSubject\">Monster.Types.ProxyObserver &rtrif; setSubject</a>"},{"title":"Queue","link":"<a href=\"Monster.Types.Queue.html\">Queue</a>"},{"title":"Monster.Types.Queue#add","link":"<a href=\"Monster.Types.Queue.html#add\">Monster.Types.Queue &rtrif; add</a>"},{"title":"Monster.Types.Queue#clear","link":"<a href=\"Monster.Types.Queue.html#clear\">Monster.Types.Queue &rtrif; clear</a>"},{"title":"Monster.Types.Queue#isEmpty","link":"<a href=\"Monster.Types.Queue.html#isEmpty\">Monster.Types.Queue &rtrif; isEmpty</a>"},{"title":"Monster.Types.Queue#peek","link":"<a href=\"Monster.Types.Queue.html#peek\">Monster.Types.Queue &rtrif; peek</a>"},{"title":"Monster.Types.Queue#poll","link":"<a href=\"Monster.Types.Queue.html#poll\">Monster.Types.Queue &rtrif; poll</a>"},{"title":"RandomID","link":"<a href=\"Monster.Types.RandomID.html\">RandomID</a>"},{"title":"Stack","link":"<a href=\"Monster.Types.Stack.html\">Stack</a>"},{"title":"Monster.Types.Stack#clear","link":"<a href=\"Monster.Types.Stack.html#clear\">Monster.Types.Stack &rtrif; clear</a>"},{"title":"Monster.Types.Stack#isEmpty","link":"<a href=\"Monster.Types.Stack.html#isEmpty\">Monster.Types.Stack &rtrif; isEmpty</a>"},{"title":"Monster.Types.Stack#peek","link":"<a href=\"Monster.Types.Stack.html#peek\">Monster.Types.Stack &rtrif; peek</a>"},{"title":"Monster.Types.Stack#pop","link":"<a href=\"Monster.Types.Stack.html#pop\">Monster.Types.Stack &rtrif; pop</a>"},{"title":"Monster.Types.Stack#push","link":"<a href=\"Monster.Types.Stack.html#push\">Monster.Types.Stack &rtrif; push</a>"},{"title":"TokenList","link":"<a href=\"Monster.Types.TokenList.html\">TokenList</a>"},{"title":"Monster.Types.TokenList#add","link":"<a href=\"Monster.Types.TokenList.html#add\">Monster.Types.TokenList &rtrif; add</a>"},{"title":"Monster.Types.TokenList#clear","link":"<a href=\"Monster.Types.TokenList.html#clear\">Monster.Types.TokenList &rtrif; clear</a>"},{"title":"Monster.Types.TokenList#contains","link":"<a href=\"Monster.Types.TokenList.html#contains\">Monster.Types.TokenList &rtrif; contains</a>"},{"title":"Monster.Types.TokenList#entries","link":"<a href=\"Monster.Types.TokenList.html#entries\">Monster.Types.TokenList &rtrif; entries</a>"},{"title":"Monster.Types.TokenList#forEach","link":"<a href=\"Monster.Types.TokenList.html#forEach\">Monster.Types.TokenList &rtrif; forEach</a>"},{"title":"Monster.Types.TokenList#getIterator","link":"<a href=\"Monster.Types.TokenList.html#getIterator\">Monster.Types.TokenList &rtrif; getIterator</a>"},{"title":"Monster.Types.TokenList#remove","link":"<a href=\"Monster.Types.TokenList.html#remove\">Monster.Types.TokenList &rtrif; remove</a>"},{"title":"Monster.Types.TokenList#replace","link":"<a href=\"Monster.Types.TokenList.html#replace\">Monster.Types.TokenList &rtrif; replace</a>"},{"title":"Monster.Types.TokenList#Symbol.iterator","link":"<a href=\"Monster.Types.TokenList.html#Symbol.iterator\">Monster.Types.TokenList &rtrif; Symbol.iterator</a>"},{"title":"Monster.Types.TokenList#toggle","link":"<a href=\"Monster.Types.TokenList.html#toggle\">Monster.Types.TokenList &rtrif; toggle</a>"},{"title":"Monster.Types.TokenList#toString","link":"<a href=\"Monster.Types.TokenList.html#toString\">Monster.Types.TokenList &rtrif; toString</a>"},{"title":"UniqueQueue","link":"<a href=\"Monster.Types.UniqueQueue.html\">UniqueQueue</a>"},{"title":"Monster.Types.UniqueQueue#add","link":"<a href=\"Monster.Types.UniqueQueue.html#add\">Monster.Types.UniqueQueue &rtrif; add</a>"},{"title":"Monster.Types.UniqueQueue#clear","link":"<a href=\"Monster.Types.UniqueQueue.html#clear\">Monster.Types.UniqueQueue &rtrif; clear</a>"},{"title":"Monster.Types.UniqueQueue#poll","link":"<a href=\"Monster.Types.UniqueQueue.html#poll\">Monster.Types.UniqueQueue &rtrif; poll</a>"},{"title":"Version","link":"<a href=\"Monster.Types.Version.html\">Version</a>"},{"title":"Monster.Types.Version#compareTo","link":"<a href=\"Monster.Types.Version.html#compareTo\">Monster.Types.Version &rtrif; compareTo</a>"},{"title":"Monster.Types.Version#toString","link":"<a href=\"Monster.Types.Version.html#toString\">Monster.Types.Version &rtrif; toString</a>"},{"title":"Comparator","link":"<a href=\"Monster.Util.Comparator.html\">Comparator</a>"},{"title":"Monster.Util.Comparator#compare","link":"<a href=\"Monster.Util.Comparator.html#compare\">Monster.Util.Comparator &rtrif; compare</a>"},{"title":"Monster.Util.Comparator#equal","link":"<a href=\"Monster.Util.Comparator.html#equal\">Monster.Util.Comparator &rtrif; equal</a>"},{"title":"Monster.Util.Comparator#greaterThan","link":"<a href=\"Monster.Util.Comparator.html#greaterThan\">Monster.Util.Comparator &rtrif; greaterThan</a>"},{"title":"Monster.Util.Comparator#greaterThanOrEqual","link":"<a href=\"Monster.Util.Comparator.html#greaterThanOrEqual\">Monster.Util.Comparator &rtrif; greaterThanOrEqual</a>"},{"title":"Monster.Util.Comparator#lessThan","link":"<a href=\"Monster.Util.Comparator.html#lessThan\">Monster.Util.Comparator &rtrif; lessThan</a>"},{"title":"Monster.Util.Comparator#lessThanOrEqual","link":"<a href=\"Monster.Util.Comparator.html#lessThanOrEqual\">Monster.Util.Comparator &rtrif; lessThanOrEqual</a>"},{"title":"Monster.Util.Comparator#reverse","link":"<a href=\"Monster.Util.Comparator.html#reverse\">Monster.Util.Comparator &rtrif; reverse</a>"},{"title":"Processing","link":"<a href=\"Monster.Util.Processing.html\">Processing</a>"},{"title":"Monster.Util.Processing#add","link":"<a href=\"Monster.Util.Processing.html#add\">Monster.Util.Processing &rtrif; add</a>"},{"title":"Monster.Util.Processing#run","link":"<a href=\"Monster.Util.Processing.html#run\">Monster.Util.Processing &rtrif; run</a>"},{"title":"HTMLElement","link":"<a href=\"external-HTMLElement.html\">HTMLElement</a>"},{"title":"Monster","link":"<a href=\"global.html#Monster\">Monster</a>"},{"title":"Monster.assignToNamespace","link":"<a href=\"global.html#Monster#.assignToNamespace\">Monster.assignToNamespace &rtrif; undefined</a>"},{"title":"Monster.getVersion","link":"<a href=\"global.html#Monster#.getVersion\">Monster.getVersion &rtrif; undefined</a>"},{"title":"Constraints","link":"<a href=\"Monster.Constraints.html\">Constraints</a>"},{"title":"Data","link":"<a href=\"Monster.Data.html\">Data</a>"},{"title":"Monster.Data.buildMap","link":"<a href=\"Monster.Data.html#.buildMap\">Monster.Data.buildMap &rtrif; undefined</a>"},{"title":"Monster.Data.diff","link":"<a href=\"Monster.Data.html#.diff\">Monster.Data.diff &rtrif; undefined</a>"},{"title":"Monster.Data.extend","link":"<a href=\"Monster.Data.html#.extend\">Monster.Data.extend &rtrif; undefined</a>"},{"title":"DOM","link":"<a href=\"Monster.DOM.html\">DOM</a>"},{"title":"Monster.DOM.addAttributeToken","link":"<a href=\"Monster.DOM.html#.addAttributeToken\">Monster.DOM.addAttributeToken &rtrif; undefined</a>"},{"title":"Monster.DOM.addToObjectLink","link":"<a href=\"Monster.DOM.html#.addToObjectLink\">Monster.DOM.addToObjectLink &rtrif; undefined</a>"},{"title":"Monster.DOM.assignUpdaterToElement","link":"<a href=\"Monster.DOM.html#.assignUpdaterToElement\">Monster.DOM.assignUpdaterToElement &rtrif; undefined</a>"},{"title":"Monster.DOM.clearAttributeTokens","link":"<a href=\"Monster.DOM.html#.clearAttributeTokens\">Monster.DOM.clearAttributeTokens &rtrif; undefined</a>"},{"title":"Monster.DOM.containsAttributeToken","link":"<a href=\"Monster.DOM.html#.containsAttributeToken\">Monster.DOM.containsAttributeToken &rtrif; undefined</a>"},{"title":"Monster.DOM.findClosestByAttribute","link":"<a href=\"Monster.DOM.html#.findClosestByAttribute\">Monster.DOM.findClosestByAttribute &rtrif; undefined</a>"},{"title":"Monster.DOM.findClosestObjectLink","link":"<a href=\"Monster.DOM.html#.findClosestObjectLink\">Monster.DOM.findClosestObjectLink &rtrif; undefined</a>"},{"title":"Monster.DOM.findDocumentTemplate","link":"<a href=\"Monster.DOM.html#.findDocumentTemplate\">Monster.DOM.findDocumentTemplate &rtrif; undefined</a>"},{"title":"Monster.DOM.findTargetElementFromEvent","link":"<a href=\"Monster.DOM.html#.findTargetElementFromEvent\">Monster.DOM.findTargetElementFromEvent &rtrif; undefined</a>"},{"title":"Monster.DOM.fireEvent","link":"<a href=\"Monster.DOM.html#.fireEvent\">Monster.DOM.fireEvent &rtrif; undefined</a>"},{"title":"Monster.DOM.getDocument","link":"<a href=\"Monster.DOM.html#.getDocument\">Monster.DOM.getDocument &rtrif; undefined</a>"},{"title":"Monster.DOM.getDocumentFragmentFromString","link":"<a href=\"Monster.DOM.html#.getDocumentFragmentFromString\">Monster.DOM.getDocumentFragmentFromString &rtrif; undefined</a>"},{"title":"Monster.DOM.getDocumentTheme","link":"<a href=\"Monster.DOM.html#.getDocumentTheme\">Monster.DOM.getDocumentTheme &rtrif; undefined</a>"},{"title":"Monster.DOM.getLinkedObjects","link":"<a href=\"Monster.DOM.html#.getLinkedObjects\">Monster.DOM.getLinkedObjects &rtrif; undefined</a>"},{"title":"Monster.DOM.getLocaleOfDocument","link":"<a href=\"Monster.DOM.html#.getLocaleOfDocument\">Monster.DOM.getLocaleOfDocument &rtrif; undefined</a>"},{"title":"Monster.DOM.getWindow","link":"<a href=\"Monster.DOM.html#.getWindow\">Monster.DOM.getWindow &rtrif; undefined</a>"},{"title":"Monster.DOM.hasObjectLink","link":"<a href=\"Monster.DOM.html#.hasObjectLink\">Monster.DOM.hasObjectLink &rtrif; undefined</a>"},{"title":"Monster.DOM.registerCustomElement","link":"<a href=\"Monster.DOM.html#.registerCustomElement\">Monster.DOM.registerCustomElement &rtrif; undefined</a>"},{"title":"Monster.DOM.removeAttributeToken","link":"<a href=\"Monster.DOM.html#.removeAttributeToken\">Monster.DOM.removeAttributeToken &rtrif; undefined</a>"},{"title":"Monster.DOM.removeObjectLink","link":"<a href=\"Monster.DOM.html#.removeObjectLink\">Monster.DOM.removeObjectLink &rtrif; undefined</a>"},{"title":"Monster.DOM.replaceAttributeToken","link":"<a href=\"Monster.DOM.html#.replaceAttributeToken\">Monster.DOM.replaceAttributeToken &rtrif; undefined</a>"},{"title":"Monster.DOM.toggleAttributeToken","link":"<a href=\"Monster.DOM.html#.toggleAttributeToken\">Monster.DOM.toggleAttributeToken &rtrif; undefined</a>"},{"title":"I18n","link":"<a href=\"Monster.I18n.html\">I18n</a>"},{"title":"Monster.I18n.parseLocale","link":"<a href=\"Monster.I18n.html#.parseLocale\">Monster.I18n.parseLocale &rtrif; undefined</a>"},{"title":"Providers","link":"<a href=\"Monster.I18n.Providers.html\">Providers</a>"},{"title":"Logging","link":"<a href=\"Monster.Logging.html\">Logging</a>"},{"title":"Math","link":"<a href=\"Monster.Math.html\">Math</a>"},{"title":"Monster.Math.random","link":"<a href=\"Monster.Math.html#.random\">Monster.Math.random &rtrif; undefined</a>"},{"title":"Text","link":"<a href=\"Monster.Text.html\">Text</a>"},{"title":"Types","link":"<a href=\"Monster.Types.html\">Types</a>"},{"title":"Monster.Types.fromBinary","link":"<a href=\"Monster.Types.html#.fromBinary\">Monster.Types.fromBinary &rtrif; undefined</a>"},{"title":"Monster.Types.getGlobal","link":"<a href=\"Monster.Types.html#.getGlobal\">Monster.Types.getGlobal &rtrif; undefined</a>"},{"title":"Monster.Types.getGlobalFunction","link":"<a href=\"Monster.Types.html#.getGlobalFunction\">Monster.Types.getGlobalFunction &rtrif; undefined</a>"},{"title":"Monster.Types.getGlobalObject","link":"<a href=\"Monster.Types.html#.getGlobalObject\">Monster.Types.getGlobalObject &rtrif; undefined</a>"},{"title":"Monster.Types.isArray","link":"<a href=\"Monster.Types.html#.isArray\">Monster.Types.isArray &rtrif; undefined</a>"},{"title":"Monster.Types.isBoolean","link":"<a href=\"Monster.Types.html#.isBoolean\">Monster.Types.isBoolean &rtrif; undefined</a>"},{"title":"Monster.Types.isFunction","link":"<a href=\"Monster.Types.html#.isFunction\">Monster.Types.isFunction &rtrif; undefined</a>"},{"title":"Monster.Types.isInstance","link":"<a href=\"Monster.Types.html#.isInstance\">Monster.Types.isInstance &rtrif; undefined</a>"},{"title":"Monster.Types.isInteger","link":"<a href=\"Monster.Types.html#.isInteger\">Monster.Types.isInteger &rtrif; undefined</a>"},{"title":"Monster.Types.isIterable","link":"<a href=\"Monster.Types.html#.isIterable\">Monster.Types.isIterable &rtrif; undefined</a>"},{"title":"Monster.Types.isObject","link":"<a href=\"Monster.Types.html#.isObject\">Monster.Types.isObject &rtrif; undefined</a>"},{"title":"Monster.Types.isPrimitive","link":"<a href=\"Monster.Types.html#.isPrimitive\">Monster.Types.isPrimitive &rtrif; undefined</a>"},{"title":"Monster.Types.isString","link":"<a href=\"Monster.Types.html#.isString\">Monster.Types.isString &rtrif; undefined</a>"},{"title":"Monster.Types.isSymbol","link":"<a href=\"Monster.Types.html#.isSymbol\">Monster.Types.isSymbol &rtrif; undefined</a>"},{"title":"Monster.Types.parseDataURL","link":"<a href=\"Monster.Types.html#.parseDataURL\">Monster.Types.parseDataURL &rtrif; undefined</a>"},{"title":"Monster.Types.parseMediaType","link":"<a href=\"Monster.Types.html#.parseMediaType\">Monster.Types.parseMediaType &rtrif; undefined</a>"},{"title":"Monster.Types.toBinary","link":"<a href=\"Monster.Types.html#.toBinary\">Monster.Types.toBinary &rtrif; undefined</a>"},{"title":"Monster.Types.typeOf","link":"<a href=\"Monster.Types.html#.typeOf\">Monster.Types.typeOf &rtrif; undefined</a>"},{"title":"Monster.Types.validateArray","link":"<a href=\"Monster.Types.html#.validateArray\">Monster.Types.validateArray &rtrif; undefined</a>"},{"title":"Monster.Types.validateBoolean","link":"<a href=\"Monster.Types.html#.validateBoolean\">Monster.Types.validateBoolean &rtrif; undefined</a>"},{"title":"Monster.Types.validateFunction","link":"<a href=\"Monster.Types.html#.validateFunction\">Monster.Types.validateFunction &rtrif; undefined</a>"},{"title":"Monster.Types.validateInstance","link":"<a href=\"Monster.Types.html#.validateInstance\">Monster.Types.validateInstance &rtrif; undefined</a>"},{"title":"Monster.Types.validateInteger","link":"<a href=\"Monster.Types.html#.validateInteger\">Monster.Types.validateInteger &rtrif; undefined</a>"},{"title":"Monster.Types.validateIterable","link":"<a href=\"Monster.Types.html#.validateIterable\">Monster.Types.validateIterable &rtrif; undefined</a>"},{"title":"Monster.Types.validateObject","link":"<a href=\"Monster.Types.html#.validateObject\">Monster.Types.validateObject &rtrif; undefined</a>"},{"title":"Monster.Types.validatePrimitive","link":"<a href=\"Monster.Types.html#.validatePrimitive\">Monster.Types.validatePrimitive &rtrif; undefined</a>"},{"title":"Monster.Types.validateString","link":"<a href=\"Monster.Types.html#.validateString\">Monster.Types.validateString &rtrif; undefined</a>"},{"title":"Monster.Types.validateSymbol","link":"<a href=\"Monster.Types.html#.validateSymbol\">Monster.Types.validateSymbol &rtrif; undefined</a>"},{"title":"Util","link":"<a href=\"Monster.Util.html\">Util</a>"},{"title":"Monster.Util.clone","link":"<a href=\"Monster.Util.html#.clone\">Monster.Util.clone &rtrif; undefined</a>"},{"title":"Monster.Util.deepFreeze","link":"<a href=\"Monster.Util.html#.deepFreeze\">Monster.Util.deepFreeze &rtrif; undefined</a>"},{"title":"Monster.Util.trimSpaces","link":"<a href=\"Monster.Util.html#.trimSpaces\">Monster.Util.trimSpaces &rtrif; undefined</a>"}];
        var options = true
          setupSearch(list, options)
      </script>
    

        

    
      <script src="scripts/resize.js"></script>
      <script type="text/javascript">
        var option = {"min":"300","max":"600"}
        setupResizeOptions(option)
      </script>
    

    

    
    <script type="text/javascript">
    var option = JSON.parse('{"options":{}}')
      document.addEventListener("DOMContentLoaded", function () {
        OverlayScrollbars(document.querySelectorAll('body'), option.option || {});
      });
    </script>
    


  </body>

</html>