Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

angular-formly-material

Package Overview
Dependencies
Maintainers
1
Versions
14
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

angular-formly-material - npm Package Compare versions

Comparing version 0.13.0 to 0.14.0

4

bower.json

@@ -26,4 +26,4 @@ {

"webpack",
"karma.conf.js",,
"package.js"
"karma.conf.js",
"package.js",
"webpack.config.js"

@@ -30,0 +30,0 @@ ],

@@ -5,2 +5,17 @@ # Change Log

## [0.14.0](https://github.com/formly-js/angular-formly-templates-material/compare/v0.13.0...v0.14.0)
### Added
- (chips) support for **templateOptions.disabled** (#14) (eea2fcf, f2d2e40)
- (radio) support for **templateOptions.disabled** (#13) (e6104ea, c04f63d)
- (checkbox) support for **templateOptions.disabled** (bdbe651, aec4e60)
- (datepicker) support for **templateOptions.disabled** (41b99d6, 7ee864a)
- (input) support for **templateOptions.disabled** (2b528c3, 18c819f)
- (select) support for **templateOptions.disabled** (2bb10e0, 9f76f0e)
- (slider) support for **templateOptions.disabled** (27d1d2a, f6b5890)
- (switch) support for **templateOptions.disabled** (7c1865c, 178ac76)
- (textarea) support for **templateOptions.disabled** (858f9fa, 8a246f5)
- **templateOptions.className** option (equivalent to ng-class) (#15, #16) (718c172, d656b4c)
## [0.13.0](https://github.com/formly-js/angular-formly-templates-material/compare/v0.12.0...v0.13.0)

@@ -7,0 +22,0 @@

@@ -80,7 +80,7 @@ /*!

var _wrappers = __webpack_require__(5);
var _wrappers = __webpack_require__(6);
var _wrappers2 = _interopRequireDefault(_wrappers);
var _types = __webpack_require__(14);
var _types = __webpack_require__(15);

@@ -123,7 +123,11 @@ var _types2 = _interopRequireDefault(_types);

var _theme = __webpack_require__(3);
var _className = __webpack_require__(3);
var _className2 = _interopRequireDefault(_className);
var _theme = __webpack_require__(5);
var _theme2 = _interopRequireDefault(_theme);
exports['default'] = [_theme2['default']];
exports['default'] = [_className2['default'], _theme2['default']];
module.exports = exports['default'];

@@ -144,9 +148,9 @@

exports['default'] = function (formlyConfigProvider) {
formlyConfigProvider.templateManipulators.preWrapper.push(function (template, options) {
// adds md-theme only when:
// templateOptions.theme is defined
if (typeof options.templateOptions.theme !== 'undefined') {
return (0, _helpersIndexJs.ngModelAttrsManipulator)(template, options, 'md-theme', options.templateOptions.theme);
}
return template;
// add only step attribute because min and max are both built-in
formlyConfigProvider.extras.fieldTransform.push(function (fields) {
return (0, _helpersIndexJs.ngModelAttrsTransformer)(fields, function (field) {
return field.templateOptions && typeof field.templateOptions.className !== 'undefined';
}, 'className', {
bound: 'ng-class'
});
});

@@ -265,17 +269,42 @@ };

var _helpersIndexJs = __webpack_require__(4);
exports['default'] = function (formlyConfigProvider) {
formlyConfigProvider.templateManipulators.preWrapper.push(function (template, options) {
// adds md-theme only when:
// templateOptions.theme is defined
if (typeof options.templateOptions.theme !== 'undefined') {
return (0, _helpersIndexJs.ngModelAttrsManipulator)(template, options, 'md-theme', options.templateOptions.theme);
}
return template;
});
};
module.exports = exports['default'];
/***/ },
/* 6 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, '__esModule', {
value: true
});
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _inputContainerInputContainer = __webpack_require__(6);
var _inputContainerInputContainer = __webpack_require__(7);
var _inputContainerInputContainer2 = _interopRequireDefault(_inputContainerInputContainer);
var _labelLabel = __webpack_require__(8);
var _labelLabel = __webpack_require__(9);
var _labelLabel2 = _interopRequireDefault(_labelLabel);
var _messagesMessages = __webpack_require__(10);
var _messagesMessages = __webpack_require__(11);
var _messagesMessages2 = _interopRequireDefault(_messagesMessages);
var _dividerDivider = __webpack_require__(12);
var _dividerDivider = __webpack_require__(13);

@@ -288,3 +317,3 @@ var _dividerDivider2 = _interopRequireDefault(_dividerDivider);

/***/ },
/* 6 */
/* 7 */
/***/ function(module, exports, __webpack_require__) {

@@ -300,3 +329,3 @@

var _inputContainerHtml = __webpack_require__(7);
var _inputContainerHtml = __webpack_require__(8);

@@ -315,3 +344,3 @@ var _inputContainerHtml2 = _interopRequireDefault(_inputContainerHtml);

/***/ },
/* 7 */
/* 8 */
/***/ function(module, exports) {

@@ -322,3 +351,3 @@

/***/ },
/* 8 */
/* 9 */
/***/ function(module, exports, __webpack_require__) {

@@ -334,3 +363,3 @@

var _labelHtml = __webpack_require__(9);
var _labelHtml = __webpack_require__(10);

@@ -356,3 +385,3 @@ var _labelHtml2 = _interopRequireDefault(_labelHtml);

/***/ },
/* 9 */
/* 10 */
/***/ function(module, exports) {

@@ -363,3 +392,3 @@

/***/ },
/* 10 */
/* 11 */
/***/ function(module, exports, __webpack_require__) {

@@ -375,3 +404,3 @@

var _messagesHtml = __webpack_require__(11);
var _messagesHtml = __webpack_require__(12);

@@ -390,3 +419,3 @@ var _messagesHtml2 = _interopRequireDefault(_messagesHtml);

/***/ },
/* 11 */
/* 12 */
/***/ function(module, exports) {

@@ -397,3 +426,3 @@

/***/ },
/* 12 */
/* 13 */
/***/ function(module, exports, __webpack_require__) {

@@ -409,3 +438,3 @@

var _dividerHtml = __webpack_require__(13);
var _dividerHtml = __webpack_require__(14);

@@ -431,3 +460,3 @@ var _dividerHtml2 = _interopRequireDefault(_dividerHtml);

/***/ },
/* 13 */
/* 14 */
/***/ function(module, exports) {

@@ -438,3 +467,3 @@

/***/ },
/* 14 */
/* 15 */
/***/ function(module, exports, __webpack_require__) {

@@ -450,35 +479,35 @@

var _checkboxCheckbox = __webpack_require__(15);
var _checkboxCheckbox = __webpack_require__(16);
var _checkboxCheckbox2 = _interopRequireDefault(_checkboxCheckbox);
var _chipsChips = __webpack_require__(17);
var _chipsChips = __webpack_require__(18);
var _chipsChips2 = _interopRequireDefault(_chipsChips);
var _datepickerDatepicker = __webpack_require__(19);
var _datepickerDatepicker = __webpack_require__(20);
var _datepickerDatepicker2 = _interopRequireDefault(_datepickerDatepicker);
var _inputInput = __webpack_require__(21);
var _inputInput = __webpack_require__(22);
var _inputInput2 = _interopRequireDefault(_inputInput);
var _radioRadio = __webpack_require__(23);
var _radioRadio = __webpack_require__(24);
var _radioRadio2 = _interopRequireDefault(_radioRadio);
var _selectSelect = __webpack_require__(25);
var _selectSelect = __webpack_require__(26);
var _selectSelect2 = _interopRequireDefault(_selectSelect);
var _sliderSlider = __webpack_require__(27);
var _sliderSlider = __webpack_require__(28);
var _sliderSlider2 = _interopRequireDefault(_sliderSlider);
var _switchSwitch = __webpack_require__(29);
var _switchSwitch = __webpack_require__(30);
var _switchSwitch2 = _interopRequireDefault(_switchSwitch);
var _textareaTextarea = __webpack_require__(31);
var _textareaTextarea = __webpack_require__(32);

@@ -491,3 +520,3 @@ var _textareaTextarea2 = _interopRequireDefault(_textareaTextarea);

/***/ },
/* 15 */
/* 16 */
/***/ function(module, exports, __webpack_require__) {

@@ -503,3 +532,3 @@

var _checkboxHtml = __webpack_require__(16);
var _checkboxHtml = __webpack_require__(17);

@@ -511,3 +540,17 @@ var _checkboxHtml2 = _interopRequireDefault(_checkboxHtml);

template: _checkboxHtml2['default'],
name: 'checkbox'
name: 'checkbox',
defaultOptions: {
ngModelAttrs: {
disabled: {
bound: 'ng-disabled'
}
}
},
apiCheck: function apiCheck(check) {
return {
templateOptions: {
disabled: check.bool.optional
}
};
}
});

@@ -519,3 +562,3 @@ };

/***/ },
/* 16 */
/* 17 */
/***/ function(module, exports) {

@@ -526,3 +569,3 @@

/***/ },
/* 17 */
/* 18 */
/***/ function(module, exports, __webpack_require__) {

@@ -538,3 +581,3 @@

var _chipsHtml = __webpack_require__(18);
var _chipsHtml = __webpack_require__(19);

@@ -593,9 +636,9 @@ var _chipsHtml2 = _interopRequireDefault(_chipsHtml);

/***/ },
/* 18 */
/* 19 */
/***/ function(module, exports) {
module.exports = "<md-chips ng-model=\"model[options.key]\"></md-chips>";
module.exports = "<md-chips ng-model=\"model[options.key]\" readonly=\"to.disabled\"></md-chips>\r\n";
/***/ },
/* 19 */
/* 20 */
/***/ function(module, exports, __webpack_require__) {

@@ -611,3 +654,3 @@

var _datepickerHtml = __webpack_require__(20);
var _datepickerHtml = __webpack_require__(21);

@@ -622,3 +665,9 @@ var _datepickerHtml2 = _interopRequireDefault(_datepickerHtml);

defaultOptions: {
templateOptions: {
disabled: false
},
ngModelAttrs: {
disabled: {
bound: 'ng-disabled'
},
placeholder: {

@@ -641,2 +690,3 @@ attribute: 'md-placeholder'

templateOptions: {
disabled: check.bool.optional,
placeholder: check.string.optional,

@@ -655,3 +705,3 @@ minDate: check.instanceOf(Date).optional,

/***/ },
/* 20 */
/* 21 */
/***/ function(module, exports) {

@@ -662,3 +712,3 @@

/***/ },
/* 21 */
/* 22 */
/***/ function(module, exports, __webpack_require__) {

@@ -674,3 +724,3 @@

var _inputHtml = __webpack_require__(22);
var _inputHtml = __webpack_require__(23);

@@ -688,3 +738,4 @@ var _inputHtml2 = _interopRequireDefault(_inputHtml);

templateOptions: {
type: 'text'
type: 'text',
disabled: false
},

@@ -695,2 +746,5 @@ ngModelAttrs: {

},
disabled: {
bound: 'ng-disabled'
},
pattern: {

@@ -704,2 +758,3 @@ bound: 'ng-pattern'

templateOptions: {
disabled: check.bool.optional,
type: check.string,

@@ -726,3 +781,3 @@ step: check.number.optional,

/***/ },
/* 22 */
/* 23 */
/***/ function(module, exports) {

@@ -733,3 +788,3 @@

/***/ },
/* 23 */
/* 24 */
/***/ function(module, exports, __webpack_require__) {

@@ -745,3 +800,3 @@

var _radioHtml = __webpack_require__(24);
var _radioHtml = __webpack_require__(25);

@@ -770,9 +825,9 @@ var _radioHtml2 = _interopRequireDefault(_radioHtml);

/***/ },
/* 24 */
/* 25 */
/***/ function(module, exports) {
module.exports = "<md-radio-group ng-model=\"model[options.key]\">\r\n <md-radio-button\r\n ng-repeat=\"option in to.options\"\r\n ng-value=\"option[to.valueProp || 'value']\">\r\n {{option[to.labelProp || 'name']}}\r\n </md-radio-button>\r\n</md-radio-group>";
module.exports = "<md-radio-group ng-model=\"model[options.key]\">\r\n <md-radio-button\r\n ng-repeat=\"option in to.options\"\r\n ng-disabled=\"to.disabled\"\r\n ng-value=\"option[to.valueProp || 'value']\">\r\n {{option[to.labelProp || 'name']}}\r\n </md-radio-button>\r\n</md-radio-group>\r\n";
/***/ },
/* 25 */
/* 26 */
/***/ function(module, exports, __webpack_require__) {

@@ -788,3 +843,3 @@

var _selectHtml = __webpack_require__(26);
var _selectHtml = __webpack_require__(27);

@@ -799,3 +854,9 @@ var _selectHtml2 = _interopRequireDefault(_selectHtml);

defaultOptions: {
templateOptions: {
disabled: false
},
ngModelAttrs: {
disabled: {
bound: 'ng-disabled'
},
multiple: {

@@ -815,2 +876,3 @@ bound: 'multiple'

templateOptions: {
disabled: check.bool.optional,
options: check.arrayOf(check.object),

@@ -831,3 +893,3 @@ multiple: check.bool.optional,

/***/ },
/* 26 */
/* 27 */
/***/ function(module, exports) {

@@ -838,3 +900,3 @@

/***/ },
/* 27 */
/* 28 */
/***/ function(module, exports, __webpack_require__) {

@@ -850,3 +912,3 @@

var _sliderHtml = __webpack_require__(28);
var _sliderHtml = __webpack_require__(29);

@@ -861,3 +923,9 @@ var _sliderHtml2 = _interopRequireDefault(_sliderHtml);

defaultOptions: {
templateOptions: {
disabled: false
},
ngModelAttrs: {
disabled: {
bound: 'ng-disabled'
},
min: {

@@ -880,2 +948,3 @@ attribute: 'min'

templateOptions: {
disabled: check.bool.optional,
min: check.number.optional,

@@ -894,3 +963,3 @@ max: check.number.optional,

/***/ },
/* 28 */
/* 29 */
/***/ function(module, exports) {

@@ -901,3 +970,3 @@

/***/ },
/* 29 */
/* 30 */
/***/ function(module, exports, __webpack_require__) {

@@ -913,3 +982,3 @@

var _switchHtml = __webpack_require__(30);
var _switchHtml = __webpack_require__(31);

@@ -921,3 +990,20 @@ var _switchHtml2 = _interopRequireDefault(_switchHtml);

template: _switchHtml2['default'],
name: 'switch'
name: 'switch',
defaultOptions: {
templateOptions: {
disabled: false
},
ngModelAttrs: {
disabled: {
bound: 'ng-disabled'
}
}
},
apiCheck: function apiCheck(check) {
return {
templateOptions: {
disabled: check.bool.optional
}
};
}
});

@@ -929,3 +1015,3 @@ };

/***/ },
/* 30 */
/* 31 */
/***/ function(module, exports) {

@@ -936,3 +1022,3 @@

/***/ },
/* 31 */
/* 32 */
/***/ function(module, exports, __webpack_require__) {

@@ -948,3 +1034,3 @@

var _textareaHtml = __webpack_require__(32);
var _textareaHtml = __webpack_require__(33);

@@ -962,2 +1048,5 @@ var _textareaHtml2 = _interopRequireDefault(_textareaHtml);

ngModelAttrs: {
disabled: {
bound: 'ng-disabled'
},
rows: {

@@ -977,2 +1066,3 @@ attribute: 'rows'

templateOptions: {
disabled: check.bool.optional,
rows: check.number.optional,

@@ -998,3 +1088,3 @@ cols: check.number.optional,

/***/ },
/* 32 */
/* 33 */
/***/ function(module, exports) {

@@ -1001,0 +1091,0 @@

/*! angular-formly-material JavaScript Library v0.13.0 | MIT | built with ♥ by Kamil Kisiela <mys.sterowiec@gmail.com> */
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("angular")):"function"==typeof define&&define.amd?define(["angular"],t):"object"==typeof exports?exports.ngFormlyMaterial=t(require("angular")):e.ngFormlyMaterial=t(e.angular)}(this,function(e){return function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={exports:{},id:o,loaded:!1};return e[o].call(r.exports,r,r.exports,t),r.loaded=!0,r.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var r=n(1),a=o(r),l=n(2),u=o(l),i=n(5),d=o(i),s=n(14),p=o(s),f="formlyMaterial";a["default"].module(f,["ngMessages","ngMaterial","formly"]).config(["formlyConfigProvider",function(e){var t=[u["default"],d["default"],p["default"]];t.forEach(function(t){for(var n=0;n<t.length;n++)t[n](e)})}]),t["default"]=f,e.exports=t["default"]},function(t,n){t.exports=e},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var r=n(3),a=o(r);t["default"]=[a["default"]],e.exports=t["default"]},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(4);t["default"]=function(e){e.templateManipulators.preWrapper.push(function(e,t){return"undefined"!=typeof t.templateOptions.theme?(0,o.ngModelAttrsManipulator)(e,t,"md-theme",t.templateOptions.theme):e})},e.exports=t["default"]},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}function r(e,t,n){d["default"].forEach(e,function(e){e.getAttribute(t)||e.setAttribute(t,n)})}function a(e){var t="[ng-model], [data-ng-model]";return e.querySelectorAll(t)}function l(e,t,n,o){var l=document.createElement("div"),u=t.extras&&t.extras.skipNgModelAttrsManipulator;if(u===!0)return e;l.innerHTML=e;var i=a(l);return i&&i.length?(r(i,n,o),l.innerHTML):e}function u(e,t,n,o){return(e||[]).forEach(function(e){t(e)===!0&&(e.ngModelAttrs||(e.ngModelAttrs={}),"undefined"!=typeof e.templateOptions[n]&&(e.ngModelAttrs[n]=o))}),e}Object.defineProperty(t,"__esModule",{value:!0}),t.ngModelAttrsManipulator=l,t.ngModelAttrsTransformer=u;var i=n(1),d=o(i)},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var r=n(6),a=o(r),l=n(8),u=o(l),i=n(10),d=o(i),s=n(12),p=o(s);t["default"]=[a["default"],u["default"],d["default"],p["default"]],e.exports=t["default"]},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var r=n(7),a=o(r);t["default"]=function(e){e.setWrapper({template:a["default"],name:"inputContainer"})},e.exports=t["default"]},function(e,t){e.exports="<md-input-container><formly-transclude></formly-transclude></md-input-container>"},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var r=n(9),a=o(r);t["default"]=function(e){e.setWrapper({template:a["default"],name:"label",apiCheck:function(e){return{templateOptions:{label:e.string}}}})},e.exports=t["default"]},function(e,t){e.exports="<label for={{id}} ng-style=\"['input', 'textarea', 'select'].indexOf(options.type) === -1 && {'font-size':'12px', 'color': 'rgb(117, 117, 117)'}\">{{to.label}}</label><formly-transclude></formly-transclude>"},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var r=n(11),a=o(r);t["default"]=function(e){e.setWrapper({template:a["default"],name:"messages"})},e.exports=t["default"]},function(e,t){e.exports='<formly-transclude></formly-transclude><div ng-messages=fc.$error ng-show=showError><div ng-repeat="(name, message) in ::options.validation.messages" ng-message-exp=name>{{message(fc.$viewValue, fc.$modelValue, this)}}</div></div>'},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var r=n(13),a=o(r);t["default"]=function(e){e.setWrapper({template:a["default"],name:"divider",apiCheck:function(e){return{templateOptions:{divider:e.oneOf(["before","after"]).optional}}}})},e.exports=t["default"]},function(e,t){e.exports="<md-divider ng-if=\"to.divider === 'before'\"></md-divider><formly-transclude></formly-transclude><md-divider ng-if=\"to.divider !== 'before'\"></md-divider>"},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var r=n(15),a=o(r),l=n(17),u=o(l),i=n(19),d=o(i),s=n(21),p=o(s),f=n(23),c=o(f),m=n(25),b=o(m),g=n(27),v=o(g),_=n(29),y=o(_),x=n(31),M=o(x);t["default"]=[a["default"],u["default"],d["default"],p["default"],c["default"],b["default"],v["default"],y["default"],M["default"]],e.exports=t["default"]},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var r=n(16),a=o(r);t["default"]=function(e){e.setType({template:a["default"],name:"checkbox"})},e.exports=t["default"]},function(e,t){e.exports="<div><md-checkbox ng-model=model[options.key]>{{to.label}}</md-checkbox></div>"},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var r=n(18),a=o(r);t["default"]=function(e){e.setType({template:a["default"],name:"chips",wrapper:["label"],defaultOptions:{defaultValue:[],ngModelAttrs:{placeholder:{attribute:"placeholder"},secondaryPlaceholder:{attribute:"secondary-placeholder"},deleteButtonLabel:{attribute:"delete-button-label"},deleteHint:{attribute:"delete-hint"},onAdd:{bound:"md-on-add"},onRemove:{bound:"md-on-remove"},onSelect:{bound:"md-on-select"}}},apiCheck:function(e){return{templateOptions:{placeholder:e.string.optional,secondaryPlaceholder:e.string.optional,deleteButtonLabel:e.string.optional,deleteHint:e.string.optional,onAdd:e.func.optional,onRemove:e.func.optional,onSelect:e.func.optional}}}})},e.exports=t["default"]},function(e,t){e.exports="<md-chips ng-model=model[options.key]></md-chips>"},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var r=n(20),a=o(r);t["default"]=function(e){e.setType({template:a["default"],name:"datepicker",wrapper:["label","messages"],defaultOptions:{ngModelAttrs:{placeholder:{attribute:"md-placeholder"},minDate:{bound:"md-min-date"},maxDate:{bound:"md-max-date"},filterDate:{bound:"md-date-filter"}}},apiCheck:function(e){return{templateOptions:{placeholder:e.string.optional,minDate:e.instanceOf(Date).optional,maxDate:e.instanceOf(Date).optional,filterDate:e.func.optional}}}})},e.exports=t["default"]},function(e,t){e.exports="<div><md-datepicker ng-model=model[options.key]></md-datepicker></div>"},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var r=n(22),a=o(r),l=n(4);t["default"]=function(e){e.setType({template:a["default"],name:"input",wrapper:["label","messages","inputContainer"],defaultOptions:{templateOptions:{type:"text"},ngModelAttrs:{mdMaxlength:{bound:"md-maxlength"},pattern:{bound:"ng-pattern"}}},apiCheck:function(e){return{templateOptions:{type:e.string,step:e.number.optional,pattern:e.oneOfType([e.string,e.instanceOf(RegExp)]).optional}}}}),e.extras.fieldTransform.push(function(e){return(0,l.ngModelAttrsTransformer)(e,function(e){return"input"===e.type&&"number"===e.templateOptions.type},"step",{attribute:"step"})})},e.exports=t["default"]},function(e,t){e.exports="<input ng-model=model[options.key]>"},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var r=n(24),a=o(r);t["default"]=function(e){e.setType({template:a["default"],name:"radio",wrapper:["label"],apiCheck:function(e){return{templateOptions:{options:e.arrayOf(e.object),labelProp:e.string.optional,valueProp:e.string.optional}}}})},e.exports=t["default"]},function(e,t){e.exports="<md-radio-group ng-model=model[options.key]><md-radio-button ng-repeat=\"option in to.options\" ng-value=\"option[to.valueProp || 'value']\">{{option[to.labelProp || 'name']}}</md-radio-button></md-radio-group>"},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var r=n(26),a=o(r);t["default"]=function(e){e.setType({template:a["default"],name:"select",wrapper:["label","messages","inputContainer"],defaultOptions:{ngModelAttrs:{multiple:{bound:"multiple"},onClose:{bound:"md-on-close"},onOpen:{bound:"md-on-open"}}},apiCheck:function(e){return{templateOptions:{options:e.arrayOf(e.object),multiple:e.bool.optional,labelProp:e.string.optional,valueProp:e.string.optional,onClose:e.func.optional,onOpen:e.func.optional}}}})},e.exports=t["default"]},function(e,t){e.exports="<md-select ng-model=model[options.key]><md-option ng-repeat=\"option in to.options\" ng-value=\"option[to.valueProp || 'value']\">{{ option[to.labelProp || 'name'] }}</md-option></md-select>"},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var r=n(28),a=o(r);t["default"]=function(e){e.setType({template:a["default"],name:"slider",wrapper:["label"],defaultOptions:{ngModelAttrs:{min:{attribute:"min"},max:{attribute:"max"},step:{attribute:"step"},discrete:{bound:"md-discrete"}}},apiCheck:function(e){return{templateOptions:{min:e.number.optional,max:e.number.optional,step:e.number.optional,discrete:e.bool.optional}}}})},e.exports=t["default"]},function(e,t){e.exports="<md-slider ng-model=model[options.key]></md-slider>"},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var r=n(30),a=o(r);t["default"]=function(e){e.setType({template:a["default"],name:"switch"})},e.exports=t["default"]},function(e,t){e.exports="<md-switch ng-model=model[options.key]>{{to.label}}</md-switch>"},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var r=n(32),a=o(r),l=n(4);t["default"]=function(e){e.setType({template:a["default"],name:"textarea",wrapper:["label","messages","inputContainer"],defaultOptions:{ngModelAttrs:{rows:{attribute:"rows"},cols:{attribute:"cols"}},templateOptions:{grow:!0}},apiCheck:function(e){return{templateOptions:{rows:e.number.optional,cols:e.number.optional,grow:e.bool.optional}}}}),e.extras.fieldTransform.push(function(e){return(0,l.ngModelAttrsTransformer)(e,function(e){return"textarea"===e.type&&e.templateOptions.grow===!1},"grow",{attribute:"md-no-autogrow"})})},e.exports=t["default"]},function(e,t){e.exports="<textarea ng-model=model[options.key]></textarea>"}])});
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("angular")):"function"==typeof define&&define.amd?define(["angular"],t):"object"==typeof exports?exports.ngFormlyMaterial=t(require("angular")):e.ngFormlyMaterial=t(e.angular)}(this,function(e){return function(e){function t(o){if(n[o])return n[o].exports;var a=n[o]={exports:{},id:o,loaded:!1};return e[o].call(a.exports,a,a.exports,t),a.loaded=!0,a.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(1),l=o(a),r=n(2),u=o(r),i=n(6),d=o(i),s=n(15),p=o(s),f="formlyMaterial";l["default"].module(f,["ngMessages","ngMaterial","formly"]).config(["formlyConfigProvider",function(e){var t=[u["default"],d["default"],p["default"]];t.forEach(function(t){for(var n=0;n<t.length;n++)t[n](e)})}]),t["default"]=f,e.exports=t["default"]},function(t,n){t.exports=e},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(3),l=o(a),r=n(5),u=o(r);t["default"]=[l["default"],u["default"]],e.exports=t["default"]},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(4);t["default"]=function(e){e.extras.fieldTransform.push(function(e){return(0,o.ngModelAttrsTransformer)(e,function(e){return e.templateOptions&&"undefined"!=typeof e.templateOptions.className},"className",{bound:"ng-class"})})},e.exports=t["default"]},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}function a(e,t,n){d["default"].forEach(e,function(e){e.getAttribute(t)||e.setAttribute(t,n)})}function l(e){var t="[ng-model], [data-ng-model]";return e.querySelectorAll(t)}function r(e,t,n,o){var r=document.createElement("div"),u=t.extras&&t.extras.skipNgModelAttrsManipulator;if(u===!0)return e;r.innerHTML=e;var i=l(r);return i&&i.length?(a(i,n,o),r.innerHTML):e}function u(e,t,n,o){return(e||[]).forEach(function(e){t(e)===!0&&(e.ngModelAttrs||(e.ngModelAttrs={}),"undefined"!=typeof e.templateOptions[n]&&(e.ngModelAttrs[n]=o))}),e}Object.defineProperty(t,"__esModule",{value:!0}),t.ngModelAttrsManipulator=r,t.ngModelAttrsTransformer=u;var i=n(1),d=o(i)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(4);t["default"]=function(e){e.templateManipulators.preWrapper.push(function(e,t){return"undefined"!=typeof t.templateOptions.theme?(0,o.ngModelAttrsManipulator)(e,t,"md-theme",t.templateOptions.theme):e})},e.exports=t["default"]},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(7),l=o(a),r=n(9),u=o(r),i=n(11),d=o(i),s=n(13),p=o(s);t["default"]=[l["default"],u["default"],d["default"],p["default"]],e.exports=t["default"]},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(8),l=o(a);t["default"]=function(e){e.setWrapper({template:l["default"],name:"inputContainer"})},e.exports=t["default"]},function(e,t){e.exports="<md-input-container><formly-transclude></formly-transclude></md-input-container>"},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(10),l=o(a);t["default"]=function(e){e.setWrapper({template:l["default"],name:"label",apiCheck:function(e){return{templateOptions:{label:e.string}}}})},e.exports=t["default"]},function(e,t){e.exports="<label for={{id}} ng-style=\"['input', 'textarea', 'select'].indexOf(options.type) === -1 && {'font-size':'12px', 'color': 'rgb(117, 117, 117)'}\">{{to.label}}</label><formly-transclude></formly-transclude>"},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(12),l=o(a);t["default"]=function(e){e.setWrapper({template:l["default"],name:"messages"})},e.exports=t["default"]},function(e,t){e.exports='<formly-transclude></formly-transclude><div ng-messages=fc.$error ng-show=showError><div ng-repeat="(name, message) in ::options.validation.messages" ng-message-exp=name>{{message(fc.$viewValue, fc.$modelValue, this)}}</div></div>'},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(14),l=o(a);t["default"]=function(e){e.setWrapper({template:l["default"],name:"divider",apiCheck:function(e){return{templateOptions:{divider:e.oneOf(["before","after"]).optional}}}})},e.exports=t["default"]},function(e,t){e.exports="<md-divider ng-if=\"to.divider === 'before'\"></md-divider><formly-transclude></formly-transclude><md-divider ng-if=\"to.divider !== 'before'\"></md-divider>"},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(16),l=o(a),r=n(18),u=o(r),i=n(20),d=o(i),s=n(22),p=o(s),f=n(24),c=o(f),m=n(26),b=o(m),g=n(28),v=o(g),_=n(30),y=o(_),x=n(32),M=o(x);t["default"]=[l["default"],u["default"],d["default"],p["default"],c["default"],b["default"],v["default"],y["default"],M["default"]],e.exports=t["default"]},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(17),l=o(a);t["default"]=function(e){e.setType({template:l["default"],name:"checkbox",defaultOptions:{ngModelAttrs:{disabled:{bound:"ng-disabled"}}},apiCheck:function(e){return{templateOptions:{disabled:e.bool.optional}}}})},e.exports=t["default"]},function(e,t){e.exports="<div><md-checkbox ng-model=model[options.key]>{{to.label}}</md-checkbox></div>"},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(19),l=o(a);t["default"]=function(e){e.setType({template:l["default"],name:"chips",wrapper:["label"],defaultOptions:{defaultValue:[],ngModelAttrs:{placeholder:{attribute:"placeholder"},secondaryPlaceholder:{attribute:"secondary-placeholder"},deleteButtonLabel:{attribute:"delete-button-label"},deleteHint:{attribute:"delete-hint"},onAdd:{bound:"md-on-add"},onRemove:{bound:"md-on-remove"},onSelect:{bound:"md-on-select"}}},apiCheck:function(e){return{templateOptions:{placeholder:e.string.optional,secondaryPlaceholder:e.string.optional,deleteButtonLabel:e.string.optional,deleteHint:e.string.optional,onAdd:e.func.optional,onRemove:e.func.optional,onSelect:e.func.optional}}}})},e.exports=t["default"]},function(e,t){e.exports="<md-chips ng-model=model[options.key] readonly></md-chips>"},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(21),l=o(a);t["default"]=function(e){e.setType({template:l["default"],name:"datepicker",wrapper:["label","messages"],defaultOptions:{templateOptions:{disabled:!1},ngModelAttrs:{disabled:{bound:"ng-disabled"},placeholder:{attribute:"md-placeholder"},minDate:{bound:"md-min-date"},maxDate:{bound:"md-max-date"},filterDate:{bound:"md-date-filter"}}},apiCheck:function(e){return{templateOptions:{disabled:e.bool.optional,placeholder:e.string.optional,minDate:e.instanceOf(Date).optional,maxDate:e.instanceOf(Date).optional,filterDate:e.func.optional}}}})},e.exports=t["default"]},function(e,t){e.exports="<div><md-datepicker ng-model=model[options.key]></md-datepicker></div>"},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(23),l=o(a),r=n(4);t["default"]=function(e){e.setType({template:l["default"],name:"input",wrapper:["label","messages","inputContainer"],defaultOptions:{templateOptions:{type:"text",disabled:!1},ngModelAttrs:{mdMaxlength:{bound:"md-maxlength"},disabled:{bound:"ng-disabled"},pattern:{bound:"ng-pattern"}}},apiCheck:function(e){return{templateOptions:{disabled:e.bool.optional,type:e.string,step:e.number.optional,pattern:e.oneOfType([e.string,e.instanceOf(RegExp)]).optional}}}}),e.extras.fieldTransform.push(function(e){return(0,r.ngModelAttrsTransformer)(e,function(e){return"input"===e.type&&"number"===e.templateOptions.type},"step",{attribute:"step"})})},e.exports=t["default"]},function(e,t){e.exports="<input ng-model=model[options.key]>"},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(25),l=o(a);t["default"]=function(e){e.setType({template:l["default"],name:"radio",wrapper:["label"],apiCheck:function(e){return{templateOptions:{options:e.arrayOf(e.object),labelProp:e.string.optional,valueProp:e.string.optional}}}})},e.exports=t["default"]},function(e,t){e.exports="<md-radio-group ng-model=model[options.key]><md-radio-button ng-repeat=\"option in to.options\" ng-disabled=to.disabled ng-value=\"option[to.valueProp || 'value']\">{{option[to.labelProp || 'name']}}</md-radio-button></md-radio-group>"},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(27),l=o(a);t["default"]=function(e){e.setType({template:l["default"],name:"select",wrapper:["label","messages","inputContainer"],defaultOptions:{templateOptions:{disabled:!1},ngModelAttrs:{disabled:{bound:"ng-disabled"},multiple:{bound:"multiple"},onClose:{bound:"md-on-close"},onOpen:{bound:"md-on-open"}}},apiCheck:function(e){return{templateOptions:{disabled:e.bool.optional,options:e.arrayOf(e.object),multiple:e.bool.optional,labelProp:e.string.optional,valueProp:e.string.optional,onClose:e.func.optional,onOpen:e.func.optional}}}})},e.exports=t["default"]},function(e,t){e.exports="<md-select ng-model=model[options.key]><md-option ng-repeat=\"option in to.options\" ng-value=\"option[to.valueProp || 'value']\">{{ option[to.labelProp || 'name'] }}</md-option></md-select>"},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(29),l=o(a);t["default"]=function(e){e.setType({template:l["default"],name:"slider",wrapper:["label"],defaultOptions:{templateOptions:{disabled:!1},ngModelAttrs:{disabled:{bound:"ng-disabled"},min:{attribute:"min"},max:{attribute:"max"},step:{attribute:"step"},discrete:{bound:"md-discrete"}}},apiCheck:function(e){return{templateOptions:{disabled:e.bool.optional,min:e.number.optional,max:e.number.optional,step:e.number.optional,discrete:e.bool.optional}}}})},e.exports=t["default"]},function(e,t){e.exports="<md-slider ng-model=model[options.key]></md-slider>"},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(31),l=o(a);t["default"]=function(e){e.setType({template:l["default"],name:"switch",defaultOptions:{templateOptions:{disabled:!1},ngModelAttrs:{disabled:{bound:"ng-disabled"}}},apiCheck:function(e){return{templateOptions:{disabled:e.bool.optional}}}})},e.exports=t["default"]},function(e,t){e.exports="<md-switch ng-model=model[options.key]>{{to.label}}</md-switch>"},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(33),l=o(a),r=n(4);t["default"]=function(e){e.setType({template:l["default"],name:"textarea",wrapper:["label","messages","inputContainer"],defaultOptions:{ngModelAttrs:{disabled:{bound:"ng-disabled"},rows:{attribute:"rows"},cols:{attribute:"cols"}},templateOptions:{grow:!0}},apiCheck:function(e){return{templateOptions:{disabled:e.bool.optional,rows:e.number.optional,cols:e.number.optional,grow:e.bool.optional}}}}),e.extras.fieldTransform.push(function(e){return(0,r.ngModelAttrsTransformer)(e,function(e){return"textarea"===e.type&&e.templateOptions.grow===!1},"grow",{attribute:"md-no-autogrow"})})},e.exports=t["default"]},function(e,t){e.exports="<textarea ng-model=model[options.key]></textarea>"}])});
//# sourceMappingURL=formly-material.min.js.map

@@ -8,7 +8,7 @@ # checkbox

{
"type": "checkbox",
"key": "terms",
"templateOptions": {
"label": "Terms and Conditions",
"theme": "custom"
type: "checkbox",
key: "terms",
templateOptions: {
label: "Terms and Conditions",
theme: "custom"
}

@@ -23,1 +23,5 @@ }

#### templateOptions.theme _: string_
#### templateOptions.disabled _: boolean_
#### templateOptions.className _: string | expression | array_

@@ -35,2 +35,6 @@ chips

#### templateOptions.disabled _: boolean_
#### templateOptions.className _: string | expression | array_
#### templateOptions.placeholder *: string*

@@ -37,0 +41,0 @@

@@ -8,10 +8,10 @@ # datepicker

{
"type": "datepicker",
"key": "start",
"templateOptions": {
"theme": "custom",
"placeholder": "Start date",
"minDate": minDate, // instance of Date
"maxDate": maxDate, // instance of Date
"filterDate": function(date) {
type: "datepicker",
key: "start",
templateOptions: {
theme: "custom",
placeholder: "Start date",
minDate: minDate, // instance of Date
maxDate: maxDate, // instance of Date
filterDate: function(date) {
// only weekends

@@ -31,2 +31,6 @@ var day = date.getDay();

#### templateOptions.disabled _: boolean_
#### templateOptions.className _: string | expression | array_
#### templateOptions.placeholder _: string_

@@ -33,0 +37,0 @@ The date input placeholder value

@@ -33,2 +33,6 @@ input

#### templateOptions.className _: string | expression | array_
#### templateOptions.disabled _: boolean_
#### templateOptions.step *: number*

@@ -35,0 +39,0 @@

@@ -8,13 +8,13 @@ # radio

{
"type": "radio",
"key": "name",
"templateOptions": {
"label": "Name",
"theme": "custom",
"labelProp": "firstName",
"valueProp": "id",
"options": [
{"firstName": "Sarah", id: 1},
{"firstName": "Jessica", id: 2},
{"firstName": "Parker", id: 3}
type: "radio",
key: "name",
templateOptions: {
label: "Name",
theme: "custom",
labelProp: "firstName",
valueProp: "id",
options: [
{firstName: "Sarah", id: 1},
{firstName: "Jessica", id: 2},
{firstName: "Parker", id: 3}
]

@@ -31,2 +31,6 @@ }

#### templateOptions.disabled _: boolean_
#### templateOptions.className _: string | expression | array_
#### templateOptions.options _: array_

@@ -33,0 +37,0 @@

@@ -40,2 +40,6 @@ select

#### templateOptions.disabled _: boolean_
#### templateOptions.className _: string | expression | array_
#### templateOptions.options *: array*

@@ -42,0 +46,0 @@

@@ -8,10 +8,10 @@ # slider

{
"type": "slider",
"key": "rate",
"templateOptions": {
"theme": "custom",
"min": 1,
"max": 5,
"step": 0.5,
"discrete": true
type: "slider",
key: "rate",
templateOptions: {
theme: "custom",
min: 1,
max: 5,
step: 0.5,
discrete: true
}

@@ -27,2 +27,6 @@ }

#### templateOptions.disabled _: boolean_
#### templateOptions.className _: string | expression | array_
#### templateOptions.min _: number (default: 0)_

@@ -29,0 +33,0 @@ The minimum value the user is allowed to pick.

@@ -8,7 +8,7 @@ # switch

{
"type": "switch",
"key": "terms",
"templateOptions": {
"label": "Terms and Conditions",
"theme": "custom"
type: "switch",
key: "terms",
templateOptions: {
label: "Terms and Conditions",
theme: "custom"
}

@@ -23,1 +23,5 @@ }

#### templateOptions.theme _: string_
#### templateOptions.disabled _: boolean_
#### templateOptions.className _: string | expression | array_

@@ -28,2 +28,6 @@ textarea

#### templateOptions.disabled _: boolean_
#### templateOptions.className _: string | expression | array_
#### templateOptions.rows *: integer*

@@ -30,0 +34,0 @@

{
"name": "angular-formly-material",
"version": "0.13.0",
"version": "0.14.0",
"description": "Material design templates for angular-formly",

@@ -9,6 +9,6 @@ "main": "dist/formly-material.js",

"build:prod": "webpack --progress --colors --set-env-NODE_ENV=production",
"build": "npm run build:dist & npm run build:prod",
"build": "npm run build:dist && npm run build:prod",
"lint:src": "eslint src/**/*.js",
"lint:tests": "eslint tests/**/*.js --no-ignore",
"lint": "npm run lint:src & npm run lint:tests",
"lint": "npm run lint:src && npm run lint:tests",
"coverage:codecov": "cat ./coverage/lcov.info | node_modules/.bin/codecov",

@@ -15,0 +15,0 @@ "coverage:coveralls": "cat ./coverage/lcov.info | ./node_modules/coveralls/bin/coveralls.js",

@@ -1,3 +0,2 @@

FormlyMaterial
==============
# FormlyMaterial

@@ -26,4 +25,3 @@ Material Design Templates for [Angular-Formly](http://angular-formly.com). Modern & flexible forms configured easily in a JSON object.

Table of contents
-----------------
## Table of contents

@@ -42,4 +40,3 @@ - [Install](#install)

Install
-------
## Install

@@ -58,4 +55,3 @@ ```

Getting Started
---------------
## Getting Started

@@ -71,4 +67,3 @@ 1. Add package using one of methods above

Requests?
---------
## Requests?

@@ -79,4 +74,3 @@ Maybe you need some new feature? Go here:

Requirements
------------
## Requirements

@@ -88,9 +82,7 @@ - angular ~ 1.4.0

Components
==========
## Components
Any requests? Add issue!
Fields
------
### Fields

@@ -107,4 +99,3 @@ - [checkbox](docs/types/checkbox.md)

Wrappers
--------
### Wrappers

@@ -116,11 +107,18 @@ - [divider](docs/wrappers/divider.md)

Common settings
---------------
### Common settings
### theme (string)
#### templateOptions.label *: string*
#### templateOptions.theme *: string*
Value of md-theme used on field
#### templateOptions.disabled _: boolean_
#### templateOptions.className _: expression_
equivalent to ng-class on ng-model
---
Requests (?). Post an issue.

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc