' tag in BS4. Change for other types of dropdown menus.\n *\n * @property tagName\n * @type string\n * @default ul\n * @public\n */\n\n /**\n * @property ariaRole\n * @default menu\n * @type string\n * @protected\n */\n ariaRole: 'menu',\n\n /**\n * Alignment of the menu, either \"left\" or \"right\"\n *\n * @property align\n * @type string\n * @default left\n * @public\n */\n align: 'left',\n\n /**\n * @property direction\n * @default 'down'\n * @type string\n * @private\n */\n direction: 'down',\n\n /**\n * @property inNav\n * @type {boolean}\n * @private\n */\n inNav: false,\n\n /**\n * Applies only to BS4: by default the menu is rendered in the same place the dropdown. If you experience clipping\n * issues, you can set this to false to render the menu in a wormhole at the top of the DOM.\n *\n * @property renderInPlace\n * @type boolean\n * @default true\n * @public\n */\n renderInPlace: true,\n\n alignClass: Ember.computed('align', function () {\n if (this.get('align') !== 'left') {\n return 'dropdown-menu-' + this.get('align');\n }\n })\n });\n});","define('ember-bootstrap/components/base/bs-dropdown/menu/divider', ['exports'], function (exports) {\n 'use strict';\n\n Object.defineProperty(exports, \"__esModule\", {\n value: true\n });\n exports.default = Ember.Component.extend({});\n});","define('ember-bootstrap/components/base/bs-dropdown/menu/item', ['exports'], function (exports) {\n 'use strict';\n\n Object.defineProperty(exports, \"__esModule\", {\n value: true\n });\n exports.default = Ember.Component.extend({});\n});","define('ember-bootstrap/components/base/bs-dropdown/menu/link-to', ['exports'], function (exports) {\n 'use strict';\n\n Object.defineProperty(exports, \"__esModule\", {\n value: true\n });\n exports.default = Ember.LinkComponent.extend({});\n});","define('ember-bootstrap/components/base/bs-dropdown/toggle', ['exports', 'ember-bootstrap/mixins/dropdown-toggle'], function (exports, _dropdownToggle) {\n 'use strict';\n\n Object.defineProperty(exports, \"__esModule\", {\n value: true\n });\n exports.default = Ember.Component.extend(_dropdownToggle.default, {\n /**\n * Defaults to a `
` tag. Change for other types of dropdown toggles.\n *\n * @property tagName\n * @type string\n * @default a\n * @public\n */\n tagName: 'a',\n\n attributeBindings: ['href'],\n\n /**\n * @property inNav\n * @type {boolean}\n * @private\n */\n inNav: false,\n\n /**\n * Computed property to generate a `href=\"#\"` attribute when `tagName` is \"a\".\n *\n * @property href\n * @type string\n * @readonly\n * @private\n */\n href: Ember.computed('tagName', function () {\n if (this.get('tagName').toUpperCase() === 'A') {\n return '#';\n }\n }),\n\n /**\n * When clicking the toggle this action is called.\n *\n * @event onClick\n * @param {*} value\n * @public\n */\n onClick: function onClick() {},\n click: function click(e) {\n e.preventDefault();\n this.get('onClick')();\n }\n });\n});","define('ember-bootstrap/components/base/bs-form', ['exports', 'ember-bootstrap/templates/components/bs-form'], function (exports, _bsForm) {\n 'use strict';\n\n Object.defineProperty(exports, \"__esModule\", {\n value: true\n });\n exports.default = Ember.Component.extend({\n layout: _bsForm.default,\n tagName: 'form',\n classNameBindings: ['layoutClass'],\n attributeBindings: ['_novalidate:novalidate'],\n ariaRole: 'form',\n\n /**\n * Bootstrap form class name (computed)\n *\n * @property layoutClass\n * @type string\n * @readonly\n * @protected\n *\n */\n\n /**\n * Set a model that this form should represent. This serves several purposes:\n *\n * * child `Components.FormElement`s can access and bind to this model by their `property`\n * * when the model supports validation by using the [ember-validations](https://github.com/dockyard/ember-validations) mixin,\n * child `Components.FormElement`s will look at the validation information of their `property` and render their form group accordingly.\n * Moreover the form's `submit` event handler will validate the model and deny submitting if the model is not validated successfully.\n *\n * @property model\n * @type Ember.Object\n * @public\n */\n model: null,\n\n /**\n * Set the layout of the form to either \"vertical\", \"horizontal\" or \"inline\". See http://getbootstrap.com/css/#forms-inline and http://getbootstrap.com/css/#forms-horizontal\n *\n * @property formLayout\n * @type string\n * @public\n */\n formLayout: 'vertical',\n\n /**\n * Check if validating the model is supported. This needs to be implemented by another addon.\n *\n * @property hasValidator\n * @type boolean\n * @readonly\n * @protected\n */\n hasValidator: false,\n\n /**\n * The Bootstrap grid class for form labels. This is used by the `Components.FormElement` class as a default for the\n * whole form.\n *\n * @property horizontalLabelGridClass\n * @type string\n * @default 'col-md-4'\n * @public\n */\n horizontalLabelGridClass: 'col-md-4',\n\n /**\n * If set to true pressing enter will submit the form, even if no submit button is present\n *\n * @property submitOnEnter\n * @type boolean\n * @default false\n * @public\n */\n submitOnEnter: false,\n\n /**\n * If set to true novalidate attribute is present on form element\n *\n * @property novalidate\n * @type boolean\n * @default null\n * @public\n */\n novalidate: false,\n\n _novalidate: Ember.computed('novalidate', function () {\n return this.get('novalidate') === true ? '' : undefined;\n }),\n\n /**\n * Validate hook which will return a promise that will either resolve if the model is valid\n * or reject if it's not. This should be overridden to add validation support.\n *\n * @method validate\n * @param {Object} model\n * @return {Promise}\n * @public\n */\n validate: function validate(model) {},\n // eslint-disable-line no-unused-vars\n\n /**\n * @property showAllValidations\n * @type boolean\n * @default false\n * @private\n */\n showAllValidations: false,\n\n /**\n * Action is called before the form is validated (if possible) and submitted.\n *\n * @event onBefore\n * @param { Object } model The form's `model`\n * @public\n */\n onBefore: function onBefore(model) {},\n // eslint-disable-line no-unused-vars\n\n /**\n * Action is called when submit has been triggered and the model has passed all validations (if present).\n *\n * @event onSubmit\n * @param { Object } model The form's `model`\n * @param { Object } result The returned result from the validate method, if validation is available\n * @public\n */\n onSubmit: function onSubmit(model, result) {},\n // eslint-disable-line no-unused-vars\n\n /**\n * Action is called when validation of the model has failed.\n *\n * @event onInvalid\n * @param { Object } model The form's `model`\n * @param { Object } error\n * @public\n */\n onInvalid: function onInvalid(model, error) {},\n // eslint-disable-line no-unused-vars\n\n /**\n * Submit handler that will send the default action (\"action\") to the controller when submitting the form.\n *\n * If there is a supplied `model` that supports validation (`hasValidator`) the model will be validated before, and\n * only if validation is successful the default action will be sent. Otherwise an \"invalid\" action will be sent, and\n * all the `showValidation` property of all child `Components.FormElement`s will be set to true, so error state and\n * messages will be shown automatically.\n *\n * @method submit\n * @private\n */\n submit: function submit(e) {\n var _this = this;\n\n if (e) {\n e.preventDefault();\n }\n var model = this.get('model');\n\n this.get('onBefore')(model);\n\n if (!this.get('hasValidator')) {\n return this.get('onSubmit')(model);\n } else {\n var validationPromise = this.validate(this.get('model'));\n if (validationPromise && validationPromise instanceof Ember.RSVP.Promise) {\n validationPromise.then(function (r) {\n return _this.get('onSubmit')(model, r);\n }).catch(function (err) {\n _this.set('showAllValidations', true);\n return _this.get('onInvalid')(model, err);\n });\n }\n }\n },\n keyPress: function keyPress(e) {\n var code = e.keyCode || e.which;\n if (code === 13 && this.get('submitOnEnter')) {\n this.triggerSubmit();\n }\n },\n triggerSubmit: function triggerSubmit() {\n var event = document.createEvent('Event');\n event.initEvent('submit', true, true);\n this.get('element').dispatchEvent(event);\n },\n\n\n actions: {\n change: function change(value, model, property) {\n (true && !(Ember.isPresent(model) && Ember.isPresent(property)) && Ember.assert('You cannot use the form element\\'s default onChange action for form elements if not using a model or setting the value directly on a form element. You must add your own onChange action to the form element in this case!', Ember.isPresent(model) && Ember.isPresent(property)));\n\n Ember.set(model, property, value);\n }\n }\n });\n});","define('ember-bootstrap/components/base/bs-form/element', ['exports', 'ember-bootstrap/templates/components/bs-form/element', 'ember-bootstrap/components/bs-form/group'], function (exports, _element, _group) {\n 'use strict';\n\n Object.defineProperty(exports, \"__esModule\", {\n value: true\n });\n\n\n var nonDefaultLayouts = Ember.A(['checkbox']);\n\n /**\n Sub class of `Components.FormGroup` that adds automatic form layout markup and form validation features.\n \n ### Form layout\n \n The appropriate Bootstrap markup for the given `formLayout` and `controlType` is automatically generated to easily\n create forms without coding the default Bootstrap form markup by hand:\n \n ```hbs\n {{#bs-form formLayout=\"horizontal\" onSubmit=(action \"submit\") as |form|}}\n {{form.element controlType=\"email\" label=\"Email\" placeholder=\"Email\" value=email}}\n {{form.element controlType=\"password\" label=\"Password\" placeholder=\"Password\" value=password}}\n {{form.element controlType=\"checkbox\" label=\"Remember me\" value=rememberMe}}\n {{bs-button defaultText=\"Submit\" type=\"primary\" buttonType=\"submit\"}}\n {{/bs-form}}\n ```\n \n ### Form validation\n \n In the following example the control elements of the three form elements value will be bound to the properties\n (given by `property`) of the form's `model`, which in this case is its controller (see `model=this`):\n \n ```hbs\n {{#bs-form formLayout=\"horizontal\" model=this onSubmit=(action \"submit\") as |form|}}\n {{form.element controlType=\"email\" label=\"Email\" placeholder=\"Email\" property=\"email\"}}\n {{form.element controlType=\"password\" label=\"Password\" placeholder=\"Password\" property=\"password\"}}\n {{form.element controlType=\"checkbox\" label=\"Remember me\" property=\"rememberMe\"}}\n {{bs-button defaultText=\"Submit\" type=\"primary\" buttonType=\"submit\"}}\n {{/bs-form}}\n ```\n \n By using this indirection in comparison to directly binding the `value` property, you get the benefit of automatic\n form validation, given that your `model` has a supported means of validating itself.\n See [Components.Form](Components.Form.html) for details on how to enable form validation.\n \n In the example above the `model` was our controller itself, so the control elements were bound to the appropriate\n properties of our controller. A controller implementing validations on those properties could look like this:\n \n ```js\n import Ember from 'ember';\n import EmberValidations from 'ember-validations';\n \n export default Ember.Controller.extend(EmberValidations,{\n email: null,\n password: null,\n rememberMe: false,\n validations: {\n email: {\n presence: true,\n format: {\n with: /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/\n }\n },\n password: {\n presence: true,\n length: { minimum: 6, maximum: 10}\n },\n comments: {\n length: { minimum: 5, maximum: 20}\n }\n }\n });\n ```\n \n If the `showValidation` property is `true` (which is automatically the case if a `focusOut` event is captured from the\n control element or the containing `Components.Form` was submitted with its `model` failing validation) and there are\n validation errors for the `model`'s `property`, the appropriate Bootstrap validation markup (see\n http://getbootstrap.com/css/#forms-control-validation) is applied:\n \n * `validation` is set to 'error', which will set the `has-error` CSS class\n * the `errorIcon` feedback icon is displayed if `controlType` is a text field\n * the validation messages are displayed as Bootstrap `help-block`s in BS3 and `form-control-feedback` in BS4\n \n The same applies for warning messages, if the used validation library supports this. (Currently only\n [ember-cp-validations](https://github.com/offirgolan/ember-cp-validations))\n \n As soon as the validation is successful again...\n \n * `validation` is set to 'success', which will set the `has-success` CSS class\n * the `successIcon` feedback icon is displayed if `controlType` is a text field\n * the validation messages are removed\n \n In case you want to display some error or warning message that is independent of the model's validation, for\n example to display a failure message on a login form after a failed authentication attempt (so not coming from\n the validation library), you can use the `customError` or `customWarning` properties to do so.\n \n ### Custom controls\n \n Apart from the standard built-in browser controls (see the `controlType` property), you can use any custom control simply\n by invoking the component with a block template. Use whatever control you might want, for example a select-2 component\n (from the [ember-select-2 addon](https://istefo.github.io/ember-select-2)):\n \n ```hbs\n {{#bs-form model=this onSubmit=(action \"submit\") as |form|}}\n {{#form.element label=\"Select-2\" property=\"gender\" useIcons=false as |el|}}\n {{select-2 id=el.id content=genderChoices optionLabelPath=\"label\" value=el.value searchEnabled=false}}\n {{/form.element}}\n {{/bs-form}}\n ```\n \n The component yields a hash with the following properties:\n * `control`: the component that would be used for rendering the form control based on the given `controlType`\n * `id`: id to be used for the form control, so it matches the labels `for` attribute\n * `value`: the value of the form element\n * `validation`: the validation state of the element, `null` if no validation is to be shown, otherwise 'success', 'error' or 'warning'\n \n If your custom control does not render an input element, you should set `useIcons` to `false` since bootstrap only supports\n feedback icons with textual `` elements.\n \n If you just want to customize the existing control component, you can use the aforementioned yielded `control` component\n to customize that existing component:\n \n ```hbs\n {{#bs-form model=this onSubmit=(action \"submit\") as |form|}}\n {{#form.element label=\"Email\" placeholder=\"Email\" property=\"email\" as |el|}}\n {{el.control class=\"input-lg\"}}\n {{/form.element}}\n {{/bs-form}}\n ```\n \n ### HTML attributes\n \n To set HTML attributes on the control element provided by this component, set them as properties of this component:\n \n ```hbs\n {{#bs-form formLayout=\"horizontal\" model=this onSubmit=(action \"submit\") as |form|}}\n {{form.element controlType=\"email\" label=\"Email\" property=\"email\"\n placeholder=\"Email\"\n required=true\n multiple=true\n tabIndex=5\n }}\n ...\n {{/bs-form}}\n ```\n \n The following attributes are supported depending on the `controlType`:\n \n \n \n \n | \n textarea | \n checkbox | \n all others | \n
\n \n \n \n | accept | \n | \n | \n ✔︎ | \n
\n \n | autocomplete | \n ✔︎ | \n | \n ✔︎ | \n
\n \n | autofocus | \n ✔︎ | \n ✔︎ | \n ✔︎ | \n
\n \n | autosave | \n | \n | \n ✔︎ | \n
\n \n | cols | \n ✔︎ | \n | \n | \n
\n \n | disabled | \n | \n ✔︎ | \n ✔︎ | \n
\n \n | form | \n ✔︎ | \n ✔︎ | \n ✔︎ | \n
\n \n | inputmode | \n | \n | \n ✔︎ | \n
\n \n | max | \n | \n | \n ✔︎ | \n
\n \n | maxlength | \n ✔︎ | \n | \n ✔︎ | \n
\n \n | min | \n | \n | \n ✔︎ | \n
\n \n | minlength | \n ✔︎ | \n | \n ✔︎ | \n
\n \n | multiple | \n | \n | \n ✔︎ | \n
\n \n | name | \n ✔︎ | \n ✔︎ | \n ✔︎ | \n
\n \n | pattern | \n | \n | \n ✔︎ | \n
\n \n | placeholder | \n ✔︎ | \n | \n ✔︎ | \n
\n \n | readonly | \n ✔︎ | \n ✔︎ | \n ✔︎ | \n
\n \n | required | \n ✔︎ | \n ✔︎ | \n ✔︎ | \n
\n \n | rows | \n ✔︎ | \n | \n | \n
\n \n size
via controlSize property | \n | \n | \n ✔︎ | \n
\n \n | spellcheck | \n ✔︎ | \n | \n ✔︎ | \n
\n \n | step | \n | \n | \n ✔︎ | \n
\n \n | tabindex | \n ✔︎ | \n ✔︎ | \n ✔︎ | \n
\n \n | title | \n ✔︎ | \n ✔︎ | \n ✔︎ | \n
\n \n | wrap | \n ✔︎ | \n | \n | \n
\n \n
\n \n @class FormElement\n @namespace Components\n @extends Components.FormGroup\n @public\n */\n exports.default = _group.default.extend({\n layout: _element.default,\n classNameBindings: ['disabled:disabled', 'required:is-required', 'isValidating'],\n\n /**\n * Text to display within a `