@rxap/form-system
Version:
This package provides a set of directives, decorators, mixins, and validators to simplify the creation of dynamic forms in Angular applications. It offers features such as automatic control creation, data source integration, component customization, and h
313 lines (309 loc) • 21.6 kB
JavaScript
'use strict';
customElements.define('compodoc-menu', class extends HTMLElement {
constructor() {
super();
this.isNormalMode = this.getAttribute('mode') === 'normal';
}
connectedCallback() {
this.render(this.isNormalMode);
}
render(isNormalMode) {
let tp = lithtml.html(`
<nav>
<ul class="list">
<li class="title">
<a href="index.html" data-type="index-link">angular-form-system</a>
</li>
<li class="divider"></li>
${ isNormalMode ? `<div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>` : '' }
<li class="chapter">
<a data-type="chapter-link" href="index.html"><span class="icon ion-ios-home"></span>Getting started</a>
<ul class="links">
<li class="link">
<a href="overview.html" data-type="chapter-link">
<span class="icon ion-ios-keypad"></span>Overview
</a>
</li>
<li class="link">
<a href="index.html" data-type="chapter-link">
<span class="icon ion-ios-paper"></span>README
</a>
</li>
<li class="link">
<a href="changelog.html" data-type="chapter-link">
<span class="icon ion-ios-paper"></span>CHANGELOG
</a>
</li>
<li class="link">
<a href="license.html" data-type="chapter-link">
<span class="icon ion-ios-paper"></span>LICENSE
</a>
</li>
<li class="link">
<a href="dependencies.html" data-type="chapter-link">
<span class="icon ion-ios-list"></span>Dependencies
</a>
</li>
<li class="link">
<a href="properties.html" data-type="chapter-link">
<span class="icon ion-ios-apps"></span>Properties
</a>
</li>
</ul>
</li>
<li class="chapter modules">
<a data-type="chapter-link" href="modules.html">
<div class="menu-toggler linked" data-bs-toggle="collapse" ${ isNormalMode ?
'data-bs-target="#modules-links"' : 'data-bs-target="#xs-modules-links"' }>
<span class="icon ion-ios-archive"></span>
<span class="link-name">Modules</span>
<span class="icon ion-ios-arrow-down"></span>
</div>
</a>
<ul class="links collapse " ${ isNormalMode ? 'id="modules-links"' : 'id="xs-modules-links"' }>
<li class="link">
<a href="modules/FormSystemDirectivesModule.html" data-type="entity-link" >FormSystemDirectivesModule</a>
<li class="chapter inner">
<div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
'data-bs-target="#directives-links-module-FormSystemDirectivesModule-dfe4b4d7512f0ed4b4b8d032f9210d6e179abee53a24a961785fe0738b9e5eff63690e94bff12a1ebc9fdcbe03ee6681d3ba3919691a239f4ca0a6b017050de1"' : 'data-bs-target="#xs-directives-links-module-FormSystemDirectivesModule-dfe4b4d7512f0ed4b4b8d032f9210d6e179abee53a24a961785fe0738b9e5eff63690e94bff12a1ebc9fdcbe03ee6681d3ba3919691a239f4ca0a6b017050de1"' }>
<span class="icon ion-md-code-working"></span>
<span>Directives</span>
<span class="icon ion-ios-arrow-down"></span>
</div>
<ul class="links collapse" ${ isNormalMode ? 'id="directives-links-module-FormSystemDirectivesModule-dfe4b4d7512f0ed4b4b8d032f9210d6e179abee53a24a961785fe0738b9e5eff63690e94bff12a1ebc9fdcbe03ee6681d3ba3919691a239f4ca0a6b017050de1"' :
'id="xs-directives-links-module-FormSystemDirectivesModule-dfe4b4d7512f0ed4b4b8d032f9210d6e179abee53a24a961785fe0738b9e5eff63690e94bff12a1ebc9fdcbe03ee6681d3ba3919691a239f4ca0a6b017050de1"' }>
<li class="link">
<a href="directives/ControlHideShowDirective.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >ControlHideShowDirective</a>
</li>
<li class="link">
<a href="directives/InputSelectOptionsDirective.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >InputSelectOptionsDirective</a>
</li>
</ul>
</li>
</li>
</ul>
</li>
<li class="chapter">
<div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ? 'data-bs-target="#directives-links"' :
'data-bs-target="#xs-directives-links"' }>
<span class="icon ion-md-code-working"></span>
<span>Directives</span>
<span class="icon ion-ios-arrow-down"></span>
</div>
<ul class="links collapse " ${ isNormalMode ? 'id="directives-links"' : 'id="xs-directives-links"' }>
<li class="link">
<a href="directives/AutocompleteOptionsFromMethodDirective.html" data-type="entity-link" >AutocompleteOptionsFromMethodDirective</a>
</li>
<li class="link">
<a href="directives/ControlHideShowDirective.html" data-type="entity-link" >ControlHideShowDirective</a>
</li>
<li class="link">
<a href="directives/ForFormArrayItemsDirective.html" data-type="entity-link" >ForFormArrayItemsDirective</a>
</li>
<li class="link">
<a href="directives/FormArrayAddItemButtonDirective.html" data-type="entity-link" >FormArrayAddItemButtonDirective</a>
</li>
<li class="link">
<a href="directives/FormArrayItemButton.html" data-type="entity-link" >FormArrayItemButton</a>
</li>
<li class="link">
<a href="directives/FormArrayItemRemoveButtonDirective.html" data-type="entity-link" >FormArrayItemRemoveButtonDirective</a>
</li>
<li class="link">
<a href="directives/FormArrayItemRestoreButtonDirective.html" data-type="entity-link" >FormArrayItemRestoreButtonDirective</a>
</li>
<li class="link">
<a href="directives/FormArrayRemovableDirective.html" data-type="entity-link" >FormArrayRemovableDirective</a>
</li>
<li class="link">
<a href="directives/FormSystemControlDirective.html" data-type="entity-link" >FormSystemControlDirective</a>
</li>
<li class="link">
<a href="directives/InputSelectOptionsDirective.html" data-type="entity-link" >InputSelectOptionsDirective</a>
</li>
<li class="link">
<a href="directives/IsEqualToDirective.html" data-type="entity-link" >IsEqualToDirective</a>
</li>
<li class="link">
<a href="directives/IsSelectableValueDirective.html" data-type="entity-link" >IsSelectableValueDirective</a>
</li>
<li class="link">
<a href="directives/OptionsFromMethodDirective.html" data-type="entity-link" >OptionsFromMethodDirective</a>
</li>
<li class="link">
<a href="directives/OptionsFromRemoteMethodDirective.html" data-type="entity-link" >OptionsFromRemoteMethodDirective</a>
</li>
</ul>
</li>
<li class="chapter">
<div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ? 'data-bs-target="#classes-links"' :
'data-bs-target="#xs-classes-links"' }>
<span class="icon ion-ios-paper"></span>
<span>Classes</span>
<span class="icon ion-ios-arrow-down"></span>
</div>
<ul class="links collapse " ${ isNormalMode ? 'id="classes-links"' : 'id="xs-classes-links"' }>
<li class="link">
<a href="classes/ExtractControlFromParentMixin.html" data-type="entity-link" >ExtractControlFromParentMixin</a>
</li>
<li class="link">
<a href="classes/ExtractControlMixin.html" data-type="entity-link" >ExtractControlMixin</a>
</li>
<li class="link">
<a href="classes/ExtractDataSourcesMixin.html" data-type="entity-link" >ExtractDataSourcesMixin</a>
</li>
<li class="link">
<a href="classes/ExtractFormDefinitionMixin.html" data-type="entity-link" >ExtractFormDefinitionMixin</a>
</li>
<li class="link">
<a href="classes/ExtractFunctionMixin.html" data-type="entity-link" >ExtractFunctionMixin</a>
</li>
<li class="link">
<a href="classes/ExtractFunctionsMixin.html" data-type="entity-link" >ExtractFunctionsMixin</a>
</li>
<li class="link">
<a href="classes/ExtractIsValueFunctionMixin.html" data-type="entity-link" >ExtractIsValueFunctionMixin</a>
</li>
<li class="link">
<a href="classes/ExtractMethodMixin.html" data-type="entity-link" >ExtractMethodMixin</a>
</li>
<li class="link">
<a href="classes/ExtractMethodsMixin.html" data-type="entity-link" >ExtractMethodsMixin</a>
</li>
<li class="link">
<a href="classes/ExtractOptionsDataSourceMixin.html" data-type="entity-link" >ExtractOptionsDataSourceMixin</a>
</li>
<li class="link">
<a href="classes/ExtractOptionsMethodMixin.html" data-type="entity-link" >ExtractOptionsMethodMixin</a>
</li>
<li class="link">
<a href="classes/ExtractRemoteMethodsMixin.html" data-type="entity-link" >ExtractRemoteMethodsMixin</a>
</li>
<li class="link">
<a href="classes/ExtractResolveMethodMixin.html" data-type="entity-link" >ExtractResolveMethodMixin</a>
</li>
<li class="link">
<a href="classes/ExtractToDisplayFunctionMixin.html" data-type="entity-link" >ExtractToDisplayFunctionMixin</a>
</li>
<li class="link">
<a href="classes/RxapFormSystemError.html" data-type="entity-link" >RxapFormSystemError</a>
</li>
<li class="link">
<a href="classes/TestNgControl.html" data-type="entity-link" >TestNgControl</a>
</li>
</ul>
</li>
<li class="chapter">
<div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ? 'data-bs-target="#injectables-links"' :
'data-bs-target="#xs-injectables-links"' }>
<span class="icon ion-md-arrow-round-down"></span>
<span>Injectables</span>
<span class="icon ion-ios-arrow-down"></span>
</div>
<ul class="links collapse " ${ isNormalMode ? 'id="injectables-links"' : 'id="xs-injectables-links"' }>
<li class="link">
<a href="injectables/ControlDataSource.html" data-type="entity-link" >ControlDataSource</a>
</li>
<li class="link">
<a href="injectables/NoopResolveMethod.html" data-type="entity-link" >NoopResolveMethod</a>
</li>
<li class="link">
<a href="injectables/SubmitContextFormAdapter.html" data-type="entity-link" >SubmitContextFormAdapter</a>
</li>
</ul>
</li>
<li class="chapter">
<div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ? 'data-bs-target="#interfaces-links"' :
'data-bs-target="#xs-interfaces-links"' }>
<span class="icon ion-md-information-circle-outline"></span>
<span>Interfaces</span>
<span class="icon ion-ios-arrow-down"></span>
</div>
<ul class="links collapse " ${ isNormalMode ? ' id="interfaces-links"' : 'id="xs-interfaces-links"' }>
<li class="link">
<a href="interfaces/AutocompleteOptionsFromMethodDirectiveParameters.html" data-type="entity-link" >AutocompleteOptionsFromMethodDirectiveParameters</a>
</li>
<li class="link">
<a href="interfaces/AutocompleteOptionsFromMethodDirectiveSettings.html" data-type="entity-link" >AutocompleteOptionsFromMethodDirectiveSettings</a>
</li>
<li class="link">
<a href="interfaces/AutocompleteOptionsFromRemoteMethodTemplateContext.html" data-type="entity-link" >AutocompleteOptionsFromRemoteMethodTemplateContext</a>
</li>
<li class="link">
<a href="interfaces/ControlHideShowOptions.html" data-type="entity-link" >ControlHideShowOptions</a>
</li>
<li class="link">
<a href="interfaces/ControlWithDataSource.html" data-type="entity-link" >ControlWithDataSource</a>
</li>
<li class="link">
<a href="interfaces/ForFormArrayItemsDirectiveContext.html" data-type="entity-link" >ForFormArrayItemsDirectiveContext</a>
</li>
<li class="link">
<a href="interfaces/InputSelectOptionsSettings.html" data-type="entity-link" >InputSelectOptionsSettings</a>
</li>
<li class="link">
<a href="interfaces/InputSelectOptionsTemplateContext.html" data-type="entity-link" >InputSelectOptionsTemplateContext</a>
</li>
<li class="link">
<a href="interfaces/OptionsFromMethodDirectiveSettings.html" data-type="entity-link" >OptionsFromMethodDirectiveSettings</a>
</li>
<li class="link">
<a href="interfaces/OptionsFromMethodTemplateContext.html" data-type="entity-link" >OptionsFromMethodTemplateContext</a>
</li>
<li class="link">
<a href="interfaces/OptionsFromRemoteMethodTemplateContext.html" data-type="entity-link" >OptionsFromRemoteMethodTemplateContext</a>
</li>
<li class="link">
<a href="interfaces/UseDataSourceSettings.html" data-type="entity-link" >UseDataSourceSettings</a>
</li>
<li class="link">
<a href="interfaces/UseDataSourceValue.html" data-type="entity-link" >UseDataSourceValue</a>
</li>
<li class="link">
<a href="interfaces/UseFunctionConfig.html" data-type="entity-link" >UseFunctionConfig</a>
</li>
<li class="link">
<a href="interfaces/UseFunctionDefinition.html" data-type="entity-link" >UseFunctionDefinition</a>
</li>
<li class="link">
<a href="interfaces/UseMethodConfig.html" data-type="entity-link" >UseMethodConfig</a>
</li>
<li class="link">
<a href="interfaces/UseMethodDefinition.html" data-type="entity-link" >UseMethodDefinition</a>
</li>
</ul>
</li>
<li class="chapter">
<div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ? 'data-bs-target="#miscellaneous-links"'
: 'data-bs-target="#xs-miscellaneous-links"' }>
<span class="icon ion-ios-cube"></span>
<span>Miscellaneous</span>
<span class="icon ion-ios-arrow-down"></span>
</div>
<ul class="links collapse " ${ isNormalMode ? 'id="miscellaneous-links"' : 'id="xs-miscellaneous-links"' }>
<li class="link">
<a href="miscellaneous/enumerations.html" data-type="entity-link">Enums</a>
</li>
<li class="link">
<a href="miscellaneous/functions.html" data-type="entity-link">Functions</a>
</li>
<li class="link">
<a href="miscellaneous/typealiases.html" data-type="entity-link">Type aliases</a>
</li>
<li class="link">
<a href="miscellaneous/variables.html" data-type="entity-link">Variables</a>
</li>
</ul>
</li>
<li class="divider"></li>
<li class="copyright">
Documentation generated using <a href="https://compodoc.app/" target="_blank" rel="noopener noreferrer">
<img data-src="images/compodoc-vectorise.png" class="img-responsive" data-type="compodoc-logo">
</a>
</li>
</ul>
</nav>
`);
this.innerHTML = tp.strings;
}
});