@knockout-mdc/material-checkbox - npm Package Compare versions

Comparing version 1.1.0 to 1.2.0

material-checkbox.js

 (function(root, factory) {
 	const toolsPackageName = '@skolaris/knockout-tools',
+		mdcToolsPackageName = '@knockout-mdc/mdc-tools',
 		mdcCheckboxPackageName = '@material/checkbox',
@@ -8,7 +9,7 @@ mdcFormFieldPackageName = '@material/form-field';
 		//AMD. Register as an anonymous module.
-		define([toolsPackageName, mdcCheckboxPackageName, mdcFormFieldPackageName], factory);
+		define([toolsPackageName, mdcToolsPackageName, mdcCheckboxPackageName, mdcFormFieldPackageName], factory);
 	}
 	else if (typeof module === 'object' && module.exports) {
 		//Node. Does not work with strict CommonJS, but only CommonJS-like environments that support module.exports like Node.
-		module.exports = factory(require(toolsPackageName), require(mdcCheckboxPackageName), require(mdcFormFieldPackageName));
+		module.exports = factory(require(toolsPackageName), require(mdcToolsPackageName), require(mdcCheckboxPackageName), require(mdcFormFieldPackageName));
 	}
@@ -18,5 +19,5 @@ else {
 		root.knockoutMdc = root.knockoutMdc || {};
-		root.knockoutMdc['material-checkbox'] = factory(root.knockoutTools, root.mdc['checkbox'], root.mdc['form-field']);
+		root.knockoutMdc['material-checkbox'] = factory(root.knockoutTools, root.knockoutMdc.mdcTools, root.mdc.checkbox, root.mdc['form-field']);
 	}
-}(typeof self !== 'undefined' ? self : this, function(tools, materialCheckbox, materialFormField) {
+}(typeof self !== 'undefined' ? self : this, function(tools, mdcTools, materialCheckbox, materialFormField) {
 
@@ -41,4 +42,10 @@ const MaterialCheckbox = function(params) {
 			node.classList.add('mdc-form-field');
-			this.mdcCheckbox = new materialCheckbox.MDCCheckbox(node.querySelector('.mdc-checkbox'));
+
+			const el = node.querySelector('.mdc-checkbox');
+			this.mdcCheckbox = new materialCheckbox.MDCCheckbox(el);
+			mdcTools.setMdcComponent(el, this.mdcCheckbox);
+
 			this.mdcFormField = new materialFormField.MDCFormField(node);
+			mdcTools.setMdcComponent(node, this.mdcFormField);
+
 			this.mdcFormField.input = this.mdcCheckbox;
@@ -45,0 +52,0 @@ },

package.json

 {
 	"name": "@knockout-mdc/material-checkbox",
 	"description": "A KnockoutJS adapter for mdc-checkbox in form of a component called material-checkbox",
-	"version": "1.1.0",
+	"version": "1.2.0",
 	"license": "MIT",
@@ -6,0 +6,0 @@ "keywords": [

New alerts

Dynamic require

Supply chain risk

Dynamic require can indicate the package is performing dangerous or unsafe dynamic code execution.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

3904

increased by7.4%

Lines of code

73

increased by5.8%

Worsened metrics

Number of low supply chain risk alerts

4

increased by33.33%

No dependency changes