Skip to content
Snippets Groups Projects
Select Git revision
  • 486a6bf5c5d21fc0b2b3a5f6a4edbfa75c4e1c8c
  • master default protected
  • 1.31
  • 4.25.3
  • 4.25.2
  • 4.25.1
  • 4.25.0
  • 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
23 results

deadmansswitch.mjs

Blame
  • Monster_DOM.CustomControl.html 64.74 KiB
    <!DOCTYPE html>
    <html lang="en">
    
      <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
        <!-- 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>
        
        
    
        <!-- Adding external style-->
        
        
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" integrity="sha256-djO3wMl9GeaC/u6K+ic4Uj/LKhRUSlUFcsruzS7v5ms=" crossorigin="anonymous" />
        
        
    
        <!-- 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>
          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="sidebar-main-content" id="sidebar-main-content"><ul><li class="menu-li"><a href='https://www.schukai.com/' class=' menu-link' id='' target='_blank'>schukai GmbH</a></li><li class="menu-li"><a href='https://www.npmjs.com/package/@schukai/monster' class=' menu-link' id='' target='_blank'>NPM</a></li></ul><div class="accordion collapsed" id="1738012" > <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-tutorial.html">Monster - Build fantastic websites!</a></li></ul> </div><div class="accordion collapsed" id="4192062" > <h3 class="accordion-heading">Classes<svg><use xlink:href="#down-icon"></use></svg></h3><ul class="accordion-content"><li class="accordion collapsed child" id=6322628><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=9155333><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=1396919><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=5684273><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=5754916><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=867413><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=8972672><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=443047><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=4951219><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=9381236><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=5711941><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=1127606><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=6331237><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#attributeChangedCallback">attributeChangedCallback</a></li><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=6584529><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#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#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#initMethodSymbol">initMethodSymbol</a></li><li data-type='method'><a href="Monster_DOM.CustomElement.html#setOption">setOption</a></li></ul></li><li class="accordion collapsed child" id=2425341><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=9043620><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=5812784><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=7464152><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=637932><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=5343611><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=1192215><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=6543858><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=4567926><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=9869662><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-list" id=""><a href="Monster_Logging_Handler.ConsoleHandler.html">ConsoleHandler</a></li><li class="accordion collapsed child" id=6028088><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></ul></li><li class="accordion collapsed child" id=8070815><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=4132420><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=6499421><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=6238208><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=9319551><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=7863118><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></ul></li><li class="accordion collapsed child" id=9087906><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=3673229><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=7397584><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=2965988><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=8497767><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=4848953><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#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></ul> </div><div class="accordion collapsed" id="3181014" > <h3 class="accordion-heading">Namespaces<svg><use xlink:href="#down-icon"></use></svg></h3><ul class="accordion-content"><li class="accordion collapsed child" id=7325433><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">Monster/Constraints</a></li><li class="accordion collapsed child" id=7705849><div class="accordion-heading child"><a href="Monster_Data.html">Monster/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#.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=8519111><div class="accordion-heading child"><a href="Monster_DOM.html">Monster/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#.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#.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#.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=6602046><div class="accordion-heading child"><a href="Monster_I18n.html">Monster/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">Monster/I18n/Providers</a></li><li class="accordion-list" id=""><a href="Monster_Logging.html">Monster/Logging</a></li><li class="accordion-list" id=""><a href="Monster_Logging_Handler.html">Monster/Logging/Handler</a></li><li class="accordion collapsed child" id=8109494><div class="accordion-heading child"><a href="Monster_Math.html">Monster/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">Monster/Text</a></li><li class="accordion collapsed child" id=1799844><div class="accordion-heading child"><a href="Monster_Types.html">Monster/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#.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#.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=4966910><div class="accordion-heading child"><a href="Monster_Util.html">Monster/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></ul></li></ul> </div><div class="accordion collapsed" id="5222804" > <h3 class="accordion-heading">Global<svg><use xlink:href="#down-icon"></use></svg></h3><ul class="accordion-content"><li class="accordion-list" id=""><a href="global.html#assembleMethodSymbol">assembleMethodSymbol</a></li><li class="accordion-list" id=""><a href="global.html#buildMap">buildMap</a></li><li class="accordion-list" id=""><a href="global.html#DEFAULT_LANGUAGE">DEFAULT_LANGUAGE</a></li><li class="accordion-list" id=""><a href="global.html#findClosestByAttribute">findClosestByAttribute</a></li><li class="accordion-list" id=""><a href="global.html#getDocumentTheme">getDocumentTheme</a></li><li class="accordion-list" id=""><a href="global.html#initMethodSymbol">initMethodSymbol</a></li><li class="accordion-list" id=""><a href="global.html#localeStringSymbol">localeStringSymbol</a></li><li class="accordion-list" id=""><a href="global.html#propertiesSymbol">propertiesSymbol</a></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">
            CustomControl
          </h1>
          
    
          
    
    
    
    
    <section>
    
    
    <header>
        
            
            <h2>
            
                <span class="ancestors"><a href="Monster_DOM.html">Monster/DOM</a>.</span>
            
            CustomControl
            
            </h2>
            
            
                <div class="class-description"><p>To define a new HTML control we need the power of CustomElement</p>
    <p>IMPORTANT: after defining a <code>CustomElement</code>, the <code>registerCustomElement</code> method must be called
    with the new class name. only then will the tag defined via the <code>getTag</code> method be made known to the DOM.</p>
    <p>This control uses <code>attachInternals()</code> to integrate the control into a form.
    If the target environment does not support this method, the <a href="https://www.npmjs.com/package/element-internals-polyfill">polyfill</a> can be used.</p>
    <p>You can create the object via the monster namespace <code>new Monster.DOM.CustomControl()</code>.</p>
    <pre class="prettyprint source"><code>&lt;script type=&quot;module&quot;>
    import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/customcontrol.js';
    console.log(new Monster.DOM.CustomControl())
    &lt;/script>
    </code></pre>
    <p>Alternatively, you can also integrate this function individually.</p>
    <pre class="prettyprint source"><code>&lt;script type=&quot;module&quot;>
    import {CustomControl} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/customcontrol.js';
    console.log(new CustomControl())
    &lt;/script>
    </code></pre></div>
            
        
    </header>
    
    
    <article>
        <div class="container-overview">
        
            
    
        
            <h2>Constructor</h2>
        
    
        <h4 class="name" id="CustomControl">
            <a href="#CustomControl">#</a>
            <span class="type-signature"></span>new CustomControl<span class="signature">()</span><span class="type-signature"></span>
        </h4>
    
        
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    <dl class="details">
    
        
    
        
            <div class="details-item-container">
                <dt class="tag-since">Since:</dt>
                <dd class="tag-since"><ul class="dummy"><li>1.14.0</li></ul></dd>
            </div>
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
            <div class="details-item-container">
                <dt class="tag-copyright">Copyright:</dt>
                <dd class="tag-copyright"><ul class="dummy"><li>schukai GmbH</li></ul></dd>
            </div>
        
    
        
    
        
    
        
    
        
    
        
            <div class="details-item-container">
                <dt class="tag-see">See:</dt>
                <dd class="tag-see">
                    <ul>
                        <li><a href="https://www.npmjs.com/package/element-internals-polyfill">https://www.npmjs.com/package/element-internals-polyfill</a></li>
                    
                        <li><a href="https://github.com/WICG/webcomponents">https://github.com/WICG/webcomponents</a></li>
                    
                        <li><a href="https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements">https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements</a></li>
                    </ul>
                </dd>
            </div>
        
    
        
    </dl>
    
    
    
    
    
    
    
    
    
    
    
    
    
        <div class="method-member-container mt-20">
        <strong>Throws:</strong>
        
            
    
    <dl>
        <dt>
            <div class="param-desc">
            <p>the ElementInternals is not supported and a polyfill is necessary</p>
            </div>
        </dt>
        <dd></dd>
        <dt>
            <dl>
                <dt>
                    Type
                </dt>
                <dd>
                    
    <span class="param-type">Error</span>
    
    
                </dd>
            </dl>
        </dt>
        <dd></dd>
    </dl>
    
    
        
        </div>
    
    
    
    
    
    
        
        </div>
    
        
    
        
    
        
    
         
    
        
    
        
            <h3 class="subsection-title">Members</h3>
    
            
                
    <h4 class="name" id=".formAssociated">
        <a href="#.formAssociated">#</a>
        <span class="type-signature">(static) </span>formAssociated<span class="type-signature"></span>
    </h4>
    
    
    
    
    
    
    
    
    
    
    
    
    <dl class="details">
    
        
    
        
            <div class="details-item-container">
                <dt class="tag-since">Since:</dt>
                <dd class="tag-since"><ul class="dummy"><li>1.14.0</li></ul></dd>
            </div>
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
            <div class="details-item-container">
                <dt class="tag-see">See:</dt>
                <dd class="tag-see">
                    <ul>
                        <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals">https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals</a></li>
                    </ul>
                </dd>
            </div>
        
    
        
    </dl>
    
    
    
    
    
    
    
    
            
                
    <h4 class="name" id=".observedAttributes">
        <a href="#.observedAttributes">#</a>
        <span class="type-signature">(static) </span>observedAttributes<span class="type-signature"></span>
    </h4>
    
    
    
    
    <div class="description">
        <p>This method determines which attributes are to be monitored by <code>attributeChangedCallback()</code>.</p>
    </div>
    
    
    
    
    
    
    
    
    
    <dl class="details">
    
        
    
        
            <div class="details-item-container">
                <dt class="tag-since">Since:</dt>
                <dd class="tag-since"><ul class="dummy"><li>1.14.0</li></ul></dd>
            </div>
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    </dl>
    
    
    
    
    
    
    
    
            
                
    <h4 class="name" id="defaults">
        <a href="#defaults">#</a>
        <span class="type-signature"></span>defaults<span class="type-signature"></span>
    </h4>
    
    
    
    
    <div class="description">
        <table>
    <thead>
    <tr>
    <th>option</th>
    <th>description</th>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td>formAssociated</td>
    <td>Adding a static formAssociated property, with a true value, makes an autonomous custom element a form-associated custom element.</td>
    </tr>
    </tbody>
    </table>
    <p>Derived classes can override and extend this method as follows.</p>
    <pre class="prettyprint source"><code>get defaults() {
       return Object.assign({}, super.defaults, {
           myValue:true
       });
    }
    </code></pre>
    </div>
    
    
    
    
    
    
    
    
    
    <dl class="details">
    
        
    
        
            <div class="details-item-container">
                <dt class="tag-since">Since:</dt>
                <dd class="tag-since"><ul class="dummy"><li>1.14.0</li></ul></dd>
            </div>
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
            <div class="details-item-container">
                <dt class="tag-see">See:</dt>
                <dd class="tag-see">
                    <ul>
                        <li><a href="https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements-face-example">https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements-face-example</a></li>
                    
                        <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals">https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals</a></li>
                    </ul>
                </dd>
            </div>
        
    
        
    </dl>
    
    
    
    
    
    
    
    
            
                
    <h4 class="name" id="form">
        <a href="#form">#</a>
        <span class="type-signature"></span>form<span class="type-signature"></span>
    </h4>
    
    
    
    
    <div class="description">
        <p>This is a method of <a href="https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals">internal api</a></p>
    </div>
    
    
    
    
    
    
    
    
    
    <dl class="details">
    
        
    
        
            <div class="details-item-container">
                <dt class="tag-since">Since:</dt>
                <dd class="tag-since"><ul class="dummy"><li>1.14.0</li></ul></dd>
            </div>
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
            <div class="details-item-container">
                <dt class="tag-see">See:</dt>
                <dd class="tag-see">
                    <ul>
                        <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/form">https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/form</a></li>
                    </ul>
                </dd>
            </div>
        
    
        
    </dl>
    
    
    
    
    
    
    
    
            
                
    <h4 class="name" id="labels">
        <a href="#labels">#</a>
        <span class="type-signature"></span>labels<span class="type-signature"></span>
    </h4>
    
    
    
    
    <div class="description">
        <p>This is a method of <a href="https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals">internal api</a></p>
    </div>
    
    
    
    
    
    
    
    
    
    <dl class="details">
    
        
    
        
            <div class="details-item-container">
                <dt class="tag-since">Since:</dt>
                <dd class="tag-since"><ul class="dummy"><li>1.14.0</li></ul></dd>
            </div>
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
            <div class="details-item-container">
                <dt class="tag-see">See:</dt>
                <dd class="tag-see">
                    <ul>
                        <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/labels">https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/labels</a></li>
                    </ul>
                </dd>
            </div>
        
    
        
    </dl>
    
    
    
    
    
    
    
    
            
                
    <h4 class="name" id="name">
        <a href="#name">#</a>
        <span class="type-signature"></span>name<span class="type-signature"></span>
    </h4>
    
    
    
    
    <div class="description">
        <p>This is a method of <a href="https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals">internal api</a></p>
    </div>
    
    
    
    
    
    
    
    
    
    <dl class="details">
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    </dl>
    
    
    
    
    
    
    
    
            
                
    <h4 class="name" id="states">
        <a href="#states">#</a>
        <span class="type-signature"></span>states<span class="type-signature"></span>
    </h4>
    
    
    
    
    <div class="description">
        <p>This is a method of <a href="https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals">internal api</a></p>
    </div>
    
    
    
    
    
    
    
    
    
    <dl class="details">
    
        
    
        
            <div class="details-item-container">
                <dt class="tag-since">Since:</dt>
                <dd class="tag-since"><ul class="dummy"><li>1.14.0</li></ul></dd>
            </div>
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
            <div class="details-item-container">
                <dt class="tag-see">See:</dt>
                <dd class="tag-see">
                    <ul>
                        <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/states">https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/states</a></li>
                    </ul>
                </dd>
            </div>
        
    
        
    </dl>
    
    
    
    
    
    
    
    
            
                
    <h4 class="name" id="type">
        <a href="#type">#</a>
        <span class="type-signature"></span>type<span class="type-signature"></span>
    </h4>
    
    
    
    
    <div class="description">
        <p>This is a method of <a href="https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals">internal api</a></p>
    </div>
    
    
    
    
    
    
    
    
    
    <dl class="details">
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    </dl>
    
    
    
    
    
    
    
    
            
                
    <h4 class="name" id="validationMessage">
        <a href="#validationMessage">#</a>
        <span class="type-signature"></span>validationMessage<span class="type-signature"></span>
    </h4>
    
    
    
    
    <div class="description">
        <p>This is a method of <a href="https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals">internal api</a></p>
    </div>
    
    
    
    
    
    
    
    
    
    <dl class="details">
    
        
    
        
            <div class="details-item-container">
                <dt class="tag-since">Since:</dt>
                <dd class="tag-since"><ul class="dummy"><li>1.14.0</li></ul></dd>
            </div>
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
            <div class="details-item-container">
                <dt class="tag-see">See:</dt>
                <dd class="tag-see">
                    <ul>
                        <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/validationMessage">https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/validationMessage</a></li>
                    </ul>
                </dd>
            </div>
        
    
        
    </dl>
    
    
    
    
    
    
    
    
            
                
    <h4 class="name" id="validity">
        <a href="#validity">#</a>
        <span class="type-signature"></span>validity<span class="type-signature"></span>
    </h4>
    
    
    
    
    <div class="description">
        <p>This is a method of <a href="https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals">internal api</a></p>
    </div>
    
    
    
    
    
    
    
    
    
    <dl class="details">
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
            <div class="details-item-container">
                <dt class="tag-see">See:</dt>
                <dd class="tag-see">
                    <ul>
                        <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/ValidityState">https://developer.mozilla.org/en-US/docs/Web/API/ValidityState</a></li>
                    
                        <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/validity">https://developer.mozilla.org/en-US/docs/Web/API/validity</a></li>
                    </ul>
                </dd>
            </div>
        
    
        
    </dl>
    
    
    
    
    
    
    
    
            
                
    <h4 class="name" id="value">
        <a href="#value">#</a>
        <span class="type-signature"></span>value<span class="type-signature"></span>
    </h4>
    
    
    
    
    <div class="description">
        <p>Must be overridden by a derived class and return the value of the control.</p>
    <p>This is a method of <a href="https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals">internal api</a></p>
    </div>
    
    
    
    
    
    
    
    
    
    <dl class="details">
    
        
    
        
            <div class="details-item-container">
                <dt class="tag-since">Since:</dt>
                <dd class="tag-since"><ul class="dummy"><li>1.14.0</li></ul></dd>
            </div>
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    </dl>
    
    
    
    
    
    
    
    
            
                
    <h4 class="name" id="value">
        <a href="#value">#</a>
        <span class="type-signature"></span>value<span class="type-signature"></span>
    </h4>
    
    
    
    
    <div class="description">
        <p>Must be overridden by a derived class and return the value of the control.</p>
    <p>This is a method of <a href="https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals">internal api</a></p>
    </div>
    
    
    
    
    
    
    
    
    
    <dl class="details">
    
        
    
        
            <div class="details-item-container">
                <dt class="tag-since">Since:</dt>
                <dd class="tag-since"><ul class="dummy"><li>1.14.0</li></ul></dd>
            </div>
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    </dl>
    
    
    
    
    
    
    
    
            
                
    <h4 class="name" id="willValidate">
        <a href="#willValidate">#</a>
        <span class="type-signature"></span>willValidate<span class="type-signature"></span>
    </h4>
    
    
    
    
    <div class="description">
        <p>This is a method of <a href="https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals">internal api</a></p>
    </div>
    
    
    
    
    
    
    
    
    
    <dl class="details">
    
        
    
        
            <div class="details-item-container">
                <dt class="tag-since">Since:</dt>
                <dd class="tag-since"><ul class="dummy"><li>1.14.0</li></ul></dd>
            </div>
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
            <div class="details-item-container">
                <dt class="tag-see">See:</dt>
                <dd class="tag-see">
                    <ul>
                        <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/willValidate">https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/willValidate</a></li>
                    </ul>
                </dd>
            </div>
        
    
        
    </dl>
    
    
    
    
    
    
    
    
            
        
    
        
            <h3 class="subsection-title">Methods</h3>
    
            
                
    
        
    
        <h4 class="name" id="attributeChangedCallback">
            <a href="#attributeChangedCallback">#</a>
            <span class="type-signature"></span>attributeChangedCallback<span class="signature">(name, oldValue, newValue)</span><span class="type-signature"></span>
        </h4>
    
        
    
    
    
        <div class="description">
            <p>This method can be implemented in a derived class. The attributes must be defined in <code>observedAttributes()</code>.</p>
        </div>
    
    
    
    
    
    
    
    
    
        <div class="method-member-container flex flex-col w-100 overflow-auto mt-20">
            <strong>Parameters:</strong>
            
    
    <table class="params">
        <thead>
        <tr>
            
            <th>Name</th>
            
    
            <th>Type</th>
    
            
    
            
    
            <th class="last">Description</th>
        </tr>
        </thead>
    
        <tbody>
        
    
            <tr>
                
                    <td class="name"><code>name</code></td>
                
    
                <td class="type">
                
                    
    <span class="param-type">string</span>
    
    
                
                </td>
    
                
    
                
    
                <td class="description last"></td>
            </tr>
    
        
    
            <tr>
                
                    <td class="name"><code>oldValue</code></td>
                
    
                <td class="type">
                
                    
    <span class="param-type">string</span>
    
    
                
                </td>
    
                
    
                
    
                <td class="description last"></td>
            </tr>
    
        
    
            <tr>
                
                    <td class="name"><code>newValue</code></td>
                
    
                <td class="type">
                
                    
    <span class="param-type">string</span>
    
    
                
                </td>
    
                
    
                
    
                <td class="description last"></td>
            </tr>
    
        
        </tbody>
    </table>
    
        </div>
    
    
    
    
    
    
    
    <dl class="details">
    
        
    
        
            <div class="details-item-container">
                <dt class="tag-since">Since:</dt>
                <dd class="tag-since"><ul class="dummy"><li>1.14.0</li></ul></dd>
            </div>
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    </dl>
    
    
    
    
    
    
    
    
    
    
    
    
    
        <div class="method-member-container mt-20">
        <strong>Throws:</strong>
        
            
    
    <dl>
        <dt>
            <div class="param-desc">
            <p>attributes but no handles have been defined</p>
            </div>
        </dt>
        <dd></dd>
        <dt>
            <dl>
                <dt>
                    Type
                </dt>
                <dd>
                    
    <span class="param-type">Error</span>
    
    
                </dd>
            </dl>
        </dt>
        <dd></dd>
    </dl>
    
    
        
        </div>
    
    
    
    
    
    
            
                
    
        
    
        <h4 class="name" id="checkValidity">
            <a href="#checkValidity">#</a>
            <span class="type-signature"></span>checkValidity<span class="signature">()</span><span class="type-signature"> &rarr; {boolean}</span>
        </h4>
    
        
    
    
    
        <div class="description">
            <p>This is a method of <a href="https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals">internal api</a></p>
        </div>
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    <dl class="details">
    
        
    
        
            <div class="details-item-container">
                <dt class="tag-since">Since:</dt>
                <dd class="tag-since"><ul class="dummy"><li>1.14.0</li></ul></dd>
            </div>
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
            <div class="details-item-container">
                <dt class="tag-see">See:</dt>
                <dd class="tag-see">
                    <ul>
                        <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/checkValidity">https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/checkValidity</a></li>
                    </ul>
                </dd>
            </div>
        
    
        
    </dl>
    
    
    
    
    
    
    
    
    
    
    
    
    
        <div class="method-member-container mt-20">
        <strong>Throws:</strong>
        
            <ul>
                
                    <li>
    
    <dl>
        <dt>
            <div class="param-desc">
            <p>NotSupportedError</p>
            </div>
        </dt>
        <dd></dd>
        <dt>
            <dl>
                <dt>
                    Type
                </dt>
                <dd>
                    
    <span class="param-type">DOMException</span>
    
    
                </dd>
            </dl>
        </dt>
        <dd></dd>
    </dl>
    
    </li>
                
                    <li>
    
    <dl>
        <dt>
            <div class="param-desc">
            <p>the ElementInternals is not supported and a polyfill is necessary</p>
            </div>
        </dt>
        <dd></dd>
        <dt>
            <dl>
                <dt>
                    Type
                </dt>
                <dd>
                    
    <span class="param-type">Error</span>
    
    
                </dd>
            </dl>
        </dt>
        <dd></dd>
    </dl>
    
    </li>
                
            </ul>
        
        </div>
    
    
    
        <div class="method-member-container mt-20">
        <strong>Returns:</strong>
            
                
    
    
    <dl class="param-type">
        <dt>
            Type
        </dt>
        <dd>
            
    <span class="param-type">boolean</span>
    
    
        </dd>
    </dl>
    
                
        </div>
    
    
    
    
            
                
    
        
    
        <h4 class="name" id="reportValidity">
            <a href="#reportValidity">#</a>
            <span class="type-signature"></span>reportValidity<span class="signature">()</span><span class="type-signature"> &rarr; {boolean}</span>
        </h4>
    
        
    
    
    
        <div class="description">
            <p>This is a method of <a href="https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals">internal api</a></p>
        </div>
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    <dl class="details">
    
        
    
        
            <div class="details-item-container">
                <dt class="tag-since">Since:</dt>
                <dd class="tag-since"><ul class="dummy"><li>1.14.0</li></ul></dd>
            </div>
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
            <div class="details-item-container">
                <dt class="tag-see">See:</dt>
                <dd class="tag-see">
                    <ul>
                        <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/reportValidity">https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/reportValidity</a></li>
                    </ul>
                </dd>
            </div>
        
    
        
    </dl>
    
    
    
    
    
    
    
    
    
    
    
    
    
        <div class="method-member-container mt-20">
        <strong>Throws:</strong>
        
            <ul>
                
                    <li>
    
    <dl>
        <dt>
            <div class="param-desc">
            <p>the ElementInternals is not supported and a polyfill is necessary</p>
            </div>
        </dt>
        <dd></dd>
        <dt>
            <dl>
                <dt>
                    Type
                </dt>
                <dd>
                    
    <span class="param-type">Error</span>
    
    
                </dd>
            </dl>
        </dt>
        <dd></dd>
    </dl>
    
    </li>
                
                    <li>
    
    <dl>
        <dt>
            <div class="param-desc">
            <p>NotSupportedError</p>
            </div>
        </dt>
        <dd></dd>
        <dt>
            <dl>
                <dt>
                    Type
                </dt>
                <dd>
                    
    <span class="param-type">DOMException</span>
    
    
                </dd>
            </dl>
        </dt>
        <dd></dd>
    </dl>
    
    </li>
                
            </ul>
        
        </div>
    
    
    
        <div class="method-member-container mt-20">
        <strong>Returns:</strong>
            
                
    
    
    <dl class="param-type">
        <dt>
            Type
        </dt>
        <dd>
            
    <span class="param-type">boolean</span>
    
    
        </dd>
    </dl>
    
                
        </div>
    
    
    
    
            
                
    
        
    
        <h4 class="name" id="setFormValue">
            <a href="#setFormValue">#</a>
            <span class="type-signature"></span>setFormValue<span class="signature">(value, state)</span><span class="type-signature"> &rarr; {undefined}</span>
        </h4>
    
        
    
    
    
        <div class="description">
            <p>This is a method of <a href="https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals">internal api</a></p>
    <pre class="prettyprint source"><code>// Use the control's name as the base name for submitted data
    const n = this.getAttribute('name');
    const entries = new FormData();
    entries.append(n + '-first-name', this.firstName_);
    entries.append(n + '-last-name', this.lastName_);
    this.setFormValue(entries);
    </code></pre>
        </div>
    
    
    
    
    
    
    
    
    
        <div class="method-member-container flex flex-col w-100 overflow-auto mt-20">
            <strong>Parameters:</strong>
            
    
    <table class="params">
        <thead>
        <tr>
            
            <th>Name</th>
            
    
            <th>Type</th>
    
            
    
            
    
            <th class="last">Description</th>
        </tr>
        </thead>
    
        <tbody>
        
    
            <tr>
                
                    <td class="name"><code>value</code></td>
                
    
                <td class="type">
                
                    
    <span class="param-type">File</span>
    |
    
    <span class="param-type">string</span>
    |
    
    <span class="param-type">FormData</span>
    
    
                
                </td>
    
                
    
                
    
                <td class="description last"></td>
            </tr>
    
        
    
            <tr>
                
                    <td class="name"><code>state</code></td>
                
    
                <td class="type">
                
                    
    <span class="param-type">File</span>
    |
    
    <span class="param-type">string</span>
    |
    
    <span class="param-type">FormData</span>
    
    
                
                </td>
    
                
    
                
    
                <td class="description last"></td>
            </tr>
    
        
        </tbody>
    </table>
    
        </div>
    
    
    
    
    
    
    
    <dl class="details">
    
        
    
        
            <div class="details-item-container">
                <dt class="tag-since">Since:</dt>
                <dd class="tag-since"><ul class="dummy"><li>1.14.0</li></ul></dd>
            </div>
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
            <div class="details-item-container">
                <dt class="tag-see">See:</dt>
                <dd class="tag-see">
                    <ul>
                        <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/setFormValue">https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/setFormValue</a></li>
                    </ul>
                </dd>
            </div>
        
    
        
    </dl>
    
    
    
    
    
    
    
    
    
    
    
    
    
        <div class="method-member-container mt-20">
        <strong>Throws:</strong>
        
            <ul>
                
                    <li>
    
    <dl>
        <dt>
            <div class="param-desc">
            <p>NotSupportedError</p>
            </div>
        </dt>
        <dd></dd>
        <dt>
            <dl>
                <dt>
                    Type
                </dt>
                <dd>
                    
    <span class="param-type">DOMException</span>
    
    
                </dd>
            </dl>
        </dt>
        <dd></dd>
    </dl>
    
    </li>
                
                    <li>
    
    <dl>
        <dt>
            <div class="param-desc">
            <p>the ElementInternals is not supported and a polyfill is necessary</p>
            </div>
        </dt>
        <dd></dd>
        <dt>
            <dl>
                <dt>
                    Type
                </dt>
                <dd>
                    
    <span class="param-type">Error</span>
    
    
                </dd>
            </dl>
        </dt>
        <dd></dd>
    </dl>
    
    </li>
                
            </ul>
        
        </div>
    
    
    
        <div class="method-member-container mt-20">
        <strong>Returns:</strong>
            
                
    
    
    <dl class="param-type">
        <dt>
            Type
        </dt>
        <dd>
            
    <span class="param-type">undefined</span>
    
    
        </dd>
    </dl>
    
                
        </div>
    
    
    
    
            
                
    
        
    
        <h4 class="name" id="setValidity">
            <a href="#setValidity">#</a>
            <span class="type-signature"></span>setValidity<span class="signature">(flags, message, anchor)</span><span class="type-signature"> &rarr; {undefined}</span>
        </h4>
    
        
    
    
    
    
    
    
    
    
    
    
    
        <div class="method-member-container flex flex-col w-100 overflow-auto mt-20">
            <strong>Parameters:</strong>
            
    
    <table class="params">
        <thead>
        <tr>
            
            <th>Name</th>
            
    
            <th>Type</th>
    
            
    
            
    
            <th class="last">Description</th>
        </tr>
        </thead>
    
        <tbody>
        
    
            <tr>
                
                    <td class="name"><code>flags</code></td>
                
    
                <td class="type">
                
                    
    <span class="param-type">object</span>
    
    
                
                </td>
    
                
    
                
    
                <td class="description last"></td>
            </tr>
    
        
    
            <tr>
                
                    <td class="name"><code>message</code></td>
                
    
                <td class="type">
                
                    
    <span class="param-type">string</span>
    |
    
    <span class="param-type">undefined</span>
    
    
                
                </td>
    
                
    
                
    
                <td class="description last"></td>
            </tr>
    
        
    
            <tr>
                
                    <td class="name"><code>anchor</code></td>
                
    
                <td class="type">
                
                    
    <span class="param-type">HTMLElement</span>
    
    
                
                </td>
    
                
    
                
    
                <td class="description last"></td>
            </tr>
    
        
        </tbody>
    </table>
    
        </div>
    
    
    
    
    
    
    
    <dl class="details">
    
        
    
        
            <div class="details-item-container">
                <dt class="tag-since">Since:</dt>
                <dd class="tag-since"><ul class="dummy"><li>1.14.0</li></ul></dd>
            </div>
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
            <div class="details-item-container">
                <dt class="tag-see">See:</dt>
                <dd class="tag-see">
                    <ul>
                        <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/setValidity">https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/setValidity</a></li>
                    </ul>
                </dd>
            </div>
        
    
        
    </dl>
    
    
    
    
    
    
    
    
    
    
    
    
    
        <div class="method-member-container mt-20">
        <strong>Throws:</strong>
        
            <ul>
                
                    <li>
    
    <dl>
        <dt>
            <div class="param-desc">
            <p>NotSupportedError</p>
            </div>
        </dt>
        <dd></dd>
        <dt>
            <dl>
                <dt>
                    Type
                </dt>
                <dd>
                    
    <span class="param-type">DOMException</span>
    
    
                </dd>
            </dl>
        </dt>
        <dd></dd>
    </dl>
    
    </li>
                
                    <li>
    
    <dl>
        <dt>
            <div class="param-desc">
            <p>the ElementInternals is not supported and a polyfill is necessary</p>
            </div>
        </dt>
        <dd></dd>
        <dt>
            <dl>
                <dt>
                    Type
                </dt>
                <dd>
                    
    <span class="param-type">Error</span>
    
    
                </dd>
            </dl>
        </dt>
        <dd></dd>
    </dl>
    
    </li>
                
            </ul>
        
        </div>
    
    
    
        <div class="method-member-container mt-20">
        <strong>Returns:</strong>
            
                
    
    
    <dl class="param-type">
        <dt>
            Type
        </dt>
        <dd>
            
    <span class="param-type">undefined</span>
    
    
        </dd>
    </dl>
    
                
        </div>
    
    
    
    
            
        
    
        
    
        
    </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/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":{}}')
          console.log(option)
          document.addEventListener("DOMContentLoaded", function () {
            OverlayScrollbars(document.querySelectorAll('body'), option.option || {});
          });
        </script>
        
    
    
      </body>
    
    </html>