(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[9],{

/***/ "../rmwc-samples/lib/component/FormSamples.js":
/*!****************************************************!*\
  !*** ../rmwc-samples/lib/component/FormSamples.js ***!
  \****************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {

"use strict";

var __extends = (this && this.__extends) || (function () {
    var extendStatics = Object.setPrototypeOf ||
        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
    return function (d, b) {
        extendStatics(d, b);
        function __() { this.constructor = d; }
        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
    };
})();
Object.defineProperty(exports, "__esModule", { value: true });
var React = __webpack_require__(/*! react */ "../../node_modules/react/index.js");
var TextField_1 = __webpack_require__(/*! rmwc/TextField */ "../../node_modules/rmwc/TextField/index.js");
var Select_1 = __webpack_require__(/*! rmwc/Select */ "../../node_modules/rmwc/Select/index.js");
var Slider_1 = __webpack_require__(/*! rmwc/Slider */ "../../node_modules/rmwc/Slider/index.js");
var Switch_1 = __webpack_require__(/*! rmwc/Switch */ "../../node_modules/rmwc/Switch/index.js");
var Checkbox_1 = __webpack_require__(/*! rmwc/Checkbox */ "../../node_modules/rmwc/Checkbox/index.js");
var TextFieldSamples = /** @class */ (function (_super) {
    __extends(TextFieldSamples, _super);
    function TextFieldSamples() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    TextFieldSamples.prototype.render = function () {
        return (React.createElement("div", null,
            React.createElement(TextField_1.TextField, { label: "Write something..." }),
            React.createElement(TextField_1.TextFieldHelperText, null, "Optional help text."),
            React.createElement(TextField_1.TextField, { box: true, withLeadingIcon: "search", label: "Write something..." }),
            React.createElement(TextField_1.TextField, { box: true, withTrailingIcon: React.createElement(TextField_1.TextFieldIcon, { use: "close" }), label: "Write something..." }),
            React.createElement(TextField_1.TextField, { outlined: true, label: "Write something..." }),
            React.createElement(TextField_1.TextField, { fullwidth: true, placeholder: "Full Width..." }),
            React.createElement(TextField_1.TextField, { textarea: true, fullwidth: true, label: "Multiline...", rows: "8" }),
            React.createElement(TextField_1.TextFieldHelperText, { persistent: true, validationMsg: true }, "The field is required."),
            React.createElement(TextField_1.TextField, { disabled: true, label: "Disabled..." })));
    };
    return TextFieldSamples;
}(React.Component));
var SelectSamples = /** @class */ (function (_super) {
    __extends(SelectSamples, _super);
    function SelectSamples(props) {
        var _this = _super.call(this, props) || this;
        _this.state = {};
        return _this;
    }
    SelectSamples.prototype.render = function () {
        var _this = this;
        return (React.createElement("div", null,
            React.createElement(Select_1.Select, { value: this.state.value, onChange: function (evt) { return _this.setState({ value: evt.target.value }); }, label: "Array", options: [
                    {
                        label: 'Cookies',
                        value: '1'
                    },
                    {
                        label: 'Pizza',
                        value: '2',
                        /** Any additional items will be passed to the
                         child ListItem as props */
                        'aria-disabled': true,
                        'tabIndex': -1
                    },
                    {
                        label: 'Icecream',
                        value: '3'
                    }
                ] }),
            React.createElement(Select_1.Select, { label: "Object map", options: { '1': 'Cookies', '2': 'Pizza', '3': 'Icecream' } }),
            React.createElement(Select_1.Select, { box: true, label: "Simple Array", placeholder: "-- Select One --", options: ['Cookies', 'Pizza', 'Icecream'] })));
    };
    return SelectSamples;
}(React.Component));
var SliderSamples = /** @class */ (function (_super) {
    __extends(SliderSamples, _super);
    function SliderSamples(props) {
        var _this = _super.call(this, props) || this;
        _this.state = {};
        return _this;
    }
    SliderSamples.prototype.render = function () {
        var _this = this;
        return (React.createElement("div", null,
            React.createElement(Slider_1.Slider, { onInput: function (evt) { return console.log(evt); }, onChange: function (evt) { return console.log(evt); } }),
            React.createElement(Slider_1.Slider, { value: this.state.sliderValue === undefined ? 50 : this.state.sliderValue, onChange: function (evt) { return _this.setState({ sliderValue: evt.detail.value }); }, onInput: function (evt) { return _this.setState({ sliderValue: evt.detail.value }); }, discrete: true, step: 1 }),
            React.createElement(Slider_1.Slider, { value: this.state.sliderValue2 === undefined ? 150 : this.state.sliderValue2, onChange: function (evt) { return _this.setState({ sliderValue2: evt.detail.value }); }, onInput: function (evt) { return _this.setState({ sliderValue2: evt.detail.value }); }, discrete: true, displayMarkers: true, min: 100, max: 200, step: 5 })));
    };
    return SliderSamples;
}(React.Component));
var SwitchSamples = /** @class */ (function (_super) {
    __extends(SwitchSamples, _super);
    function SwitchSamples(props) {
        var _this = _super.call(this, props) || this;
        _this.state = {};
        return _this;
    }
    SwitchSamples.prototype.render = function () {
        var _this = this;
        return (React.createElement("div", null,
            React.createElement(Switch_1.Switch, { checked: this.state.cookiesChecked, onChange: function (evt) { return _this.setState({ cookiesChecked: evt.target.checked }); } }, "Cookies"),
            React.createElement(Switch_1.Switch, null, "Pizza"),
            React.createElement(Switch_1.Switch, { label: "Icecream" })));
    };
    return SwitchSamples;
}(React.Component));
var CheckboxSamples = /** @class */ (function (_super) {
    __extends(CheckboxSamples, _super);
    function CheckboxSamples(props) {
        var _this = _super.call(this, props) || this;
        _this.state = {};
        return _this;
    }
    CheckboxSamples.prototype.render = function () {
        var _this = this;
        return (React.createElement("div", null,
            React.createElement(Checkbox_1.Checkbox, { checked: this.state.cookiesChecked || false, onChange: function (evt) { return _this.setState({ cookiesChecked: evt.target.checked }); } }, "Cookies"),
            React.createElement(Checkbox_1.Checkbox, null, "Pizza"),
            React.createElement(Checkbox_1.Checkbox, { label: "Icecream" }),
            React.createElement(Checkbox_1.Checkbox, { indeterminate: true }, "Broccoli")));
    };
    return CheckboxSamples;
}(React.Component));
var FormSamples = /** @class */ (function (_super) {
    __extends(FormSamples, _super);
    function FormSamples() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    FormSamples.prototype.render = function () {
        return (React.createElement("div", { style: { padding: 8 } },
            React.createElement("h2", null, "Text Field Samples"),
            React.createElement("div", { style: { padding: 8 } },
                React.createElement(TextFieldSamples, null)),
            React.createElement("h2", null, "Select Samples"),
            React.createElement("div", { style: { padding: 8 } },
                React.createElement(SelectSamples, null)),
            React.createElement("h2", null, "Slider Samples"),
            React.createElement("div", { style: { padding: 8 } },
                React.createElement(SliderSamples, null)),
            React.createElement("h2", null, "Switch Samples"),
            React.createElement("div", { style: { padding: 8 } },
                React.createElement(SwitchSamples, null)),
            React.createElement("h2", null, "Checkbox Samples"),
            React.createElement("div", { style: { padding: 8 } },
                React.createElement(CheckboxSamples, null))));
    };
    return FormSamples;
}(React.Component));
exports.FormSamples = FormSamples;
exports.default = FormSamples;


/***/ })

}]);
//# sourceMappingURL=9.js.map