@limetech/lime-elements 35.0.0-next.11 → 35.0.0-next.15

package/dist/cjs/checkbox.template-b7b0460f.js

@@ -0,0 +1,41 @@
+'use strict';
+
+const index = require('./index-e63a89d7.js');
+
+const CheckboxTemplate = (props) => {
+  const inputProps = {};
+  if (props.indeterminate) {
+    inputProps['data-indeterminate'] = 'true';
+  }
+  return [
+    index.h("div", { class: "mdc-form-field " },
+      index.h("div", { class: {
+          'mdc-checkbox': true,
+          'mdc-checkbox--invalid': props.invalid,
+          'mdc-checkbox--disabled': props.disabled,
+          'mdc-checkbox--required': props.required,
+          'mdc-checkbox--indeterminate': props.indeterminate,
+        } },
+        index.h("input", Object.assign({ type: "checkbox", class: "mdc-checkbox__native-control", id: props.id, checked: props.checked, disabled: props.disabled, required: props.required, onChange: props.onChange }, inputProps)),
+        index.h("div", { class: "mdc-checkbox__background" },
+          index.h("svg", { class: "mdc-checkbox__checkmark", viewBox: "0 0 24 24" },
+            index.h("path", { class: "mdc-checkbox__checkmark-path", fill: "none", d: "M1.73,12.91 8.1,19.28 22.79,4.59" })),
+          index.h("div", { class: "mdc-checkbox__mixedmark" }))),
+      index.h("label", { class: {
+          'mdc-checkbox--invalid': props.invalid,
+          'mdc-checkbox--disabled': props.disabled,
+          'mdc-checkbox--required': props.required,
+          'mdc-checkbox--indeterminate': props.indeterminate,
+        }, htmlFor: props.id }, props.label)),
+    index.h(HelperText, { text: props.helperText }),
+  ];
+};
+const HelperText = (props) => {
+  if (typeof props.text !== 'string') {
+    return;
+  }
+  return (index.h("div", { class: "limel-checkbox-helper-line" },
+    index.h("p", { class: "limel-checkbox-helper-text", "aria-hidden": "true" }, props.text.trim())));
+};
+
+exports.CheckboxTemplate = CheckboxTemplate;