@nstudio/nativescript-checkbox 2.0.2 → 2.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +12 -57
- package/angular/esm2020/index.mjs +81 -0
- package/angular/esm2020/nstudio-nativescript-checkbox-angular.mjs +5 -0
- package/angular/fesm2015/nstudio-nativescript-checkbox-angular.mjs +90 -0
- package/angular/fesm2015/nstudio-nativescript-checkbox-angular.mjs.map +1 -0
- package/angular/fesm2020/nstudio-nativescript-checkbox-angular.mjs +88 -0
- package/angular/fesm2020/nstudio-nativescript-checkbox-angular.mjs.map +1 -0
- package/angular/index.d.ts +16 -0
- package/angular/{dist/nativescript-checkbox-angular.d.ts → nstudio-nativescript-checkbox-angular.d.ts} +1 -0
- package/angular/package.json +22 -20
- package/common.d.ts +4 -0
- package/{checkbox-common.js → common.js} +1 -1
- package/common.js.map +1 -0
- package/index.android.d.ts +45 -0
- package/{checkbox.android.js → index.android.js} +33 -41
- package/index.android.js.map +1 -0
- package/index.ios.d.ts +41 -0
- package/{checkbox.ios.js → index.ios.js} +17 -12
- package/index.ios.js.map +1 -0
- package/package.json +15 -66
- package/LICENSE +0 -21
- package/angular/dist/bundles/nativescript-checkbox-angular.umd.js +0 -393
- package/angular/dist/bundles/nativescript-checkbox-angular.umd.min.js +0 -16
- package/angular/dist/esm2015/index.js +0 -72
- package/angular/dist/esm2015/nativescript-checkbox-angular.js +0 -5
- package/angular/dist/fesm2015/nativescript-checkbox-angular.js +0 -79
- package/angular/dist/index.d.ts +0 -24
- package/angular/dist/nativescript-checkbox-angular.metadata.json +0 -1
- package/angular/dist/package.json +0 -19
- package/angular/index.js +0 -70
- package/angular/index.metadata.json +0 -1
- package/references.d.ts +0 -2
- package/tsconfig.aot.json +0 -29
- package/typings/BEMCheckBox.d.ts +0 -191
package/README.md
CHANGED
@@ -1,37 +1,9 @@
|
|
1
|
-
|
2
|
-
<h3 align="center">NativeScript Checkbox</h3>
|
3
|
-
</a>
|
4
|
-
<h4 align="center">A NativeScript plugin to provide a checkbox widget, radio buttons are also possible.</h4>
|
5
|
-
|
6
|
-
<p align="center">
|
7
|
-
<a href="https://www.npmjs.com/package/@nstudio/nativescript-checkbox">
|
8
|
-
<img src="https://github.com/nstudio/nativescript-checkbox/workflows/Build%20CI/badge.svg" alt="Action Build">
|
9
|
-
</a>
|
10
|
-
<a href="https://www.npmjs.com/package/@nstudio/nativescript-checkbox">
|
11
|
-
<img src="https://img.shields.io/npm/dt/nativescript-checkbox.svg?label=npm%20downloads" alt="npm">
|
12
|
-
</a>
|
13
|
-
<a href="https://github.com/@nstudio/nativescript-checkbox/stargazers">
|
14
|
-
<img src="https://img.shields.io/github/stars/@nstudio/nativescript-checkbox.svg" alt="stars">
|
15
|
-
</a>
|
16
|
-
<br />
|
17
|
-
</p>
|
18
|
-
|
19
|
-
---
|
20
|
-
|
21
|
-
### Installation
|
22
|
-
|
23
|
-
From your command prompt/terminal go to your app's root folder and execute:
|
24
|
-
|
25
|
-
#### NativeScript 7+:
|
26
|
-
|
27
|
-
```bash
|
28
|
-
ns plugin add @nstudio/nativescript-checkbox
|
29
|
-
```
|
1
|
+
# @nstudio/nativescript-checkbox
|
30
2
|
|
31
|
-
|
3
|
+
A NativeScript plugin to provide a checkbox widget, radio buttons are also possible.
|
32
4
|
|
33
|
-
```
|
34
|
-
|
5
|
+
```javascript
|
6
|
+
npm install @nstudio/nativescript-checkbox
|
35
7
|
```
|
36
8
|
|
37
9
|
#### Platform controls used:
|
@@ -40,16 +12,8 @@ tns plugin add @nstudio/nativescript-checkbox@1.0.0
|
|
40
12
|
| ---------------------------------------------------------------------------------------- | ---------------------------------------------------- |
|
41
13
|
| [Android CheckBox](https://developer.android.com/reference/android/widget/CheckBox.html) | [BEMCheckBox](http://cocoapods.org/pods/BEMCheckBox) |
|
42
14
|
|
43
|
-
## Sample Usage
|
44
|
-
|
45
|
-
| Android Sample | iOS Sample |
|
46
|
-
| ---------------------------------- | ------------------------------------- |
|
47
|
-
|  |  |
|
48
|
-
|
49
15
|
## Usage
|
50
16
|
|
51
|
-
###
|
52
|
-
|
53
17
|
```XML
|
54
18
|
<Page
|
55
19
|
xmlns="http://schemas.nativescript.org/tns.xsd"
|
@@ -62,23 +26,19 @@ tns plugin add @nstudio/nativescript-checkbox@1.0.0
|
|
62
26
|
</Page>
|
63
27
|
```
|
64
28
|
|
65
|
-
###
|
66
|
-
|
67
29
|
```typescript
|
68
|
-
|
69
30
|
import { CheckBox } from '@nstudio/nativescript-checkbox';
|
70
|
-
import {
|
31
|
+
import { Frame } from '@nativescript/core';
|
71
32
|
|
72
33
|
public toggleCheck() {
|
73
|
-
const checkBox = topmost().getViewById('yourCheckBoxId');
|
34
|
+
const checkBox = Frame.topmost().getViewById('yourCheckBoxId');
|
74
35
|
checkBox.toggle();
|
75
36
|
}
|
76
37
|
|
77
38
|
public getCheckProp() {
|
78
|
-
const checkBox = topmost().getViewById('yourCheckBoxId');
|
39
|
+
const checkBox = Frame.topmost().getViewById('yourCheckBoxId');
|
79
40
|
console.log('checked prop value = ' + checkBox.checked);
|
80
41
|
}
|
81
|
-
|
82
42
|
```
|
83
43
|
|
84
44
|
### Angular Usage Sample:
|
@@ -121,9 +81,10 @@ export class SomeComponent {
|
|
121
81
|
In your `main.js` (The file where the root Vue instance is created) register the element
|
122
82
|
|
123
83
|
```js
|
84
|
+
import { CheckBox } from '@nstudio/nativescript-checkbox';
|
124
85
|
Vue.registerElement(
|
125
86
|
'CheckBox',
|
126
|
-
() =>
|
87
|
+
() => CheckBox,
|
127
88
|
{
|
128
89
|
model: {
|
129
90
|
prop: 'checked',
|
@@ -183,14 +144,8 @@ Add the following to `app/App_Resources/Android/drawable/checkbox_grey.xml`
|
|
183
144
|
## Radiobuttons, anyone?
|
184
145
|
|
185
146
|
Want to use radiobutton behavior for your checkboxes (only one option possible within a group)?
|
186
|
-
Set `boxType="circle"`
|
187
|
-
|
188
|
-
<img src="./screens/radiobuttons.png" width="225px"/>
|
147
|
+
Set `boxType="circle"`
|
189
148
|
|
190
|
-
##
|
149
|
+
## License
|
191
150
|
|
192
|
-
|
193
|
-
- For android: `npm run demo.android`
|
194
|
-
- For iOS: `npm run demo.ios`
|
195
|
-
- `npm run demo.ng.android` (for angular android)
|
196
|
-
- `npm run demo.ng.ios` (for angular ios)
|
151
|
+
Apache License Version 2.0
|
@@ -0,0 +1,81 @@
|
|
1
|
+
import { Directive, ElementRef, forwardRef, HostListener, Inject, NgModule } from '@angular/core';
|
2
|
+
import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
|
3
|
+
import { registerElement, BaseValueAccessor } from '@nativescript/angular';
|
4
|
+
import { CheckBox } from '@nstudio/nativescript-checkbox';
|
5
|
+
import * as i0 from "@angular/core";
|
6
|
+
function convertToInt(value) {
|
7
|
+
let normalizedValue;
|
8
|
+
if (value === undefined || value === null) {
|
9
|
+
normalizedValue = 0;
|
10
|
+
}
|
11
|
+
else {
|
12
|
+
if (typeof value === 'number') {
|
13
|
+
normalizedValue = value;
|
14
|
+
}
|
15
|
+
else {
|
16
|
+
const parsedValue = parseInt(value.toString(), 10);
|
17
|
+
normalizedValue = isNaN(parsedValue) ? 0 : parsedValue;
|
18
|
+
}
|
19
|
+
}
|
20
|
+
return Math.round(normalizedValue);
|
21
|
+
}
|
22
|
+
registerElement('CheckBox', () => CheckBox);
|
23
|
+
const CHECKED_VALUE_ACCESSOR = {
|
24
|
+
provide: NG_VALUE_ACCESSOR,
|
25
|
+
useExisting: forwardRef(() => CheckedValueAccessor),
|
26
|
+
multi: true
|
27
|
+
};
|
28
|
+
/**
|
29
|
+
* The accessor for setting checked property and listening to changes that is used by the
|
30
|
+
* {@link NgModel} directives.
|
31
|
+
*
|
32
|
+
* ### Example
|
33
|
+
* ```
|
34
|
+
* <CheckBox [(ngModel)]="model.test">
|
35
|
+
* ```
|
36
|
+
*/
|
37
|
+
export class CheckedValueAccessor extends BaseValueAccessor {
|
38
|
+
constructor(elementRef) {
|
39
|
+
super(elementRef.nativeElement);
|
40
|
+
this.onTouched = () => { };
|
41
|
+
}
|
42
|
+
checkedChangeListener(event) {
|
43
|
+
this.onChange(event.value);
|
44
|
+
}
|
45
|
+
writeValue(value) {
|
46
|
+
this.view.checked = value;
|
47
|
+
}
|
48
|
+
registerOnTouched(fn) {
|
49
|
+
this.onTouched = fn;
|
50
|
+
}
|
51
|
+
}
|
52
|
+
CheckedValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CheckedValueAccessor, deps: [{ token: ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
53
|
+
CheckedValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: CheckedValueAccessor, selector: "CheckBox[ngModel], CheckBox[formControlName], CheckBox[formControl], checkBox[ngModel], checkBox[formControlName], checkBox[formControl], check-box[ngModel], check-box[formControlName], check-box[formControl]", host: { listeners: { "checkedChange": "checkedChangeListener($event)" } }, providers: [CHECKED_VALUE_ACCESSOR], usesInheritance: true, ngImport: i0 });
|
54
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CheckedValueAccessor, decorators: [{
|
55
|
+
type: Directive,
|
56
|
+
args: [{
|
57
|
+
selector: 'CheckBox[ngModel], CheckBox[formControlName], CheckBox[formControl], checkBox[ngModel], checkBox[formControlName], checkBox[formControl], check-box[ngModel], check-box[formControlName], check-box[formControl]',
|
58
|
+
providers: [CHECKED_VALUE_ACCESSOR]
|
59
|
+
}]
|
60
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef, decorators: [{
|
61
|
+
type: Inject,
|
62
|
+
args: [ElementRef]
|
63
|
+
}] }]; }, propDecorators: { checkedChangeListener: [{
|
64
|
+
type: HostListener,
|
65
|
+
args: ['checkedChange', ['$event']]
|
66
|
+
}] } });
|
67
|
+
export class TNSCheckBoxModule {
|
68
|
+
}
|
69
|
+
TNSCheckBoxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: TNSCheckBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
70
|
+
TNSCheckBoxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: TNSCheckBoxModule, declarations: [CheckedValueAccessor], imports: [FormsModule], exports: [FormsModule, CheckedValueAccessor] });
|
71
|
+
TNSCheckBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: TNSCheckBoxModule, providers: [], imports: [[FormsModule], FormsModule] });
|
72
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: TNSCheckBoxModule, decorators: [{
|
73
|
+
type: NgModule,
|
74
|
+
args: [{
|
75
|
+
declarations: [CheckedValueAccessor],
|
76
|
+
providers: [],
|
77
|
+
imports: [FormsModule],
|
78
|
+
exports: [FormsModule, CheckedValueAccessor]
|
79
|
+
}]
|
80
|
+
}] });
|
81
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9uYXRpdmVzY3JpcHQtY2hlY2tib3gvYW5ndWxhci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFVBQVUsRUFDVixVQUFVLEVBQ1YsWUFBWSxFQUNaLE1BQU0sRUFDTixRQUFRLEVBQ1QsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxlQUFlLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUUzRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7O0FBRTFELFNBQVMsWUFBWSxDQUFDLEtBQUs7SUFDekIsSUFBSSxlQUFlLENBQUM7SUFDcEIsSUFBSSxLQUFLLEtBQUssU0FBUyxJQUFJLEtBQUssS0FBSyxJQUFJLEVBQUU7UUFDekMsZUFBZSxHQUFHLENBQUMsQ0FBQztLQUNyQjtTQUFNO1FBQ0wsSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLEVBQUU7WUFDN0IsZUFBZSxHQUFHLEtBQUssQ0FBQztTQUN6QjthQUFNO1lBQ0wsTUFBTSxXQUFXLEdBQUcsUUFBUSxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQztZQUNuRCxlQUFlLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQztTQUN4RDtLQUNGO0lBQ0QsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLGVBQWUsQ0FBQyxDQUFDO0FBQ3JDLENBQUM7QUFFRCxlQUFlLENBQUMsVUFBVSxFQUFFLEdBQUcsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0FBRTVDLE1BQU0sc0JBQXNCLEdBQUc7SUFDN0IsT0FBTyxFQUFFLGlCQUFpQjtJQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLG9CQUFvQixDQUFDO0lBQ25ELEtBQUssRUFBRSxJQUFJO0NBQ1osQ0FBQztBQUlGOzs7Ozs7OztHQVFHO0FBTUgsTUFBTSxPQUFPLG9CQUFxQixTQUFRLGlCQUFnQztJQUN4RSxZQUFnQyxVQUFzQjtRQUNwRCxLQUFLLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBUTNCLGNBQVMsR0FBRyxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7SUFQNUIsQ0FBQztJQUdNLHFCQUFxQixDQUFDLEtBQVU7UUFDckMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDN0IsQ0FBQztJQUlNLFVBQVUsQ0FBQyxLQUFVO1FBQzFCLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztJQUM1QixDQUFDO0lBRU0saUJBQWlCLENBQUMsRUFBYztRQUNyQyxJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN0QixDQUFDOztpSEFsQlUsb0JBQW9CLGtCQUNYLFVBQVU7cUdBRG5CLG9CQUFvQixzVEFGcEIsQ0FBQyxzQkFBc0IsQ0FBQzsyRkFFeEIsb0JBQW9CO2tCQUxoQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFDTixrTkFBa047b0JBQ3BOLFNBQVMsRUFBRSxDQUFDLHNCQUFzQixDQUFDO2lCQUNwQzs7MEJBRWMsTUFBTTsyQkFBQyxVQUFVOzRDQUt2QixxQkFBcUI7c0JBRDNCLFlBQVk7dUJBQUMsZUFBZSxFQUFFLENBQUMsUUFBUSxDQUFDOztBQXNCM0MsTUFBTSxPQUFPLGlCQUFpQjs7OEdBQWpCLGlCQUFpQjsrR0FBakIsaUJBQWlCLGlCQTNCakIsb0JBQW9CLGFBd0JyQixXQUFXLGFBQ1gsV0FBVyxFQXpCVixvQkFBb0I7K0dBMkJwQixpQkFBaUIsYUFKakIsRUFBRSxZQUNKLENBQUMsV0FBVyxDQUFDLEVBQ1osV0FBVzsyRkFFVixpQkFBaUI7a0JBTjdCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsb0JBQW9CLENBQUM7b0JBQ3BDLFNBQVMsRUFBRSxFQUFFO29CQUNiLE9BQU8sRUFBRSxDQUFDLFdBQVcsQ0FBQztvQkFDdEIsT0FBTyxFQUFFLENBQUMsV0FBVyxFQUFFLG9CQUFvQixDQUFDO2lCQUM3QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIERpcmVjdGl2ZSxcbiAgRWxlbWVudFJlZixcbiAgZm9yd2FyZFJlZixcbiAgSG9zdExpc3RlbmVyLFxuICBJbmplY3QsXG4gIE5nTW9kdWxlXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgcmVnaXN0ZXJFbGVtZW50LCBCYXNlVmFsdWVBY2Nlc3NvciB9IGZyb20gJ0BuYXRpdmVzY3JpcHQvYW5ndWxhcic7XG5pbXBvcnQgeyBWaWV3IH0gZnJvbSAnQG5hdGl2ZXNjcmlwdC9jb3JlJztcbmltcG9ydCB7IENoZWNrQm94IH0gZnJvbSAnQG5zdHVkaW8vbmF0aXZlc2NyaXB0LWNoZWNrYm94JztcblxuZnVuY3Rpb24gY29udmVydFRvSW50KHZhbHVlKTogbnVtYmVyIHtcbiAgbGV0IG5vcm1hbGl6ZWRWYWx1ZTtcbiAgaWYgKHZhbHVlID09PSB1bmRlZmluZWQgfHwgdmFsdWUgPT09IG51bGwpIHtcbiAgICBub3JtYWxpemVkVmFsdWUgPSAwO1xuICB9IGVsc2Uge1xuICAgIGlmICh0eXBlb2YgdmFsdWUgPT09ICdudW1iZXInKSB7XG4gICAgICBub3JtYWxpemVkVmFsdWUgPSB2YWx1ZTtcbiAgICB9IGVsc2Uge1xuICAgICAgY29uc3QgcGFyc2VkVmFsdWUgPSBwYXJzZUludCh2YWx1ZS50b1N0cmluZygpLCAxMCk7XG4gICAgICBub3JtYWxpemVkVmFsdWUgPSBpc05hTihwYXJzZWRWYWx1ZSkgPyAwIDogcGFyc2VkVmFsdWU7XG4gICAgfVxuICB9XG4gIHJldHVybiBNYXRoLnJvdW5kKG5vcm1hbGl6ZWRWYWx1ZSk7XG59XG5cbnJlZ2lzdGVyRWxlbWVudCgnQ2hlY2tCb3gnLCAoKSA9PiBDaGVja0JveCk7XG5cbmNvbnN0IENIRUNLRURfVkFMVUVfQUNDRVNTT1IgPSB7XG4gIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBDaGVja2VkVmFsdWVBY2Nlc3NvciksXG4gIG11bHRpOiB0cnVlXG59O1xuXG5leHBvcnQgdHlwZSBDaGVja2FibGVWaWV3ID0geyBjaGVja2VkOiBib29sZWFuIH0gJiBWaWV3O1xuXG4vKipcbiAqIFRoZSBhY2Nlc3NvciBmb3Igc2V0dGluZyBjaGVja2VkIHByb3BlcnR5IGFuZCBsaXN0ZW5pbmcgdG8gY2hhbmdlcyB0aGF0IGlzIHVzZWQgYnkgdGhlXG4gKiB7QGxpbmsgTmdNb2RlbH0gZGlyZWN0aXZlcy5cbiAqXG4gKiAgIyMjIEV4YW1wbGVcbiAqICBgYGBcbiAqICA8Q2hlY2tCb3ggWyhuZ01vZGVsKV09XCJtb2RlbC50ZXN0XCI+XG4gKiAgYGBgXG4gKi9cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjpcbiAgICAnQ2hlY2tCb3hbbmdNb2RlbF0sIENoZWNrQm94W2Zvcm1Db250cm9sTmFtZV0sIENoZWNrQm94W2Zvcm1Db250cm9sXSwgY2hlY2tCb3hbbmdNb2RlbF0sIGNoZWNrQm94W2Zvcm1Db250cm9sTmFtZV0sIGNoZWNrQm94W2Zvcm1Db250cm9sXSwgY2hlY2stYm94W25nTW9kZWxdLCBjaGVjay1ib3hbZm9ybUNvbnRyb2xOYW1lXSwgY2hlY2stYm94W2Zvcm1Db250cm9sXScsXG4gIHByb3ZpZGVyczogW0NIRUNLRURfVkFMVUVfQUNDRVNTT1JdXG59KVxuZXhwb3J0IGNsYXNzIENoZWNrZWRWYWx1ZUFjY2Vzc29yIGV4dGVuZHMgQmFzZVZhbHVlQWNjZXNzb3I8Q2hlY2thYmxlVmlldz4ge1xuICBjb25zdHJ1Y3RvcihASW5qZWN0KEVsZW1lbnRSZWYpIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHtcbiAgICBzdXBlcihlbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQpO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignY2hlY2tlZENoYW5nZScsIFsnJGV2ZW50J10pXG4gIHB1YmxpYyBjaGVja2VkQ2hhbmdlTGlzdGVuZXIoZXZlbnQ6IGFueSkge1xuICAgIHRoaXMub25DaGFuZ2UoZXZlbnQudmFsdWUpO1xuICB9XG5cbiAgcHVibGljIG9uVG91Y2hlZCA9ICgpID0+IHt9O1xuXG4gIHB1YmxpYyB3cml0ZVZhbHVlKHZhbHVlOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLnZpZXcuY2hlY2tlZCA9IHZhbHVlO1xuICB9XG5cbiAgcHVibGljIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiAoKSA9PiB2b2lkKTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcbiAgfVxufVxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtDaGVja2VkVmFsdWVBY2Nlc3Nvcl0sXG4gIHByb3ZpZGVyczogW10sXG4gIGltcG9ydHM6IFtGb3Jtc01vZHVsZV0sXG4gIGV4cG9ydHM6IFtGb3Jtc01vZHVsZSwgQ2hlY2tlZFZhbHVlQWNjZXNzb3JdXG59KVxuZXhwb3J0IGNsYXNzIFROU0NoZWNrQm94TW9kdWxlIHt9XG4iXX0=
|
@@ -0,0 +1,5 @@
|
|
1
|
+
/**
|
2
|
+
* Generated bundle index. Do not edit.
|
3
|
+
*/
|
4
|
+
export * from './index';
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibnN0dWRpby1uYXRpdmVzY3JpcHQtY2hlY2tib3gtYW5ndWxhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL25hdGl2ZXNjcmlwdC1jaGVja2JveC9hbmd1bGFyL25zdHVkaW8tbmF0aXZlc2NyaXB0LWNoZWNrYm94LWFuZ3VsYXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0=
|
@@ -0,0 +1,90 @@
|
|
1
|
+
import * as i0 from '@angular/core';
|
2
|
+
import { forwardRef, ElementRef, Directive, Inject, HostListener, NgModule } from '@angular/core';
|
3
|
+
import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
|
4
|
+
import { registerElement, BaseValueAccessor } from '@nativescript/angular';
|
5
|
+
import { CheckBox } from '@nstudio/nativescript-checkbox';
|
6
|
+
|
7
|
+
function convertToInt(value) {
|
8
|
+
let normalizedValue;
|
9
|
+
if (value === undefined || value === null) {
|
10
|
+
normalizedValue = 0;
|
11
|
+
}
|
12
|
+
else {
|
13
|
+
if (typeof value === 'number') {
|
14
|
+
normalizedValue = value;
|
15
|
+
}
|
16
|
+
else {
|
17
|
+
const parsedValue = parseInt(value.toString(), 10);
|
18
|
+
normalizedValue = isNaN(parsedValue) ? 0 : parsedValue;
|
19
|
+
}
|
20
|
+
}
|
21
|
+
return Math.round(normalizedValue);
|
22
|
+
}
|
23
|
+
registerElement('CheckBox', () => CheckBox);
|
24
|
+
const CHECKED_VALUE_ACCESSOR = {
|
25
|
+
provide: NG_VALUE_ACCESSOR,
|
26
|
+
useExisting: forwardRef(() => CheckedValueAccessor),
|
27
|
+
multi: true
|
28
|
+
};
|
29
|
+
/**
|
30
|
+
* The accessor for setting checked property and listening to changes that is used by the
|
31
|
+
* {@link NgModel} directives.
|
32
|
+
*
|
33
|
+
* ### Example
|
34
|
+
* ```
|
35
|
+
* <CheckBox [(ngModel)]="model.test">
|
36
|
+
* ```
|
37
|
+
*/
|
38
|
+
class CheckedValueAccessor extends BaseValueAccessor {
|
39
|
+
constructor(elementRef) {
|
40
|
+
super(elementRef.nativeElement);
|
41
|
+
this.onTouched = () => { };
|
42
|
+
}
|
43
|
+
checkedChangeListener(event) {
|
44
|
+
this.onChange(event.value);
|
45
|
+
}
|
46
|
+
writeValue(value) {
|
47
|
+
this.view.checked = value;
|
48
|
+
}
|
49
|
+
registerOnTouched(fn) {
|
50
|
+
this.onTouched = fn;
|
51
|
+
}
|
52
|
+
}
|
53
|
+
CheckedValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CheckedValueAccessor, deps: [{ token: ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
54
|
+
CheckedValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: CheckedValueAccessor, selector: "CheckBox[ngModel], CheckBox[formControlName], CheckBox[formControl], checkBox[ngModel], checkBox[formControlName], checkBox[formControl], check-box[ngModel], check-box[formControlName], check-box[formControl]", host: { listeners: { "checkedChange": "checkedChangeListener($event)" } }, providers: [CHECKED_VALUE_ACCESSOR], usesInheritance: true, ngImport: i0 });
|
55
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CheckedValueAccessor, decorators: [{
|
56
|
+
type: Directive,
|
57
|
+
args: [{
|
58
|
+
selector: 'CheckBox[ngModel], CheckBox[formControlName], CheckBox[formControl], checkBox[ngModel], checkBox[formControlName], checkBox[formControl], check-box[ngModel], check-box[formControlName], check-box[formControl]',
|
59
|
+
providers: [CHECKED_VALUE_ACCESSOR]
|
60
|
+
}]
|
61
|
+
}], ctorParameters: function () {
|
62
|
+
return [{ type: i0.ElementRef, decorators: [{
|
63
|
+
type: Inject,
|
64
|
+
args: [ElementRef]
|
65
|
+
}] }];
|
66
|
+
}, propDecorators: { checkedChangeListener: [{
|
67
|
+
type: HostListener,
|
68
|
+
args: ['checkedChange', ['$event']]
|
69
|
+
}] } });
|
70
|
+
class TNSCheckBoxModule {
|
71
|
+
}
|
72
|
+
TNSCheckBoxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: TNSCheckBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
73
|
+
TNSCheckBoxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: TNSCheckBoxModule, declarations: [CheckedValueAccessor], imports: [FormsModule], exports: [FormsModule, CheckedValueAccessor] });
|
74
|
+
TNSCheckBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: TNSCheckBoxModule, providers: [], imports: [[FormsModule], FormsModule] });
|
75
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: TNSCheckBoxModule, decorators: [{
|
76
|
+
type: NgModule,
|
77
|
+
args: [{
|
78
|
+
declarations: [CheckedValueAccessor],
|
79
|
+
providers: [],
|
80
|
+
imports: [FormsModule],
|
81
|
+
exports: [FormsModule, CheckedValueAccessor]
|
82
|
+
}]
|
83
|
+
}] });
|
84
|
+
|
85
|
+
/**
|
86
|
+
* Generated bundle index. Do not edit.
|
87
|
+
*/
|
88
|
+
|
89
|
+
export { CheckedValueAccessor, TNSCheckBoxModule };
|
90
|
+
//# sourceMappingURL=nstudio-nativescript-checkbox-angular.mjs.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"nstudio-nativescript-checkbox-angular.mjs","sources":["../../../../../packages/nativescript-checkbox/angular/index.ts","../../../../../packages/nativescript-checkbox/angular/nstudio-nativescript-checkbox-angular.ts"],"sourcesContent":["import {\n Directive,\n ElementRef,\n forwardRef,\n HostListener,\n Inject,\n NgModule\n} from '@angular/core';\nimport { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { registerElement, BaseValueAccessor } from '@nativescript/angular';\nimport { View } from '@nativescript/core';\nimport { CheckBox } from '@nstudio/nativescript-checkbox';\n\nfunction convertToInt(value): number {\n let normalizedValue;\n if (value === undefined || value === null) {\n normalizedValue = 0;\n } else {\n if (typeof value === 'number') {\n normalizedValue = value;\n } else {\n const parsedValue = parseInt(value.toString(), 10);\n normalizedValue = isNaN(parsedValue) ? 0 : parsedValue;\n }\n }\n return Math.round(normalizedValue);\n}\n\nregisterElement('CheckBox', () => CheckBox);\n\nconst CHECKED_VALUE_ACCESSOR = {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => CheckedValueAccessor),\n multi: true\n};\n\nexport type CheckableView = { checked: boolean } & View;\n\n/**\n * The accessor for setting checked property and listening to changes that is used by the\n * {@link NgModel} directives.\n *\n * ### Example\n * ```\n * <CheckBox [(ngModel)]=\"model.test\">\n * ```\n */\n@Directive({\n selector:\n 'CheckBox[ngModel], CheckBox[formControlName], CheckBox[formControl], checkBox[ngModel], checkBox[formControlName], checkBox[formControl], check-box[ngModel], check-box[formControlName], check-box[formControl]',\n providers: [CHECKED_VALUE_ACCESSOR]\n})\nexport class CheckedValueAccessor extends BaseValueAccessor<CheckableView> {\n constructor(@Inject(ElementRef) elementRef: ElementRef) {\n super(elementRef.nativeElement);\n }\n\n @HostListener('checkedChange', ['$event'])\n public checkedChangeListener(event: any) {\n this.onChange(event.value);\n }\n\n public onTouched = () => {};\n\n public writeValue(value: any): void {\n this.view.checked = value;\n }\n\n public registerOnTouched(fn: () => void): void {\n this.onTouched = fn;\n }\n}\n\n@NgModule({\n declarations: [CheckedValueAccessor],\n providers: [],\n imports: [FormsModule],\n exports: [FormsModule, CheckedValueAccessor]\n})\nexport class TNSCheckBoxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
@@ -0,0 +1,88 @@
|
|
1
|
+
import * as i0 from '@angular/core';
|
2
|
+
import { forwardRef, ElementRef, Directive, Inject, HostListener, NgModule } from '@angular/core';
|
3
|
+
import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
|
4
|
+
import { registerElement, BaseValueAccessor } from '@nativescript/angular';
|
5
|
+
import { CheckBox } from '@nstudio/nativescript-checkbox';
|
6
|
+
|
7
|
+
function convertToInt(value) {
|
8
|
+
let normalizedValue;
|
9
|
+
if (value === undefined || value === null) {
|
10
|
+
normalizedValue = 0;
|
11
|
+
}
|
12
|
+
else {
|
13
|
+
if (typeof value === 'number') {
|
14
|
+
normalizedValue = value;
|
15
|
+
}
|
16
|
+
else {
|
17
|
+
const parsedValue = parseInt(value.toString(), 10);
|
18
|
+
normalizedValue = isNaN(parsedValue) ? 0 : parsedValue;
|
19
|
+
}
|
20
|
+
}
|
21
|
+
return Math.round(normalizedValue);
|
22
|
+
}
|
23
|
+
registerElement('CheckBox', () => CheckBox);
|
24
|
+
const CHECKED_VALUE_ACCESSOR = {
|
25
|
+
provide: NG_VALUE_ACCESSOR,
|
26
|
+
useExisting: forwardRef(() => CheckedValueAccessor),
|
27
|
+
multi: true
|
28
|
+
};
|
29
|
+
/**
|
30
|
+
* The accessor for setting checked property and listening to changes that is used by the
|
31
|
+
* {@link NgModel} directives.
|
32
|
+
*
|
33
|
+
* ### Example
|
34
|
+
* ```
|
35
|
+
* <CheckBox [(ngModel)]="model.test">
|
36
|
+
* ```
|
37
|
+
*/
|
38
|
+
class CheckedValueAccessor extends BaseValueAccessor {
|
39
|
+
constructor(elementRef) {
|
40
|
+
super(elementRef.nativeElement);
|
41
|
+
this.onTouched = () => { };
|
42
|
+
}
|
43
|
+
checkedChangeListener(event) {
|
44
|
+
this.onChange(event.value);
|
45
|
+
}
|
46
|
+
writeValue(value) {
|
47
|
+
this.view.checked = value;
|
48
|
+
}
|
49
|
+
registerOnTouched(fn) {
|
50
|
+
this.onTouched = fn;
|
51
|
+
}
|
52
|
+
}
|
53
|
+
CheckedValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CheckedValueAccessor, deps: [{ token: ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
54
|
+
CheckedValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: CheckedValueAccessor, selector: "CheckBox[ngModel], CheckBox[formControlName], CheckBox[formControl], checkBox[ngModel], checkBox[formControlName], checkBox[formControl], check-box[ngModel], check-box[formControlName], check-box[formControl]", host: { listeners: { "checkedChange": "checkedChangeListener($event)" } }, providers: [CHECKED_VALUE_ACCESSOR], usesInheritance: true, ngImport: i0 });
|
55
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CheckedValueAccessor, decorators: [{
|
56
|
+
type: Directive,
|
57
|
+
args: [{
|
58
|
+
selector: 'CheckBox[ngModel], CheckBox[formControlName], CheckBox[formControl], checkBox[ngModel], checkBox[formControlName], checkBox[formControl], check-box[ngModel], check-box[formControlName], check-box[formControl]',
|
59
|
+
providers: [CHECKED_VALUE_ACCESSOR]
|
60
|
+
}]
|
61
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef, decorators: [{
|
62
|
+
type: Inject,
|
63
|
+
args: [ElementRef]
|
64
|
+
}] }]; }, propDecorators: { checkedChangeListener: [{
|
65
|
+
type: HostListener,
|
66
|
+
args: ['checkedChange', ['$event']]
|
67
|
+
}] } });
|
68
|
+
class TNSCheckBoxModule {
|
69
|
+
}
|
70
|
+
TNSCheckBoxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: TNSCheckBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
71
|
+
TNSCheckBoxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: TNSCheckBoxModule, declarations: [CheckedValueAccessor], imports: [FormsModule], exports: [FormsModule, CheckedValueAccessor] });
|
72
|
+
TNSCheckBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: TNSCheckBoxModule, providers: [], imports: [[FormsModule], FormsModule] });
|
73
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: TNSCheckBoxModule, decorators: [{
|
74
|
+
type: NgModule,
|
75
|
+
args: [{
|
76
|
+
declarations: [CheckedValueAccessor],
|
77
|
+
providers: [],
|
78
|
+
imports: [FormsModule],
|
79
|
+
exports: [FormsModule, CheckedValueAccessor]
|
80
|
+
}]
|
81
|
+
}] });
|
82
|
+
|
83
|
+
/**
|
84
|
+
* Generated bundle index. Do not edit.
|
85
|
+
*/
|
86
|
+
|
87
|
+
export { CheckedValueAccessor, TNSCheckBoxModule };
|
88
|
+
//# sourceMappingURL=nstudio-nativescript-checkbox-angular.mjs.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"nstudio-nativescript-checkbox-angular.mjs","sources":["../../../../../packages/nativescript-checkbox/angular/index.ts","../../../../../packages/nativescript-checkbox/angular/nstudio-nativescript-checkbox-angular.ts"],"sourcesContent":["import {\n Directive,\n ElementRef,\n forwardRef,\n HostListener,\n Inject,\n NgModule\n} from '@angular/core';\nimport { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { registerElement, BaseValueAccessor } from '@nativescript/angular';\nimport { View } from '@nativescript/core';\nimport { CheckBox } from '@nstudio/nativescript-checkbox';\n\nfunction convertToInt(value): number {\n let normalizedValue;\n if (value === undefined || value === null) {\n normalizedValue = 0;\n } else {\n if (typeof value === 'number') {\n normalizedValue = value;\n } else {\n const parsedValue = parseInt(value.toString(), 10);\n normalizedValue = isNaN(parsedValue) ? 0 : parsedValue;\n }\n }\n return Math.round(normalizedValue);\n}\n\nregisterElement('CheckBox', () => CheckBox);\n\nconst CHECKED_VALUE_ACCESSOR = {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => CheckedValueAccessor),\n multi: true\n};\n\nexport type CheckableView = { checked: boolean } & View;\n\n/**\n * The accessor for setting checked property and listening to changes that is used by the\n * {@link NgModel} directives.\n *\n * ### Example\n * ```\n * <CheckBox [(ngModel)]=\"model.test\">\n * ```\n */\n@Directive({\n selector:\n 'CheckBox[ngModel], CheckBox[formControlName], CheckBox[formControl], checkBox[ngModel], checkBox[formControlName], checkBox[formControl], check-box[ngModel], check-box[formControlName], check-box[formControl]',\n providers: [CHECKED_VALUE_ACCESSOR]\n})\nexport class CheckedValueAccessor extends BaseValueAccessor<CheckableView> {\n constructor(@Inject(ElementRef) elementRef: ElementRef) {\n super(elementRef.nativeElement);\n }\n\n @HostListener('checkedChange', ['$event'])\n public checkedChangeListener(event: any) {\n this.onChange(event.value);\n }\n\n public onTouched = () => {};\n\n public writeValue(value: any): void {\n this.view.checked = value;\n }\n\n public registerOnTouched(fn: () => void): void {\n this.onTouched = fn;\n }\n}\n\n@NgModule({\n declarations: [CheckedValueAccessor],\n providers: [],\n imports: [FormsModule],\n exports: [FormsModule, CheckedValueAccessor]\n})\nexport class TNSCheckBoxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
package/angular/index.d.ts
CHANGED
@@ -1,15 +1,31 @@
|
|
1
1
|
import { ElementRef } from '@angular/core';
|
2
2
|
import { BaseValueAccessor } from '@nativescript/angular';
|
3
3
|
import { View } from '@nativescript/core';
|
4
|
+
import * as i0 from "@angular/core";
|
5
|
+
import * as i1 from "@angular/forms";
|
4
6
|
export declare type CheckableView = {
|
5
7
|
checked: boolean;
|
6
8
|
} & View;
|
9
|
+
/**
|
10
|
+
* The accessor for setting checked property and listening to changes that is used by the
|
11
|
+
* {@link NgModel} directives.
|
12
|
+
*
|
13
|
+
* ### Example
|
14
|
+
* ```
|
15
|
+
* <CheckBox [(ngModel)]="model.test">
|
16
|
+
* ```
|
17
|
+
*/
|
7
18
|
export declare class CheckedValueAccessor extends BaseValueAccessor<CheckableView> {
|
8
19
|
constructor(elementRef: ElementRef);
|
9
20
|
checkedChangeListener(event: any): void;
|
10
21
|
onTouched: () => void;
|
11
22
|
writeValue(value: any): void;
|
12
23
|
registerOnTouched(fn: () => void): void;
|
24
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CheckedValueAccessor, never>;
|
25
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<CheckedValueAccessor, "CheckBox[ngModel], CheckBox[formControlName], CheckBox[formControl], checkBox[ngModel], checkBox[formControlName], checkBox[formControl], check-box[ngModel], check-box[formControlName], check-box[formControl]", never, {}, {}, never>;
|
13
26
|
}
|
14
27
|
export declare class TNSCheckBoxModule {
|
28
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TNSCheckBoxModule, never>;
|
29
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<TNSCheckBoxModule, [typeof CheckedValueAccessor], [typeof i1.FormsModule], [typeof i1.FormsModule, typeof CheckedValueAccessor]>;
|
30
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<TNSCheckBoxModule>;
|
15
31
|
}
|
package/angular/package.json
CHANGED
@@ -1,24 +1,26 @@
|
|
1
1
|
{
|
2
|
-
"name": "nativescript-checkbox-angular",
|
3
|
-
"
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
2
|
+
"name": "nstudio-nativescript-checkbox-angular",
|
3
|
+
"module": "fesm2015/nstudio-nativescript-checkbox-angular.mjs",
|
4
|
+
"es2020": "fesm2020/nstudio-nativescript-checkbox-angular.mjs",
|
5
|
+
"esm2020": "esm2020/nstudio-nativescript-checkbox-angular.mjs",
|
6
|
+
"fesm2020": "fesm2020/nstudio-nativescript-checkbox-angular.mjs",
|
7
|
+
"fesm2015": "fesm2015/nstudio-nativescript-checkbox-angular.mjs",
|
8
|
+
"typings": "nstudio-nativescript-checkbox-angular.d.ts",
|
9
|
+
"exports": {
|
10
|
+
"./package.json": {
|
11
|
+
"default": "./package.json"
|
11
12
|
},
|
12
|
-
"
|
13
|
-
"."
|
14
|
-
|
13
|
+
".": {
|
14
|
+
"types": "./nstudio-nativescript-checkbox-angular.d.ts",
|
15
|
+
"esm2020": "./esm2020/nstudio-nativescript-checkbox-angular.mjs",
|
16
|
+
"es2020": "./fesm2020/nstudio-nativescript-checkbox-angular.mjs",
|
17
|
+
"es2015": "./fesm2015/nstudio-nativescript-checkbox-angular.mjs",
|
18
|
+
"node": "./fesm2015/nstudio-nativescript-checkbox-angular.mjs",
|
19
|
+
"default": "./fesm2020/nstudio-nativescript-checkbox-angular.mjs"
|
20
|
+
}
|
15
21
|
},
|
16
|
-
"
|
17
|
-
"
|
18
|
-
"
|
19
|
-
"typings": "10.0.0"
|
20
|
-
},
|
21
|
-
"scripts": {
|
22
|
-
"prepublishOnly": "node --eval \"console.error('ERROR: Trying to publish a package that has been compiled by NGCC. This is not allowed.\\nPlease delete and rebuild the package, without compiling with NGCC, before attempting to publish.\\nNote that NGCC may have been run by importing this package into another project that is being built with Ivy enabled.\\n')\" && exit 1"
|
22
|
+
"sideEffects": false,
|
23
|
+
"dependencies": {
|
24
|
+
"tslib": "^2.3.0"
|
23
25
|
}
|
24
|
-
}
|
26
|
+
}
|
package/common.d.ts
ADDED
package/common.js.map
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"common.js","sourceRoot":"","sources":["../../../packages/nativescript-checkbox/common.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,OAGX;AAHD,WAAY,OAAO;IACjB,4BAAiB,CAAA;IACjB,4BAAiB,CAAA;AACnB,CAAC,EAHW,OAAO,KAAP,OAAO,QAGlB"}
|
@@ -0,0 +1,45 @@
|
|
1
|
+
import { CssProperty, Property, Style, View } from '@nativescript/core';
|
2
|
+
export declare const checkedProperty: any;
|
3
|
+
export declare const textProperty: Property<CheckBox, string>;
|
4
|
+
export declare const fillColorProperty: CssProperty<Style, string>;
|
5
|
+
export declare const tintColorProperty: CssProperty<Style, string>;
|
6
|
+
export declare class CheckBox extends View {
|
7
|
+
checked: boolean;
|
8
|
+
nativeView: androidx.appcompat.widget.AppCompatCheckBox;
|
9
|
+
private _android;
|
10
|
+
private _boxType;
|
11
|
+
private _checkStyle;
|
12
|
+
private _checkPadding;
|
13
|
+
private _checkPaddingLeft;
|
14
|
+
private _checkPaddingTop;
|
15
|
+
private _checkPaddingRight;
|
16
|
+
private _checkPaddingBottom;
|
17
|
+
constructor();
|
18
|
+
get android(): androidx.appcompat.widget.AppCompatCheckBox;
|
19
|
+
set boxType(value: string);
|
20
|
+
get boxType(): string;
|
21
|
+
get checkStyle(): string;
|
22
|
+
set checkStyle(style: string);
|
23
|
+
set checkPadding(padding: string);
|
24
|
+
get checkPadding(): string;
|
25
|
+
set checkPaddingLeft(padding: string);
|
26
|
+
get checkPaddingLeft(): string;
|
27
|
+
set checkPaddingTop(padding: string);
|
28
|
+
get checkPaddingTop(): string;
|
29
|
+
set checkPaddingRight(padding: string);
|
30
|
+
get checkPaddingRight(): string;
|
31
|
+
set checkPaddingBottom(padding: string);
|
32
|
+
get checkPaddingBottom(): string;
|
33
|
+
get fontSize(): number;
|
34
|
+
set fontSize(size: number);
|
35
|
+
get fillColor(): string;
|
36
|
+
set fillColor(color: string);
|
37
|
+
get tintColor(): string;
|
38
|
+
set tintColor(color: string);
|
39
|
+
createNativeView(): androidx.appcompat.widget.AppCompatCheckBox;
|
40
|
+
initNativeView(): void;
|
41
|
+
disposeNativeView(): void;
|
42
|
+
toggle(): void;
|
43
|
+
_onCheckedPropertyChanged(checkbox: CheckBox, oldValue: any, newValue: any): void;
|
44
|
+
_onTextPropertyChanged(checkbox: CheckBox, oldValue: any, newValue: any): void;
|
45
|
+
}
|