{"version":3,"file":"src_app_views_form-elements_input_demo-input_module_ts.js","mappings":"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","sources":["./src/app/views/form-elements/input/demo-input.module.ts","./src/app/views/form-elements/input/demo-input.routes.ts","./src/app/views/form-elements/input/demos/addons/addons.ts","./src/app/views/form-elements/input/demos/addons/addons.html","./src/app/views/form-elements/input/demos/button/button.ts","./src/app/views/form-elements/input/demos/button/button.html","./src/app/views/form-elements/input/demos/checkbox-radio/checkbox-radio.ts","./src/app/views/form-elements/input/demos/checkbox-radio/checkbox-radio.html","./src/app/views/form-elements/input/demos/color/color.ts","./src/app/views/form-elements/input/demos/color/color.html","./src/app/views/form-elements/input/demos/disabled/disabled.ts","./src/app/views/form-elements/input/demos/disabled/disabled.html","./src/app/views/form-elements/input/demos/dropdown/dropdown.ts","./src/app/views/form-elements/input/demos/dropdown/dropdown.html","./src/app/views/form-elements/input/demos/group-sizing/group-sizing.ts","./src/app/views/form-elements/input/demos/group/group.ts","./src/app/views/form-elements/input/demos/group/group.html","./src/app/views/form-elements/input/demos/multi/multi.ts","./src/app/views/form-elements/input/demos/multi/multi.html","./src/app/views/form-elements/input/demos/sizing/sizing.ts","./src/app/views/form-elements/input/demos/sizing/sizing.html","./src/app/views/form-elements/input/demos/type/type.ts","./src/app/views/form-elements/input/demos/type/type.html","./src/app/views/form-elements/input/demos/wrapping/wrapping.ts","./src/app/views/form-elements/input/demos/wrapping/wrapping.html","./src/app/views/form-elements/input/input-section.component.ts","./src/app/views/form-elements/input/input-section.component.html","./src/app/views/form-elements/input/input-section.list.ts","webpack:///./src/app/views/form-elements/input/demos/addons/addons.html?a667","webpack:///./src/app/views/form-elements/input/demos/button/button.html?1bba","webpack:///./src/app/views/form-elements/input/demos/checkbox-radio/checkbox-radio.html?b04a","webpack:///./src/app/views/form-elements/input/demos/color/color.html?3691","webpack:///./src/app/views/form-elements/input/demos/disabled/disabled.html?6974","webpack:///./src/app/views/form-elements/input/demos/dropdown/dropdown.html?583b","webpack:///./src/app/views/form-elements/input/demos/group/group.html?5891","webpack:///./src/app/views/form-elements/input/demos/multi/multi.html?1ee1","webpack:///./src/app/views/form-elements/input/demos/sizing/sizing.html?278e","webpack:///./src/app/views/form-elements/input/demos/type/type.html?8677","webpack:///./src/app/views/form-elements/input/demos/wrapping/wrapping.html?e15c"],"sourcesContent":["import { NgModule } from '@angular/core';\r\nimport { SharedModule } from '@app/shared/shared.module';\r\nimport { RouterModule } from '@angular/router';\r\nimport { InputSectionComponent } from './input-section.component';\r\nimport { DEMO_COMPONENTS } from './demos';\r\nimport { DocsModule } from '@app/shared/components/docs';\r\nimport { DropdownModule } from '@app/shared/components/dropdown/dropdown.module';\r\n\r\nimport { routes } from './demo-input.routes';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    InputSectionComponent,\r\n    ...DEMO_COMPONENTS\r\n  ],\r\n  imports: [\r\n    SharedModule,\r\n    DropdownModule,\r\n    DocsModule,\r\n    RouterModule.forChild(routes)\r\n  ],\r\n  exports: [InputSectionComponent],\r\n  entryComponents: [...DEMO_COMPONENTS]\r\n})\r\nexport class DemoInputModule {\r\n  static routes: any = routes;\r\n}\r\n","import { InputSectionComponent } from './input-section.component';\r\n\r\nexport const routes = [{ path: '', component: InputSectionComponent }];\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n    selector: 'demo-input-addons',\r\n    templateUrl: 'addons.html'\r\n})\r\n\r\nexport class DemoInputAddonsComponent implements OnInit {\r\n    constructor() { }\r\n\r\n    ngOnInit() { }\r\n}","<div class=\"input-group mb-3\">\r\n    <span class=\"input-group-text\">$</span>\r\n    <span class=\"input-group-text\">0.00</span>\r\n    <input type=\"text\" class=\"form-control\" aria-label=\"Dollar amount (with dot and two decimal places)\">\r\n</div>\r\n\r\n<div class=\"input-group\">\r\n    <input type=\"text\" class=\"form-control\" aria-label=\"Dollar amount (with dot and two decimal places)\">\r\n    <span class=\"input-group-text\">$</span>\r\n    <span class=\"input-group-text\">0.00</span>\r\n</div>","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n    selector: 'demo-input-button',\r\n    templateUrl: 'button.html'\r\n})\r\n\r\nexport class DemoInputButtonComponent implements OnInit {\r\n    constructor() { }\r\n\r\n    ngOnInit() { }\r\n}","<div class=\"input-group mb-3\">\r\n    <button class=\"btn btn-outline-secondary\" type=\"button\" id=\"button-addon1\">Button</button>\r\n    <input type=\"text\" class=\"form-control\" placeholder=\"\" aria-label=\"Example text with button addon\" aria-describedby=\"button-addon1\">\r\n</div>\r\n\r\n<div class=\"input-group mb-3\">\r\n    <input type=\"text\" class=\"form-control\" placeholder=\"Recipient's username\" aria-label=\"Recipient's username\" aria-describedby=\"button-addon2\">\r\n    <button class=\"btn btn-outline-secondary\" type=\"button\" id=\"button-addon2\">Button</button>\r\n</div>\r\n\r\n<div class=\"input-group mb-3\">\r\n    <button class=\"btn btn-outline-secondary\" type=\"button\">Button</button>\r\n    <button class=\"btn btn-outline-secondary\" type=\"button\">Button</button>\r\n    <input type=\"text\" class=\"form-control\" placeholder=\"\" aria-label=\"Example text with two button addons\">\r\n</div>\r\n\r\n<div class=\"input-group\">\r\n    <input type=\"text\" class=\"form-control\" placeholder=\"Recipient's username\" aria-label=\"Recipient's username with two button addons\">\r\n    <button class=\"btn btn-outline-secondary\" type=\"button\">Button</button>\r\n    <button class=\"btn btn-outline-secondary\" type=\"button\">Button</button>\r\n</div>","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n    selector: 'demo-input-checkbox-radio',\r\n    templateUrl: 'checkbox-radio.html'\r\n})\r\n\r\nexport class DemoInputCheckboxRadioComponent implements OnInit {\r\n    constructor() { }\r\n\r\n    ngOnInit() { }\r\n}","<div class=\"input-group mb-3\">\r\n    <div class=\"input-group-text\">\r\n        <input class=\"form-check-input\" type=\"checkbox\" value=\"\" aria-label=\"Checkbox for following text input\">\r\n    </div>\r\n        <input type=\"text\" class=\"form-control\" aria-label=\"Text input with checkbox\">\r\n</div>\r\n    \r\n<div class=\"input-group\">\r\n    <div class=\"input-group-text\">\r\n        <input class=\"form-check-input\" type=\"radio\" value=\"\" aria-label=\"Radio button for following text input\">\r\n    </div>\r\n    <input type=\"text\" class=\"form-control\" aria-label=\"Text input with radio button\">\r\n</div>","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n    selector: 'demo-input-color',\r\n    templateUrl: './color.html',\r\n    styles: [`\r\n        \r\n    `]\r\n})\r\nexport class DemoInputColorComponent implements OnInit {\r\n    constructor() { }\r\n\r\n    ngOnInit(): void { }\r\n}\r\n","<label for=\"exampleColorInput\" class=\"form-label\">Color picker</label>\r\n<input type=\"color\" class=\"form-control form-control-color\" id=\"exampleColorInput\" value=\"#563d7c\" title=\"Choose your color\">","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n    selector: 'demo-input-disabled',\r\n    templateUrl: './disabled.html'\r\n})\r\nexport class DemoInputDisabledComponent implements OnInit {\r\n    constructor() { }\r\n\r\n    ngOnInit(): void { }\r\n}\r\n","<input class=\"form-control\" type=\"text\" placeholder=\"Default input\" disabled>","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n    selector: 'demo-input-dropdown',\r\n    templateUrl: 'dropdown.html'\r\n})\r\n\r\nexport class DemoInputDropdownComponent implements OnInit {\r\n\r\n    dropdownList: string[] = ['Action', 'Another Action', 'Something else here']\r\n\r\n    leftDropdownValue: string = 'Dropdown'\r\n\r\n    onLeftDropdownChange(val: string) {\r\n        this.leftDropdownValue = val\r\n    }\r\n\r\n    constructor() { }\r\n\r\n    ngOnInit() { }\r\n}","<div class=\"input-group mb-3\">\r\n    <dropdown (click)=\"dropdownInput.toggle($event)\">\r\n        <button \r\n            class=\"btn btn-outline-secondary dropdown-toggle\" \r\n            type=\"button\" \r\n        >\r\n            {{leftDropdownValue}}\r\n        </button>\r\n        <dropdown-menu #dropdownInput >\r\n            <a \r\n                href=\"javaScript:void(0)\"\r\n                dropdownItem \r\n                (click)=\"onLeftDropdownChange(item)\" \r\n                *ngFor=\"let item of dropdownList\"\r\n            >{{item}}</a>\r\n        </dropdown-menu>\r\n    </dropdown>\r\n    <input type=\"text\" class=\"form-control\" aria-label=\"Text input with dropdown button\">\r\n</div>\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n    selector: 'demo-input-group-sizing',\r\n    templateUrl: 'group-sizing.html'\r\n})\r\n\r\nexport class DemoInputGroupSizingComponent implements OnInit {\r\n    constructor() { }\r\n\r\n    ngOnInit() { }\r\n}","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n    selector: 'demo-input-group',\r\n    templateUrl: 'group.html'\r\n})\r\n\r\nexport class DemoInputGroupComponent implements OnInit {\r\n    constructor() { }\r\n\r\n    ngOnInit() { }\r\n}","<div class=\"input-group mb-3\">\r\n    <span class=\"input-group-text\" id=\"basic-addon1\">@</span>\r\n    <input type=\"text\" class=\"form-control\" placeholder=\"Username\" aria-label=\"Username\" aria-describedby=\"basic-addon1\">\r\n</div>\r\n\r\n<div class=\"input-group mb-3\">\r\n    <input type=\"text\" class=\"form-control\" placeholder=\"Recipient's username\" aria-label=\"Recipient's username\" aria-describedby=\"basic-addon2\">\r\n    <span class=\"input-group-text\" id=\"basic-addon2\">@example.com</span>\r\n</div>\r\n\r\n<label for=\"basic-url\" class=\"form-label\">Your vanity URL</label>\r\n<div class=\"input-group mb-3\">\r\n    <span class=\"input-group-text\" id=\"basic-addon3\">https://example.com/users/</span>\r\n    <input type=\"text\" class=\"form-control\" id=\"basic-url\" aria-describedby=\"basic-addon3\">\r\n</div>\r\n\r\n<div class=\"input-group mb-3\">\r\n    <span class=\"input-group-text\">$</span>\r\n    <input type=\"text\" class=\"form-control\" aria-label=\"Amount (to the nearest dollar)\">\r\n    <span class=\"input-group-text\">.00</span>\r\n</div>\r\n\r\n<div class=\"input-group\">\r\n    <span class=\"input-group-text\">With textarea</span>\r\n    <textarea class=\"form-control\" aria-label=\"With textarea\"></textarea>\r\n</div>","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n    selector: 'demo-input-multi',\r\n    templateUrl: 'multi.html'\r\n})\r\n\r\nexport class DemoInputMultiComponent implements OnInit {\r\n    constructor() { }\r\n\r\n    ngOnInit() { }\r\n}","<div class=\"input-group\">\r\n    <span class=\"input-group-text\">First and last name</span>\r\n    <input type=\"text\" aria-label=\"First name\" class=\"form-control\">\r\n    <input type=\"text\" aria-label=\"Last name\" class=\"form-control\">\r\n</div>","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n    selector: 'demo-input-sizing',\r\n    templateUrl: './sizing.html',\r\n    styles: [`\r\n        .form-control {\r\n            margin-bottom: 15px\r\n        }\r\n    `]\r\n})\r\nexport class DemoInputSizingComponent implements OnInit {\r\n    constructor() { }\r\n\r\n    ngOnInit(): void { }\r\n}\r\n","<input class=\"form-control form-control-lg\" type=\"text\" placeholder=\".form-control-lg\" aria-label=\".form-control-lg example\">\r\n<input class=\"form-control\" type=\"text\" placeholder=\"Default input\" aria-label=\"deafult input example\">\r\n<input class=\"form-control form-control-sm\" type=\"text\" placeholder=\".form-control-sm\" aria-label=\".form-control-sm example\">","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n    selector: 'demo-input-type',\r\n    templateUrl: './type.html'\r\n})\r\nexport class DemoInputTypeComponent implements OnInit {\r\n    constructor() { }\r\n\r\n    ngOnInit(): void { }\r\n}\r\n","<div class=\"mb-3\">\r\n    <label for=\"exampleFormControlInput1\" class=\"form-label\">Email address</label>\r\n    <input type=\"email\" class=\"form-control\" id=\"exampleFormControlInput1\" placeholder=\"name@example.com\">\r\n  </div>\r\n<div class=\"mb-3\">\r\n    <label for=\"exampleFormControlTextarea1\" class=\"form-label\">Example textarea</label>\r\n    <textarea class=\"form-control\" id=\"exampleFormControlTextarea1\" rows=\"3\"></textarea>\r\n</div>","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n    selector: 'demo-input-wrapping',\r\n    templateUrl: 'wrapping.html'\r\n})\r\n\r\nexport class DemoInputWrappingComponent implements OnInit {\r\n    constructor() { }\r\n\r\n    ngOnInit() { }\r\n}","<div class=\"input-group flex-nowrap\">\r\n    <span class=\"input-group-text\" id=\"addon-wrapping\">@</span>\r\n    <input type=\"text\" class=\"form-control\" placeholder=\"Username\" aria-label=\"Username\" aria-describedby=\"addon-wrapping\">\r\n</div>","import { ChangeDetectionStrategy, Component } from '@angular/core';\r\n\r\nimport { demoComponentContent } from './input-section.list';\r\nimport { ContentSection } from '@app/shared/components/docs/models/content-section.model';\r\n\r\n@Component({\r\n  selector: 'input-section',\r\n  templateUrl: './input-section.component.html',\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class InputSectionComponent {\r\n  name = 'Input';\r\n  src = '';\r\n  componentContent: ContentSection[] = demoComponentContent;\r\n}\r\n","<demo-section [name]=\"name\" [src]=\"src\" [componentContent]=\"componentContent\">\r\n    <p>Input text field</p>\r\n    <docs-section [content]=\"componentContent\"></docs-section>\r\n</demo-section>\r\n  ","import { DemoInputTypeComponent } from './demos/type/type';\r\nimport { DemoInputSizingComponent } from './demos/sizing/sizing';\r\nimport { DemoInputDisabledComponent } from './demos/disabled/disabled';\r\nimport { DemoInputColorComponent } from'./demos/color/color';\r\nimport { DemoInputGroupComponent } from './demos/group/group';\r\nimport { DemoInputWrappingComponent } from './demos/wrapping/wrapping';\r\nimport { DemoInputCheckboxRadioComponent } from './demos/checkbox-radio/checkbox-radio';\r\nimport { DemoInputMultiComponent } from './demos/multi/multi';\r\nimport { DemoInputAddonsComponent } from './demos/addons/addons';\r\nimport { DemoInputButtonComponent } from './demos/button/button';\r\nimport { DemoInputDropdownComponent } from './demos/dropdown/dropdown';\r\n\r\nimport { ContentSection } from '@app/shared/components/docs/models/content-section.model';\r\nimport { ExamplesComponent } from '@app/shared/components/docs/demo-section-components/demo-examples-section/index';\r\n\r\nexport const demoComponentContent: ContentSection[] = [\r\n  {\r\n    name: 'Examples',\r\n    anchor: 'examples',\r\n    outlet: ExamplesComponent,\r\n    content: [\r\n      {\r\n        title: 'Form Control',\r\n        anchor: 'form-control',\r\n        description: `<p>Give textual form controls like <code>&lt;input&gt;</code>s and <code>&lt;textarea&gt;</code>s an upgrade with custom styles, sizing, focus states, and more.</p>`,\r\n        html: require('!!raw-loader!./demos/type/type.html'),\r\n        outlet: DemoInputTypeComponent\r\n      },\r\n      {\r\n        title: 'Sizing',\r\n        anchor: 'sizing',\r\n        description: `<p>Set input heights by using <code>size</code></p>`,\r\n        html: require('!!raw-loader!./demos/sizing/sizing.html'),\r\n        outlet: DemoInputSizingComponent\r\n      },\r\n      {\r\n        title: 'Disabled',\r\n        anchor: 'disabled',\r\n        description: `<p>Add <code>disabled</code> on input to prevent modification of the input’s value</p>`,\r\n        html: require('!!raw-loader!./demos/disabled/disabled.html'),\r\n        outlet: DemoInputDisabledComponent\r\n      },\r\n      {\r\n        title: 'Color',\r\n        anchor: 'color',\r\n        description: `<p>Color picker input</p>`,\r\n        html: require('!!raw-loader!./demos/color/color.html'),\r\n        outlet: DemoInputColorComponent\r\n      },\r\n      {\r\n        title: 'Input Group',\r\n        anchor: 'group',\r\n        description: `<p>Place one add-on or button on either side of an input. You may also place one on both sides of an input. </p>`,\r\n        html: require('!!raw-loader!./demos/group/group.html'),\r\n        outlet: DemoInputGroupComponent\r\n      },\r\n      {\r\n        title: 'Wrapping',\r\n        anchor: 'wrapping',\r\n        description: `<p>Input groups wrap by default via <code>flex-wrap: wrap</code> in order to accommodate custom form field validation within an input group. You may disable this with <code>.flex-nowrap</code>.</p>`,\r\n        html: require('!!raw-loader!./demos/wrapping/wrapping.html'),\r\n        outlet: DemoInputWrappingComponent\r\n      },\r\n      {\r\n        title: 'Checkboxes and radios',\r\n        anchor: 'checkbox-radio',\r\n        description: `<p>Place any checkbox or radio option within an input group’s addon instead of text.</p>`,\r\n        html: require('!!raw-loader!./demos/checkbox-radio/checkbox-radio.html'),\r\n        outlet: DemoInputCheckboxRadioComponent\r\n      },\r\n      {\r\n        title: 'Multiple inputs',\r\n        anchor: 'multi',\r\n        description: `<p>While multiple <code>&lt;input&gt;</code>s are supported visually, validation styles are only available for input groups with a single <code>&lt;input&gt;</code>.</p>`,\r\n        html: require('!!raw-loader!./demos/multi/multi.html'),\r\n        outlet: DemoInputMultiComponent\r\n      },\r\n      {\r\n        title: 'Multiple addons',\r\n        anchor: 'addons',\r\n        description: `<p>Multiple add-ons are supported and can be mixed with checkbox and radio input versions.</p>`,\r\n        html: require('!!raw-loader!./demos/addons/addons.html'),\r\n        outlet: DemoInputAddonsComponent\r\n      },\r\n      {\r\n        title: 'Button addons',\r\n        anchor: 'button',\r\n        description: ``,\r\n        html: require('!!raw-loader!./demos/button/button.html'),\r\n        outlet: DemoInputButtonComponent\r\n      },\r\n      {\r\n        title: 'Buttons with dropdowns',\r\n        anchor: 'dropdown',\r\n        description: ``,\r\n        html: require('!!raw-loader!./demos/dropdown/dropdown.html'),\r\n        outlet: DemoInputDropdownComponent\r\n      }\r\n    ]\r\n  }\r\n];\r\n","export default \"<div class=\\\"input-group mb-3\\\">\\r\\n    <span class=\\\"input-group-text\\\">$</span>\\r\\n    <span class=\\\"input-group-text\\\">0.00</span>\\r\\n    <input type=\\\"text\\\" class=\\\"form-control\\\" aria-label=\\\"Dollar amount (with dot and two decimal places)\\\">\\r\\n</div>\\r\\n\\r\\n<div class=\\\"input-group\\\">\\r\\n    <input type=\\\"text\\\" class=\\\"form-control\\\" aria-label=\\\"Dollar amount (with dot and two decimal places)\\\">\\r\\n    <span class=\\\"input-group-text\\\">$</span>\\r\\n    <span class=\\\"input-group-text\\\">0.00</span>\\r\\n</div>\";","export default \"<div class=\\\"input-group mb-3\\\">\\r\\n    <button class=\\\"btn btn-outline-secondary\\\" type=\\\"button\\\" id=\\\"button-addon1\\\">Button</button>\\r\\n    <input type=\\\"text\\\" class=\\\"form-control\\\" placeholder=\\\"\\\" aria-label=\\\"Example text with button addon\\\" aria-describedby=\\\"button-addon1\\\">\\r\\n</div>\\r\\n\\r\\n<div class=\\\"input-group mb-3\\\">\\r\\n    <input type=\\\"text\\\" class=\\\"form-control\\\" placeholder=\\\"Recipient's username\\\" aria-label=\\\"Recipient's username\\\" aria-describedby=\\\"button-addon2\\\">\\r\\n    <button class=\\\"btn btn-outline-secondary\\\" type=\\\"button\\\" id=\\\"button-addon2\\\">Button</button>\\r\\n</div>\\r\\n\\r\\n<div class=\\\"input-group mb-3\\\">\\r\\n    <button class=\\\"btn btn-outline-secondary\\\" type=\\\"button\\\">Button</button>\\r\\n    <button class=\\\"btn btn-outline-secondary\\\" type=\\\"button\\\">Button</button>\\r\\n    <input type=\\\"text\\\" class=\\\"form-control\\\" placeholder=\\\"\\\" aria-label=\\\"Example text with two button addons\\\">\\r\\n</div>\\r\\n\\r\\n<div class=\\\"input-group\\\">\\r\\n    <input type=\\\"text\\\" class=\\\"form-control\\\" placeholder=\\\"Recipient's username\\\" aria-label=\\\"Recipient's username with two button addons\\\">\\r\\n    <button class=\\\"btn btn-outline-secondary\\\" type=\\\"button\\\">Button</button>\\r\\n    <button class=\\\"btn btn-outline-secondary\\\" type=\\\"button\\\">Button</button>\\r\\n</div>\";","export default \"<div class=\\\"input-group mb-3\\\">\\r\\n    <div class=\\\"input-group-text\\\">\\r\\n        <input class=\\\"form-check-input\\\" type=\\\"checkbox\\\" value=\\\"\\\" aria-label=\\\"Checkbox for following text input\\\">\\r\\n    </div>\\r\\n        <input type=\\\"text\\\" class=\\\"form-control\\\" aria-label=\\\"Text input with checkbox\\\">\\r\\n</div>\\r\\n    \\r\\n<div class=\\\"input-group\\\">\\r\\n    <div class=\\\"input-group-text\\\">\\r\\n        <input class=\\\"form-check-input\\\" type=\\\"radio\\\" value=\\\"\\\" aria-label=\\\"Radio button for following text input\\\">\\r\\n    </div>\\r\\n    <input type=\\\"text\\\" class=\\\"form-control\\\" aria-label=\\\"Text input with radio button\\\">\\r\\n</div>\";","export default \"<label for=\\\"exampleColorInput\\\" class=\\\"form-label\\\">Color picker</label>\\r\\n<input type=\\\"color\\\" class=\\\"form-control form-control-color\\\" id=\\\"exampleColorInput\\\" value=\\\"#563d7c\\\" title=\\\"Choose your color\\\">\";","export default \"<input class=\\\"form-control\\\" type=\\\"text\\\" placeholder=\\\"Default input\\\" disabled>\";","export default \"<div class=\\\"input-group mb-3\\\">\\r\\n    <dropdown (click)=\\\"dropdownInput.toggle($event)\\\">\\r\\n        <button \\r\\n            class=\\\"btn btn-outline-secondary dropdown-toggle\\\" \\r\\n            type=\\\"button\\\" \\r\\n        >\\r\\n            {{leftDropdownValue}}\\r\\n        </button>\\r\\n        <dropdown-menu #dropdownInput >\\r\\n            <a \\r\\n                href=\\\"javaScript:void(0)\\\"\\r\\n                dropdownItem \\r\\n                (click)=\\\"onLeftDropdownChange(item)\\\" \\r\\n                *ngFor=\\\"let item of dropdownList\\\"\\r\\n            >{{item}}</a>\\r\\n        </dropdown-menu>\\r\\n    </dropdown>\\r\\n    <input type=\\\"text\\\" class=\\\"form-control\\\" aria-label=\\\"Text input with dropdown button\\\">\\r\\n</div>\\r\\n\";","export default \"<div class=\\\"input-group mb-3\\\">\\r\\n    <span class=\\\"input-group-text\\\" id=\\\"basic-addon1\\\">@</span>\\r\\n    <input type=\\\"text\\\" class=\\\"form-control\\\" placeholder=\\\"Username\\\" aria-label=\\\"Username\\\" aria-describedby=\\\"basic-addon1\\\">\\r\\n</div>\\r\\n\\r\\n<div class=\\\"input-group mb-3\\\">\\r\\n    <input type=\\\"text\\\" class=\\\"form-control\\\" placeholder=\\\"Recipient's username\\\" aria-label=\\\"Recipient's username\\\" aria-describedby=\\\"basic-addon2\\\">\\r\\n    <span class=\\\"input-group-text\\\" id=\\\"basic-addon2\\\">@example.com</span>\\r\\n</div>\\r\\n\\r\\n<label for=\\\"basic-url\\\" class=\\\"form-label\\\">Your vanity URL</label>\\r\\n<div class=\\\"input-group mb-3\\\">\\r\\n    <span class=\\\"input-group-text\\\" id=\\\"basic-addon3\\\">https://example.com/users/</span>\\r\\n    <input type=\\\"text\\\" class=\\\"form-control\\\" id=\\\"basic-url\\\" aria-describedby=\\\"basic-addon3\\\">\\r\\n</div>\\r\\n\\r\\n<div class=\\\"input-group mb-3\\\">\\r\\n    <span class=\\\"input-group-text\\\">$</span>\\r\\n    <input type=\\\"text\\\" class=\\\"form-control\\\" aria-label=\\\"Amount (to the nearest dollar)\\\">\\r\\n    <span class=\\\"input-group-text\\\">.00</span>\\r\\n</div>\\r\\n\\r\\n<div class=\\\"input-group\\\">\\r\\n    <span class=\\\"input-group-text\\\">With textarea</span>\\r\\n    <textarea class=\\\"form-control\\\" aria-label=\\\"With textarea\\\"></textarea>\\r\\n</div>\";","export default \"<div class=\\\"input-group\\\">\\r\\n    <span class=\\\"input-group-text\\\">First and last name</span>\\r\\n    <input type=\\\"text\\\" aria-label=\\\"First name\\\" class=\\\"form-control\\\">\\r\\n    <input type=\\\"text\\\" aria-label=\\\"Last name\\\" class=\\\"form-control\\\">\\r\\n</div>\";","export default \"<input class=\\\"form-control form-control-lg\\\" type=\\\"text\\\" placeholder=\\\".form-control-lg\\\" aria-label=\\\".form-control-lg example\\\">\\r\\n<input class=\\\"form-control\\\" type=\\\"text\\\" placeholder=\\\"Default input\\\" aria-label=\\\"deafult input example\\\">\\r\\n<input class=\\\"form-control form-control-sm\\\" type=\\\"text\\\" placeholder=\\\".form-control-sm\\\" aria-label=\\\".form-control-sm example\\\">\";","export default \"<div class=\\\"mb-3\\\">\\r\\n    <label for=\\\"exampleFormControlInput1\\\" class=\\\"form-label\\\">Email address</label>\\r\\n    <input type=\\\"email\\\" class=\\\"form-control\\\" id=\\\"exampleFormControlInput1\\\" placeholder=\\\"name@example.com\\\">\\r\\n  </div>\\r\\n<div class=\\\"mb-3\\\">\\r\\n    <label for=\\\"exampleFormControlTextarea1\\\" class=\\\"form-label\\\">Example textarea</label>\\r\\n    <textarea class=\\\"form-control\\\" id=\\\"exampleFormControlTextarea1\\\" rows=\\\"3\\\"></textarea>\\r\\n</div>\";","export default \"<div class=\\\"input-group flex-nowrap\\\">\\r\\n    <span class=\\\"input-group-text\\\" id=\\\"addon-wrapping\\\">@</span>\\r\\n    <input type=\\\"text\\\" class=\\\"form-control\\\" placeholder=\\\"Username\\\" aria-label=\\\"Username\\\" aria-describedby=\\\"addon-wrapping\\\">\\r\\n</div>\";"],"names":[],"sourceRoot":"webpack:///"}