@nativescript-community/ui-checkbox 2.0.12 → 2.0.13
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/CHANGELOG.md +6 -0
- package/README.md +4 -4
- package/angular/esm2022/index.mjs +7 -8
- package/angular/fesm2022/nativescript-community-ui-checkbox-angular.mjs +6 -7
- package/angular/fesm2022/nativescript-community-ui-checkbox-angular.mjs.map +1 -1
- package/blueprint.md +4 -4
- package/common.d.ts +4 -5
- package/common.js +6 -26
- package/common.js.map +1 -1
- package/index.android.d.ts +3 -5
- package/index.android.js +17 -41
- package/index.android.js.map +1 -1
- package/index.d.ts +48 -0
- package/index.ios.d.ts +7 -22
- package/index.ios.js +127 -170
- package/index.ios.js.map +1 -1
- package/package.json +2 -2
- package/vue/index.js.map +1 -1
- package/angular/package.json +0 -24
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,12 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## 2.0.13 (2025-10-03)
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
* **android:** native-api-usage ([84a3ee3](https://github.com/nativescript-community/ui-checkbox/commit/84a3ee309bacb64afb205c2ab789e4064cfad3f8))
|
|
11
|
+
|
|
6
12
|
## [2.0.12](https://github.com/nativescript-community/ui-checkbox/compare/v2.0.11...v2.0.12) (2023-12-11)
|
|
7
13
|
|
|
8
14
|
**Note:** Version bump only for package @nativescript-community/ui-checkbox
|
package/README.md
CHANGED
|
@@ -129,7 +129,7 @@ Run the following command from the root of your project:
|
|
|
129
129
|
```XML
|
|
130
130
|
<Page
|
|
131
131
|
xmlns="http://schemas.nativescript.org/tns.xsd"
|
|
132
|
-
xmlns:CheckBox="@
|
|
132
|
+
xmlns:CheckBox="@nativescript-community/ui-checkbox" loaded="pageLoaded">
|
|
133
133
|
<ActionBar title="Native Checkbox" />
|
|
134
134
|
<StackLayout>
|
|
135
135
|
<CheckBox:CheckBox checked="checkProp" text="myCheckText" fillColor="myCheckColor" id="myCheckbox" />
|
|
@@ -142,7 +142,7 @@ Run the following command from the root of your project:
|
|
|
142
142
|
|
|
143
143
|
```typescript
|
|
144
144
|
|
|
145
|
-
import { CheckBox } from '@
|
|
145
|
+
import { CheckBox } from '@nativescript-community/ui-checkbox';
|
|
146
146
|
import { topmost } from '@nativescript/core/ui/frame';
|
|
147
147
|
|
|
148
148
|
public toggleCheck() {
|
|
@@ -160,7 +160,7 @@ public getCheckProp() {
|
|
|
160
160
|
### Angular Usage Sample:
|
|
161
161
|
|
|
162
162
|
```typescript
|
|
163
|
-
import { TNSCheckBoxModule } from '@
|
|
163
|
+
import { TNSCheckBoxModule } from '@nativescript-community/ui-checkbox/angular';
|
|
164
164
|
|
|
165
165
|
@NgModule({
|
|
166
166
|
imports: [TNSCheckBoxModule]
|
|
@@ -199,7 +199,7 @@ In your `main.js` (The file where the root Vue instance is created) register the
|
|
|
199
199
|
```js
|
|
200
200
|
Vue.registerElement(
|
|
201
201
|
'CheckBox',
|
|
202
|
-
() => require('@
|
|
202
|
+
() => require('@nativescript-community/ui-checkbox').CheckBox,
|
|
203
203
|
{
|
|
204
204
|
model: {
|
|
205
205
|
prop: 'checked',
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { Directive, ElementRef, HostListener, Inject, NgModule, forwardRef } from '@angular/core';
|
|
2
2
|
import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
3
|
import { BaseValueAccessor, registerElement } from '@nativescript/angular';
|
|
4
|
-
import { View } from '@nativescript/core';
|
|
5
4
|
import { CheckBox } from '@nativescript-community/ui-checkbox';
|
|
6
5
|
import * as i0 from "@angular/core";
|
|
7
6
|
registerElement('CheckBox', () => CheckBox);
|
|
@@ -33,30 +32,30 @@ export class CheckedValueAccessor extends BaseValueAccessor {
|
|
|
33
32
|
registerOnTouched(fn) {
|
|
34
33
|
this.onTouched = fn;
|
|
35
34
|
}
|
|
36
|
-
static ɵfac = function CheckedValueAccessor_Factory(
|
|
35
|
+
static ɵfac = function CheckedValueAccessor_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CheckedValueAccessor)(i0.ɵɵdirectiveInject(ElementRef)); };
|
|
37
36
|
static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: CheckedValueAccessor, selectors: [["CheckBox", "ngModel", ""], ["CheckBox", "formControlName", ""], ["CheckBox", "formControl", ""], ["checkBox", "ngModel", ""], ["checkBox", "formControlName", ""], ["checkBox", "formControl", ""], ["check-box", "ngModel", ""], ["check-box", "formControlName", ""], ["check-box", "formControl", ""]], hostBindings: function CheckedValueAccessor_HostBindings(rf, ctx) { if (rf & 1) {
|
|
38
37
|
i0.ɵɵlistener("checkedChange", function CheckedValueAccessor_checkedChange_HostBindingHandler($event) { return ctx.checkedChangeListener($event); });
|
|
39
38
|
} }, features: [i0.ɵɵProvidersFeature([CHECKED_VALUE_ACCESSOR]), i0.ɵɵInheritDefinitionFeature] });
|
|
40
39
|
}
|
|
41
|
-
(
|
|
40
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CheckedValueAccessor, [{
|
|
42
41
|
type: Directive,
|
|
43
42
|
args: [{
|
|
44
43
|
selector: 'CheckBox[ngModel], CheckBox[formControlName], CheckBox[formControl], checkBox[ngModel], checkBox[formControlName], checkBox[formControl], check-box[ngModel], check-box[formControlName], check-box[formControl]',
|
|
45
44
|
providers: [CHECKED_VALUE_ACCESSOR]
|
|
46
45
|
}]
|
|
47
|
-
}],
|
|
46
|
+
}], () => [{ type: i0.ElementRef, decorators: [{
|
|
48
47
|
type: Inject,
|
|
49
48
|
args: [ElementRef]
|
|
50
|
-
}] }]
|
|
49
|
+
}] }], { checkedChangeListener: [{
|
|
51
50
|
type: HostListener,
|
|
52
51
|
args: ['checkedChange', ['$event']]
|
|
53
52
|
}] }); })();
|
|
54
53
|
export class CheckBoxModule {
|
|
55
|
-
static ɵfac = function CheckBoxModule_Factory(
|
|
54
|
+
static ɵfac = function CheckBoxModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CheckBoxModule)(); };
|
|
56
55
|
static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: CheckBoxModule });
|
|
57
56
|
static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [FormsModule, FormsModule] });
|
|
58
57
|
}
|
|
59
|
-
(
|
|
58
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CheckBoxModule, [{
|
|
60
59
|
type: NgModule,
|
|
61
60
|
args: [{
|
|
62
61
|
declarations: [CheckedValueAccessor],
|
|
@@ -66,4 +65,4 @@ export class CheckBoxModule {
|
|
|
66
65
|
}]
|
|
67
66
|
}], null, null); })();
|
|
68
67
|
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CheckBoxModule, { declarations: [CheckedValueAccessor], imports: [FormsModule], exports: [FormsModule, CheckedValueAccessor] }); })();
|
|
69
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY2hlY2tib3gvYW5ndWxhci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbEcsT0FBTyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxlQUFlLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUUzRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0scUNBQXFDLENBQUM7O0FBRS9ELGVBQWUsQ0FBQyxVQUFVLEVBQUUsR0FBRyxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUM7QUFFNUMsTUFBTSxzQkFBc0IsR0FBRztJQUMzQixPQUFPLEVBQUUsaUJBQWlCO0lBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsb0JBQW9CLENBQUM7SUFDbkQsS0FBSyxFQUFFLElBQUk7Q0FDZCxDQUFDO0FBSUY7Ozs7Ozs7O0dBUUc7QUFNSCxNQUFNLE9BQU8sb0JBQXFCLFNBQVEsaUJBQWdDO0lBQ3RFLFlBQWdDLFVBQXNCO1FBQ2xELEtBQUssQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLENBQUM7SUFDcEMsQ0FBQztJQUdNLHFCQUFxQixDQUFDLEtBQVU7UUFDbkMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDL0IsQ0FBQztJQUVNLFNBQVMsR0FBRyxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7SUFFckIsVUFBVSxDQUFDLEtBQVU7UUFDeEIsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO0lBQzlCLENBQUM7SUFFTSxpQkFBaUIsQ0FBQyxFQUFjO1FBQ25DLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3hCLENBQUM7OEdBbEJRLG9CQUFvQix1QkFDVCxVQUFVOzZEQURyQixvQkFBb0I7WUFBcEIsK0dBQUEsaUNBQTZCLElBQVQ7OENBRmxCLENBQUMsc0JBQXNCLENBQUM7O2lGQUUxQixvQkFBb0I7Y0FMaEMsU0FBUztlQUFDO2dCQUNQLFFBQVEsRUFDSixrTkFBa047Z0JBQ3ROLFNBQVMsRUFBRSxDQUFDLHNCQUFzQixDQUFDO2FBQ3RDOztzQkFFZ0IsTUFBTTt1QkFBQyxVQUFVO3FCQUt2QixxQkFBcUI7a0JBRDNCLFlBQVk7bUJBQUMsZUFBZSxFQUFFLENBQUMsUUFBUSxDQUFDOztBQXNCN0MsTUFBTSxPQUFPLGNBQWM7d0dBQWQsY0FBYzs0REFBZCxjQUFjO2dFQUhiLFdBQVcsRUFDWCxXQUFXOztpRkFFWixjQUFjO2NBTjFCLFFBQVE7ZUFBQztnQkFDTixZQUFZLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQztnQkFDcEMsU0FBUyxFQUFFLEVBQUU7Z0JBQ2IsT0FBTyxFQUFFLENBQUMsV0FBVyxDQUFDO2dCQUN0QixPQUFPLEVBQUUsQ0FBQyxXQUFXLEVBQUUsb0JBQW9CLENBQUM7YUFDL0M7O3dGQUNZLGNBQWMsbUJBM0JkLG9CQUFvQixhQXdCbkIsV0FBVyxhQUNYLFdBQVcsRUF6Qlosb0JBQW9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBIb3N0TGlzdGVuZXIsIEluamVjdCwgTmdNb2R1bGUsIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEJhc2VWYWx1ZUFjY2Vzc29yLCByZWdpc3RlckVsZW1lbnQgfSBmcm9tICdAbmF0aXZlc2NyaXB0L2FuZ3VsYXInO1xuaW1wb3J0IHsgVmlldyB9IGZyb20gJ0BuYXRpdmVzY3JpcHQvY29yZSc7XG5pbXBvcnQgeyBDaGVja0JveCB9IGZyb20gJ0BuYXRpdmVzY3JpcHQtY29tbXVuaXR5L3VpLWNoZWNrYm94JztcblxucmVnaXN0ZXJFbGVtZW50KCdDaGVja0JveCcsICgpID0+IENoZWNrQm94KTtcblxuY29uc3QgQ0hFQ0tFRF9WQUxVRV9BQ0NFU1NPUiA9IHtcbiAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBDaGVja2VkVmFsdWVBY2Nlc3NvciksXG4gICAgbXVsdGk6IHRydWVcbn07XG5cbmV4cG9ydCB0eXBlIENoZWNrYWJsZVZpZXcgPSB7IGNoZWNrZWQ6IGJvb2xlYW4gfSAmIFZpZXc7XG5cbi8qKlxuICogVGhlIGFjY2Vzc29yIGZvciBzZXR0aW5nIGNoZWNrZWQgcHJvcGVydHkgYW5kIGxpc3RlbmluZyB0byBjaGFuZ2VzIHRoYXQgaXMgdXNlZCBieSB0aGVcbiAqIHtAbGluayBOZ01vZGVsfSBkaXJlY3RpdmVzLlxuICpcbiAqICAjIyMgRXhhbXBsZVxuICogIGBgYFxuICogIDxDaGVja0JveCBbKG5nTW9kZWwpXT1cIm1vZGVsLnRlc3RcIj5cbiAqICBgYGBcbiAqL1xuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6XG4gICAgICAgICdDaGVja0JveFtuZ01vZGVsXSwgQ2hlY2tCb3hbZm9ybUNvbnRyb2xOYW1lXSwgQ2hlY2tCb3hbZm9ybUNvbnRyb2xdLCBjaGVja0JveFtuZ01vZGVsXSwgY2hlY2tCb3hbZm9ybUNvbnRyb2xOYW1lXSwgY2hlY2tCb3hbZm9ybUNvbnRyb2xdLCBjaGVjay1ib3hbbmdNb2RlbF0sIGNoZWNrLWJveFtmb3JtQ29udHJvbE5hbWVdLCBjaGVjay1ib3hbZm9ybUNvbnRyb2xdJyxcbiAgICBwcm92aWRlcnM6IFtDSEVDS0VEX1ZBTFVFX0FDQ0VTU09SXVxufSlcbmV4cG9ydCBjbGFzcyBDaGVja2VkVmFsdWVBY2Nlc3NvciBleHRlbmRzIEJhc2VWYWx1ZUFjY2Vzc29yPENoZWNrYWJsZVZpZXc+IHtcbiAgICBjb25zdHJ1Y3RvcihASW5qZWN0KEVsZW1lbnRSZWYpIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHtcbiAgICAgICAgc3VwZXIoZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50KTtcbiAgICB9XG5cbiAgICBASG9zdExpc3RlbmVyKCdjaGVja2VkQ2hhbmdlJywgWyckZXZlbnQnXSlcbiAgICBwdWJsaWMgY2hlY2tlZENoYW5nZUxpc3RlbmVyKGV2ZW50OiBhbnkpIHtcbiAgICAgICAgdGhpcy5vbkNoYW5nZShldmVudC52YWx1ZSk7XG4gICAgfVxuXG4gICAgcHVibGljIG9uVG91Y2hlZCA9ICgpID0+IHt9O1xuXG4gICAgcHVibGljIHdyaXRlVmFsdWUodmFsdWU6IGFueSk6IHZvaWQge1xuICAgICAgICB0aGlzLnZpZXcuY2hlY2tlZCA9IHZhbHVlO1xuICAgIH1cblxuICAgIHB1YmxpYyByZWdpc3Rlck9uVG91Y2hlZChmbjogKCkgPT4gdm9pZCk6IHZvaWQge1xuICAgICAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xuICAgIH1cbn1cblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtDaGVja2VkVmFsdWVBY2Nlc3Nvcl0sXG4gICAgcHJvdmlkZXJzOiBbXSxcbiAgICBpbXBvcnRzOiBbRm9ybXNNb2R1bGVdLFxuICAgIGV4cG9ydHM6IFtGb3Jtc01vZHVsZSwgQ2hlY2tlZFZhbHVlQWNjZXNzb3JdXG59KVxuZXhwb3J0IGNsYXNzIENoZWNrQm94TW9kdWxlIHt9XG4iXX0=
|
|
@@ -2,7 +2,6 @@ import * as i0 from '@angular/core';
|
|
|
2
2
|
import { forwardRef, ElementRef, Directive, Inject, HostListener, NgModule } from '@angular/core';
|
|
3
3
|
import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
|
|
4
4
|
import { registerElement, BaseValueAccessor } from '@nativescript/angular';
|
|
5
|
-
import '@nativescript/core';
|
|
6
5
|
import { CheckBox } from '@nativescript-community/ui-checkbox';
|
|
7
6
|
|
|
8
7
|
registerElement('CheckBox', () => CheckBox);
|
|
@@ -34,30 +33,30 @@ class CheckedValueAccessor extends BaseValueAccessor {
|
|
|
34
33
|
registerOnTouched(fn) {
|
|
35
34
|
this.onTouched = fn;
|
|
36
35
|
}
|
|
37
|
-
static ɵfac = function CheckedValueAccessor_Factory(
|
|
36
|
+
static ɵfac = function CheckedValueAccessor_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CheckedValueAccessor)(i0.ɵɵdirectiveInject(ElementRef)); };
|
|
38
37
|
static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: CheckedValueAccessor, selectors: [["CheckBox", "ngModel", ""], ["CheckBox", "formControlName", ""], ["CheckBox", "formControl", ""], ["checkBox", "ngModel", ""], ["checkBox", "formControlName", ""], ["checkBox", "formControl", ""], ["check-box", "ngModel", ""], ["check-box", "formControlName", ""], ["check-box", "formControl", ""]], hostBindings: function CheckedValueAccessor_HostBindings(rf, ctx) { if (rf & 1) {
|
|
39
38
|
i0.ɵɵlistener("checkedChange", function CheckedValueAccessor_checkedChange_HostBindingHandler($event) { return ctx.checkedChangeListener($event); });
|
|
40
39
|
} }, features: [i0.ɵɵProvidersFeature([CHECKED_VALUE_ACCESSOR]), i0.ɵɵInheritDefinitionFeature] });
|
|
41
40
|
}
|
|
42
|
-
(
|
|
41
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CheckedValueAccessor, [{
|
|
43
42
|
type: Directive,
|
|
44
43
|
args: [{
|
|
45
44
|
selector: 'CheckBox[ngModel], CheckBox[formControlName], CheckBox[formControl], checkBox[ngModel], checkBox[formControlName], checkBox[formControl], check-box[ngModel], check-box[formControlName], check-box[formControl]',
|
|
46
45
|
providers: [CHECKED_VALUE_ACCESSOR]
|
|
47
46
|
}]
|
|
48
|
-
}],
|
|
47
|
+
}], () => [{ type: i0.ElementRef, decorators: [{
|
|
49
48
|
type: Inject,
|
|
50
49
|
args: [ElementRef]
|
|
51
|
-
}] }]
|
|
50
|
+
}] }], { checkedChangeListener: [{
|
|
52
51
|
type: HostListener,
|
|
53
52
|
args: ['checkedChange', ['$event']]
|
|
54
53
|
}] }); })();
|
|
55
54
|
class CheckBoxModule {
|
|
56
|
-
static ɵfac = function CheckBoxModule_Factory(
|
|
55
|
+
static ɵfac = function CheckBoxModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CheckBoxModule)(); };
|
|
57
56
|
static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: CheckBoxModule });
|
|
58
57
|
static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [FormsModule, FormsModule] });
|
|
59
58
|
}
|
|
60
|
-
(
|
|
59
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CheckBoxModule, [{
|
|
61
60
|
type: NgModule,
|
|
62
61
|
args: [{
|
|
63
62
|
declarations: [CheckedValueAccessor],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nativescript-community-ui-checkbox-angular.mjs","sources":["../../../../src/checkbox/angular/index.ts","../../../../src/checkbox/angular/nativescript-community-ui-checkbox-angular.ts"],"sourcesContent":["import { Directive, ElementRef, HostListener, Inject, NgModule, forwardRef } from '@angular/core';\nimport { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { BaseValueAccessor, registerElement } from '@nativescript/angular';\nimport { View } from '@nativescript/core';\nimport { CheckBox } from '@nativescript-community/ui-checkbox';\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 CheckBoxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"nativescript-community-ui-checkbox-angular.mjs","sources":["../../../../src/checkbox/angular/index.ts","../../../../src/checkbox/angular/nativescript-community-ui-checkbox-angular.ts"],"sourcesContent":["import { Directive, ElementRef, HostListener, Inject, NgModule, forwardRef } from '@angular/core';\nimport { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { BaseValueAccessor, registerElement } from '@nativescript/angular';\nimport { View } from '@nativescript/core';\nimport { CheckBox } from '@nativescript-community/ui-checkbox';\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 CheckBoxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAMA,eAAe,CAAC,UAAU,EAAE,MAAM,QAAQ,CAAC;AAE3C,MAAM,sBAAsB,GAAG;AAC3B,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,WAAW,EAAE,UAAU,CAAC,MAAM,oBAAoB,CAAC;AACnD,IAAA,KAAK,EAAE;CACV;AAID;;;;;;;;AAQG;AAMG,MAAO,oBAAqB,SAAQ,iBAAgC,CAAA;AACtE,IAAA,WAAA,CAAgC,UAAsB,EAAA;AAClD,QAAA,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC;IACnC;AAGO,IAAA,qBAAqB,CAAC,KAAU,EAAA;AACnC,QAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;IAC9B;AAEO,IAAA,SAAS,GAAG,MAAK,EAAE,CAAC;AAEpB,IAAA,UAAU,CAAC,KAAU,EAAA;AACxB,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,GAAG,KAAK;IAC7B;AAEO,IAAA,iBAAiB,CAAC,EAAc,EAAA;AACnC,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;IACvB;AAlBS,IAAA,OAAA,IAAA,GAAA,SAAA,4BAAA,CAAA,iBAAA,EAAA,EAAA,OAAA,KAAA,iBAAA,IAAA,oBAAoB,uBACT,UAAU,CAAA,CAAA,CAAA,CAAA,CAAA;6DADrB,oBAAoB,EAAA,SAAA,EAAA,CAAA,CAAA,UAAA,EAAA,SAAA,EAAA,EAAA,CAAA,EAAA,CAAA,UAAA,EAAA,iBAAA,EAAA,EAAA,CAAA,EAAA,CAAA,UAAA,EAAA,aAAA,EAAA,EAAA,CAAA,EAAA,CAAA,UAAA,EAAA,SAAA,EAAA,EAAA,CAAA,EAAA,CAAA,UAAA,EAAA,iBAAA,EAAA,EAAA,CAAA,EAAA,CAAA,UAAA,EAAA,aAAA,EAAA,EAAA,CAAA,EAAA,CAAA,WAAA,EAAA,SAAA,EAAA,EAAA,CAAA,EAAA,CAAA,WAAA,EAAA,iBAAA,EAAA,EAAA,CAAA,EAAA,CAAA,WAAA,EAAA,aAAA,EAAA,EAAA,CAAA,CAAA,EAAA,YAAA,EAAA,SAAA,iCAAA,CAAA,EAAA,EAAA,GAAA,EAAA,EAAA,IAAA,EAAA,GAAA,CAAA,EAAA;AAApB,YAAA,EAAA,CAAA,UAAA,CAAA,eAAA,EAAA,SAAA,qDAAA,CAAA,MAAA,EAAA,EAAA,OAAA,iCAA6B,CAAA,CAAA,CAAA,CAAT;AAFlB,QAAA,CAAA,CAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,CAAA,kBAAA,CAAA,CAAC,sBAAsB,CAAC,CAAA,EAAA,EAAA,CAAA,0BAAA,CAAA,EAAA,CAAA;;iFAE1B,oBAAoB,EAAA,CAAA;cALhC,SAAS;AAAC,QAAA,IAAA,EAAA,CAAA;AACP,gBAAA,QAAQ,EACJ,kNAAkN;gBACtN,SAAS,EAAE,CAAC,sBAAsB;AACrC,aAAA;;sBAEgB,MAAM;uBAAC,UAAU;qBAKvB,qBAAqB,EAAA,CAAA;kBAD3B,YAAY;mBAAC,eAAe,EAAE,CAAC,QAAQ,CAAC;;MAsBhC,cAAc,CAAA;wGAAd,cAAc,GAAA,CAAA,CAAA,CAAA;4DAAd,cAAc,EAAA,CAAA;AAHb,IAAA,OAAA,IAAA,iBAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,WAAW,EACX,WAAW,CAAA,EAAA,CAAA;;iFAEZ,cAAc,EAAA,CAAA;cAN1B,QAAQ;AAAC,QAAA,IAAA,EAAA,CAAA;gBACN,YAAY,EAAE,CAAC,oBAAoB,CAAC;AACpC,gBAAA,SAAS,EAAE,EAAE;gBACb,OAAO,EAAE,CAAC,WAAW,CAAC;AACtB,gBAAA,OAAO,EAAE,CAAC,WAAW,EAAE,oBAAoB;AAC9C,aAAA;;AACY,CAAA,YAAA,EAAA,CAAA,OAAA,SAAA,KAAA,WAAA,IAAA,SAAA,KAAA,EAAA,CAAA,kBAAA,CAAA,cAAc,mBA3Bd,oBAAoB,CAAA,EAAA,OAAA,EAAA,CAwBnB,WAAW,CAAA,EAAA,OAAA,EAAA,CACX,WAAW,EAzBZ,oBAAoB,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,GAAA;;AC9BjC;;AAEG;;;;"}
|
package/blueprint.md
CHANGED
|
@@ -53,7 +53,7 @@ Run the following command from the root of your project:
|
|
|
53
53
|
```XML
|
|
54
54
|
<Page
|
|
55
55
|
xmlns="http://schemas.nativescript.org/tns.xsd"
|
|
56
|
-
xmlns:CheckBox="@
|
|
56
|
+
xmlns:CheckBox="@nativescript-community/ui-checkbox" loaded="pageLoaded">
|
|
57
57
|
<ActionBar title="Native Checkbox" />
|
|
58
58
|
<StackLayout>
|
|
59
59
|
<CheckBox:CheckBox checked="{{ checkProp }}" text="{{ myCheckText }}" fillColor="{{ myCheckColor }}" id="myCheckbox" />
|
|
@@ -66,7 +66,7 @@ Run the following command from the root of your project:
|
|
|
66
66
|
|
|
67
67
|
```typescript
|
|
68
68
|
|
|
69
|
-
import { CheckBox } from '@
|
|
69
|
+
import { CheckBox } from '@nativescript-community/ui-checkbox';
|
|
70
70
|
import { topmost } from '@nativescript/core/ui/frame';
|
|
71
71
|
|
|
72
72
|
public toggleCheck() {
|
|
@@ -84,7 +84,7 @@ public getCheckProp() {
|
|
|
84
84
|
### Angular Usage Sample:
|
|
85
85
|
|
|
86
86
|
```typescript
|
|
87
|
-
import { TNSCheckBoxModule } from '@
|
|
87
|
+
import { TNSCheckBoxModule } from '@nativescript-community/ui-checkbox/angular';
|
|
88
88
|
|
|
89
89
|
@NgModule({
|
|
90
90
|
imports: [TNSCheckBoxModule]
|
|
@@ -123,7 +123,7 @@ In your `main.js` (The file where the root Vue instance is created) register the
|
|
|
123
123
|
```js
|
|
124
124
|
Vue.registerElement(
|
|
125
125
|
'CheckBox',
|
|
126
|
-
() => require('@
|
|
126
|
+
() => require('@nativescript-community/ui-checkbox').CheckBox,
|
|
127
127
|
{
|
|
128
128
|
model: {
|
|
129
129
|
prop: 'checked',
|
package/common.d.ts
CHANGED
|
@@ -1,14 +1,13 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Color, Property, View } from '@nativescript/core';
|
|
2
2
|
import { CheckBoxInterface } from '.';
|
|
3
3
|
export declare enum BoxType {
|
|
4
4
|
circle = "circle",
|
|
5
5
|
square = "square"
|
|
6
6
|
}
|
|
7
|
-
export declare const
|
|
8
|
-
export declare const
|
|
9
|
-
export declare const fillColorProperty: CssProperty<Style, string>;
|
|
7
|
+
export declare const tintColorProperty: Property<CheckBoxBase, string>;
|
|
8
|
+
export declare const fillColorProperty: Property<CheckBoxBase, string>;
|
|
10
9
|
export declare const checkedProperty: Property<CheckBoxBase, boolean>;
|
|
11
|
-
export declare abstract class CheckBoxBase extends
|
|
10
|
+
export declare abstract class CheckBoxBase extends View implements CheckBoxInterface {
|
|
12
11
|
checked: boolean;
|
|
13
12
|
boxType: any;
|
|
14
13
|
fillColor: string | Color;
|
package/common.js
CHANGED
|
@@ -1,29 +1,15 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { CSSType, Property, View, booleanConverter } from '@nativescript/core';
|
|
2
2
|
export var BoxType;
|
|
3
3
|
(function (BoxType) {
|
|
4
4
|
BoxType["circle"] = "circle";
|
|
5
5
|
BoxType["square"] = "square";
|
|
6
6
|
})(BoxType || (BoxType = {}));
|
|
7
|
-
export const
|
|
8
|
-
Object.defineProperty(target, key, {
|
|
9
|
-
get() {
|
|
10
|
-
return this.style[key];
|
|
11
|
-
},
|
|
12
|
-
set(newVal) {
|
|
13
|
-
this.style[key] = newVal;
|
|
14
|
-
},
|
|
15
|
-
enumerable: true,
|
|
16
|
-
configurable: true
|
|
17
|
-
});
|
|
18
|
-
};
|
|
19
|
-
export const tintColorProperty = new CssProperty({
|
|
7
|
+
export const tintColorProperty = new Property({
|
|
20
8
|
name: 'tintColor',
|
|
21
|
-
cssName: 'tint-color',
|
|
22
9
|
valueConverter: (v) => String(v)
|
|
23
10
|
});
|
|
24
|
-
export const fillColorProperty = new
|
|
11
|
+
export const fillColorProperty = new Property({
|
|
25
12
|
name: 'fillColor',
|
|
26
|
-
cssName: 'fill-color',
|
|
27
13
|
valueConverter: (v) => String(v)
|
|
28
14
|
});
|
|
29
15
|
export const checkedProperty = new Property({
|
|
@@ -32,7 +18,7 @@ export const checkedProperty = new Property({
|
|
|
32
18
|
valueConverter: booleanConverter
|
|
33
19
|
// valueChanged: onCheckedPropertyChanged
|
|
34
20
|
});
|
|
35
|
-
let CheckBoxBase = class CheckBoxBase extends
|
|
21
|
+
let CheckBoxBase = class CheckBoxBase extends View {
|
|
36
22
|
_onCheckedPropertyChanged(checkbox, oldValue, newValue) {
|
|
37
23
|
if (!this.nativeViewProtected) {
|
|
38
24
|
return;
|
|
@@ -40,17 +26,11 @@ let CheckBoxBase = class CheckBoxBase extends Button {
|
|
|
40
26
|
checkedProperty.nativeValueChange(this, newValue);
|
|
41
27
|
}
|
|
42
28
|
};
|
|
43
|
-
__decorate([
|
|
44
|
-
cssProperty
|
|
45
|
-
], CheckBoxBase.prototype, "fillColor", void 0);
|
|
46
|
-
__decorate([
|
|
47
|
-
cssProperty
|
|
48
|
-
], CheckBoxBase.prototype, "tintColor", void 0);
|
|
49
29
|
CheckBoxBase = __decorate([
|
|
50
30
|
CSSType('CheckBox')
|
|
51
31
|
], CheckBoxBase);
|
|
52
32
|
export { CheckBoxBase };
|
|
53
33
|
checkedProperty.register(CheckBoxBase);
|
|
54
|
-
fillColorProperty.register(
|
|
55
|
-
tintColorProperty.register(
|
|
34
|
+
fillColorProperty.register(CheckBoxBase);
|
|
35
|
+
tintColorProperty.register(CheckBoxBase);
|
|
56
36
|
//# sourceMappingURL=common.js.map
|
package/common.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"common.js","sourceRoot":"
|
|
1
|
+
{"version":3,"file":"common.js","sourceRoot":"","sources":["../../src/checkbox/common.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAS,QAAQ,EAAS,IAAI,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE7F,MAAM,CAAN,IAAY,OAGX;AAHD,WAAY,OAAO;IACf,4BAAiB,CAAA;IACjB,4BAAiB,CAAA;AACrB,CAAC,EAHW,OAAO,KAAP,OAAO,QAGlB;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,QAAQ,CAAuB;IAChE,IAAI,EAAE,WAAW;IACjB,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;CACnC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,QAAQ,CAAuB;IAChE,IAAI,EAAE,WAAW;IACjB,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;CACnC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,QAAQ,CAAwB;IAC/D,IAAI,EAAE,SAAS;IACf,YAAY,EAAE,KAAK;IACnB,cAAc,EAAE,gBAAgB;IAChC,yCAAyC;CAC5C,CAAC,CAAC;AAGI,IAAe,YAAY,GAA3B,MAAe,YAAa,SAAQ,IAAI;IAO3C,yBAAyB,CAAC,QAAsB,EAAE,QAAQ,EAAE,QAAQ;QAChE,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC5B,OAAO;QACX,CAAC;QACD,eAAe,CAAC,iBAAiB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IACtD,CAAC;CACJ,CAAA;AAbqB,YAAY;IADjC,OAAO,CAAC,UAAU,CAAC;GACE,YAAY,CAajC;;AACD,eAAe,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;AACvC,iBAAiB,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;AACzC,iBAAiB,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC"}
|
package/index.android.d.ts
CHANGED
|
@@ -2,14 +2,12 @@ import { CheckBoxBase } from './common';
|
|
|
2
2
|
export declare class CheckBox extends CheckBoxBase {
|
|
3
3
|
nativeViewProtected: androidx.appcompat.widget.AppCompatCheckBox;
|
|
4
4
|
checkStyle: string;
|
|
5
|
-
checkPadding: string;
|
|
6
|
-
checkPaddingLeft: string;
|
|
7
|
-
checkPaddingTop: string;
|
|
8
|
-
checkPaddingRight: string;
|
|
9
|
-
checkPaddingBottom: string;
|
|
10
5
|
ignoreChange: boolean;
|
|
11
6
|
createNativeView(): androidx.appcompat.widget.AppCompatCheckBox | androidx.appcompat.widget.AppCompatRadioButton;
|
|
7
|
+
onCheckedChangeListener: android.widget.CompoundButton.OnCheckedChangeListener;
|
|
12
8
|
initNativeView(): void;
|
|
9
|
+
onLoaded(): void;
|
|
10
|
+
onUnloaded(): void;
|
|
13
11
|
disposeNativeView(): void;
|
|
14
12
|
toggle(): void;
|
|
15
13
|
}
|
package/index.android.js
CHANGED
|
@@ -19,64 +19,40 @@ export class CheckBox extends CheckBoxBase {
|
|
|
19
19
|
}
|
|
20
20
|
createNativeView() {
|
|
21
21
|
let view;
|
|
22
|
-
if (
|
|
22
|
+
if (this.boxType === BoxType.circle) {
|
|
23
23
|
view = new androidx.appcompat.widget.AppCompatRadioButton(this._context);
|
|
24
24
|
}
|
|
25
25
|
else {
|
|
26
26
|
view = new androidx.appcompat.widget.AppCompatCheckBox(this._context);
|
|
27
27
|
}
|
|
28
|
-
if (this.checkPaddingLeft) {
|
|
29
|
-
view.setPadding(parseInt(this.checkPaddingLeft, 10), view.getPaddingTop(), view.getPaddingRight(), view.getPaddingBottom());
|
|
30
|
-
}
|
|
31
|
-
if (this.checkPaddingTop) {
|
|
32
|
-
view.setPadding(view.getPaddingLeft(), parseInt(this.checkPaddingTop, 10), view.getPaddingRight(), view.getPaddingBottom());
|
|
33
|
-
}
|
|
34
|
-
if (this.checkPaddingRight) {
|
|
35
|
-
view.setPadding(view.getPaddingLeft(), view.getPaddingTop(), parseInt(this.checkPaddingRight, 10), view.getPaddingBottom());
|
|
36
|
-
}
|
|
37
|
-
if (this.checkPaddingBottom) {
|
|
38
|
-
view.setPadding(view.getPaddingLeft(), view.getPaddingTop(), view.getPaddingRight(), parseInt(this.checkPaddingBottom, 10));
|
|
39
|
-
}
|
|
40
|
-
if (this.checkPadding) {
|
|
41
|
-
const pads = this.checkPadding.toString().split(',');
|
|
42
|
-
switch (pads.length) {
|
|
43
|
-
case 1:
|
|
44
|
-
view.setPadding(parseInt(pads[0], 10), parseInt(pads[0], 10), parseInt(pads[0], 10), parseInt(pads[0], 10));
|
|
45
|
-
break;
|
|
46
|
-
case 2:
|
|
47
|
-
view.setPadding(parseInt(pads[0], 10), parseInt(pads[1], 10), parseInt(pads[0], 10), parseInt(pads[1], 10));
|
|
48
|
-
break;
|
|
49
|
-
case 3:
|
|
50
|
-
view.setPadding(parseInt(pads[0], 10), parseInt(pads[1], 10), parseInt(pads[2], 10), parseInt(pads[1], 10));
|
|
51
|
-
break;
|
|
52
|
-
case 4:
|
|
53
|
-
view.setPadding(parseInt(pads[0], 10), parseInt(pads[1], 10), parseInt(pads[2], 10), parseInt(pads[3], 10));
|
|
54
|
-
break;
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
28
|
if (this.checkStyle) {
|
|
58
29
|
const drawable = this._context.getResources().getIdentifier(this.checkStyle, 'drawable', this._context.getPackageName());
|
|
59
30
|
view.setButtonDrawable(drawable);
|
|
60
31
|
}
|
|
61
|
-
// if (view) {
|
|
62
|
-
// if (this.fillColor) {
|
|
63
|
-
// view.setSupportButtonTintList(android.content.res.ColorStateList.valueOf(new Color(this.fillColor).android));
|
|
64
|
-
// }
|
|
65
|
-
// }
|
|
66
32
|
return view;
|
|
67
33
|
}
|
|
68
34
|
initNativeView() {
|
|
69
|
-
|
|
70
|
-
this.
|
|
35
|
+
super.initNativeView();
|
|
36
|
+
this.onCheckedChangeListener = new android.widget.CompoundButton.OnCheckedChangeListener({
|
|
71
37
|
onCheckedChanged: (sender, isChecked) => {
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
checkedProperty.nativeValueChange(owner, isChecked);
|
|
38
|
+
if (this.ignoreChange && this.isLoaded) {
|
|
39
|
+
checkedProperty.nativeValueChange(this, isChecked);
|
|
75
40
|
}
|
|
76
41
|
}
|
|
77
|
-
})
|
|
42
|
+
});
|
|
43
|
+
this.nativeViewProtected.setOnCheckedChangeListener(this.onCheckedChangeListener);
|
|
44
|
+
}
|
|
45
|
+
onLoaded() {
|
|
46
|
+
super.onLoaded();
|
|
47
|
+
this.nativeViewProtected?.setOnCheckedChangeListener(this.onCheckedChangeListener);
|
|
48
|
+
}
|
|
49
|
+
onUnloaded() {
|
|
50
|
+
super.onUnloaded();
|
|
51
|
+
this.nativeViewProtected?.setOnCheckedChangeListener(null);
|
|
78
52
|
}
|
|
79
53
|
disposeNativeView() {
|
|
54
|
+
super.disposeNativeView();
|
|
55
|
+
this.onCheckedChangeListener = null;
|
|
80
56
|
this.nativeViewProtected.setOnCheckedChangeListener(null);
|
|
81
57
|
}
|
|
82
58
|
toggle() {
|
package/index.android.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.android.js","sourceRoot":"
|
|
1
|
+
{"version":3,"file":"index.android.js","sourceRoot":"","sources":["../../src/checkbox/index.android.ts"],"names":[],"mappings":"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"}
|
package/index.d.ts
CHANGED
|
@@ -19,6 +19,54 @@ export class CheckBox extends View {
|
|
|
19
19
|
*/
|
|
20
20
|
checked: boolean;
|
|
21
21
|
|
|
22
|
+
fillColor: Color;
|
|
23
|
+
tintColor: Color;
|
|
24
|
+
|
|
25
|
+
/**
|
|
26
|
+
* iOS only
|
|
27
|
+
*/
|
|
28
|
+
onCheckColor: Color;
|
|
29
|
+
|
|
30
|
+
/**
|
|
31
|
+
* iOS only
|
|
32
|
+
*/
|
|
33
|
+
onTintColor: Color;
|
|
34
|
+
|
|
35
|
+
/**
|
|
36
|
+
* iOS only
|
|
37
|
+
*/
|
|
38
|
+
onFillColor: Color;
|
|
39
|
+
|
|
40
|
+
/**
|
|
41
|
+
* iOS only
|
|
42
|
+
*/
|
|
43
|
+
boxType: number;
|
|
44
|
+
|
|
45
|
+
/**
|
|
46
|
+
* iOS only
|
|
47
|
+
*/
|
|
48
|
+
lineWidth: number;
|
|
49
|
+
|
|
50
|
+
/**
|
|
51
|
+
* iOS only
|
|
52
|
+
*/
|
|
53
|
+
onAnimationType: number;
|
|
54
|
+
|
|
55
|
+
/**
|
|
56
|
+
* iOS only
|
|
57
|
+
*/
|
|
58
|
+
offAnimationType: number;
|
|
59
|
+
|
|
60
|
+
/**
|
|
61
|
+
* iOS only
|
|
62
|
+
*/
|
|
63
|
+
animationDuration: number;
|
|
64
|
+
|
|
65
|
+
/**
|
|
66
|
+
* iOS only
|
|
67
|
+
*/
|
|
68
|
+
hideBox: boolean;
|
|
69
|
+
|
|
22
70
|
/**
|
|
23
71
|
* Change the checked state of the view to the inverse of its current state.
|
|
24
72
|
*/
|
package/index.ios.d.ts
CHANGED
|
@@ -2,30 +2,15 @@ import { Color } from '@nativescript/core';
|
|
|
2
2
|
import { CheckBoxBase } from './common';
|
|
3
3
|
export declare class CheckBox extends CheckBoxBase {
|
|
4
4
|
boxType: BEMBoxType;
|
|
5
|
-
onCheckColor:
|
|
6
|
-
checkBoxBackgroundColor:
|
|
7
|
-
onTintColor:
|
|
8
|
-
onFillColor:
|
|
9
|
-
|
|
5
|
+
onCheckColor: Color;
|
|
6
|
+
checkBoxBackgroundColor: Color;
|
|
7
|
+
onTintColor: Color;
|
|
8
|
+
onFillColor: Color;
|
|
9
|
+
nativeViewProtected: BEMCheckBox;
|
|
10
10
|
private _delegate;
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
private _tint;
|
|
14
|
-
private _animationDuration;
|
|
15
|
-
private _onAnimationType;
|
|
16
|
-
private _offAnimationType;
|
|
17
|
-
createNativeView(): UIButton;
|
|
18
|
-
set checkedAnimated(value: boolean);
|
|
19
|
-
set lineWidth(value: number);
|
|
20
|
-
set hideBox(value: boolean);
|
|
21
|
-
set animationDuration(value: number);
|
|
22
|
-
set onAnimationType(value: number);
|
|
23
|
-
set offAnimationType(value: number);
|
|
24
|
-
get nativeiOSCheckBox(): BEMCheckBox;
|
|
25
|
-
reload(value: boolean): void;
|
|
26
|
-
tapTimeout: any;
|
|
11
|
+
createNativeView(): BEMCheckBox;
|
|
12
|
+
reload(): void;
|
|
27
13
|
initNativeView(): void;
|
|
28
14
|
disposeNativeView(): void;
|
|
29
15
|
toggle(): void;
|
|
30
|
-
private _getAnimationType;
|
|
31
16
|
}
|
package/index.ios.js
CHANGED
|
@@ -1,239 +1,196 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
|
|
1
|
+
var BEMCheckBoxDelegateImpl_1;
|
|
2
|
+
import { Color, Property, booleanConverter } from '@nativescript/core';
|
|
3
|
+
import { BoxType, CheckBoxBase, checkedProperty, fillColorProperty, tintColorProperty } from './common';
|
|
4
|
+
const checkBoxBackgroundColorProperty = new Property({
|
|
4
5
|
name: 'checkBoxBackgroundColor',
|
|
5
|
-
cssName: 'checkbox-background-color',
|
|
6
6
|
valueConverter: (v) => String(v)
|
|
7
7
|
});
|
|
8
|
-
const onCheckColorProperty = new
|
|
8
|
+
const onCheckColorProperty = new Property({
|
|
9
9
|
name: 'onCheckColor',
|
|
10
|
-
cssName: 'on-check-color',
|
|
11
10
|
defaultValue: '#ffffff',
|
|
12
11
|
valueConverter: (v) => String(v)
|
|
13
12
|
});
|
|
14
|
-
const onTintColorProperty = new
|
|
13
|
+
const onTintColorProperty = new Property({
|
|
15
14
|
name: 'onTintColor',
|
|
16
|
-
cssName: 'on-tint-color',
|
|
17
15
|
valueConverter: (v) => String(v)
|
|
18
16
|
});
|
|
19
|
-
const onFillColorProperty = new
|
|
17
|
+
const onFillColorProperty = new Property({
|
|
20
18
|
name: 'onFillColor',
|
|
21
|
-
cssName: 'on-fill-color',
|
|
22
19
|
valueConverter: (v) => String(v)
|
|
23
20
|
});
|
|
24
21
|
const boxTypeProperty = new Property({
|
|
25
22
|
name: 'boxType',
|
|
26
23
|
valueConverter: (v) => (BoxType[v] === BoxType.circle ? 0 /* BEMBoxType.Circle */ : 1 /* BEMBoxType.Square */)
|
|
27
24
|
});
|
|
25
|
+
const lineWidthProperty = new Property({
|
|
26
|
+
name: 'lineWidth',
|
|
27
|
+
valueConverter: parseFloat
|
|
28
|
+
});
|
|
29
|
+
const onAnimationTypeProperty = new Property({
|
|
30
|
+
name: 'onAnimationType',
|
|
31
|
+
defaultValue: 2,
|
|
32
|
+
valueConverter: (v) => parseFloat(v)
|
|
33
|
+
});
|
|
34
|
+
const offAnimationTypeProperty = new Property({
|
|
35
|
+
name: 'offAnimationType',
|
|
36
|
+
defaultValue: 2,
|
|
37
|
+
valueConverter: (v) => parseFloat(v)
|
|
38
|
+
});
|
|
39
|
+
const animationDurationProperty = new Property({
|
|
40
|
+
name: 'animationDuration',
|
|
41
|
+
valueConverter: parseFloat
|
|
42
|
+
});
|
|
43
|
+
const hideBoxProperty = new Property({
|
|
44
|
+
name: 'hideBox',
|
|
45
|
+
valueConverter: booleanConverter
|
|
46
|
+
});
|
|
28
47
|
function getIOSColor(value) {
|
|
29
48
|
return (!value || value instanceof Color ? value : new Color(value))?.ios;
|
|
30
49
|
}
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
50
|
+
function _getAnimationType(value) {
|
|
51
|
+
switch (value) {
|
|
52
|
+
case 1:
|
|
53
|
+
return 0 /* BEMAnimationType.Stroke */;
|
|
54
|
+
case 2:
|
|
55
|
+
return 1 /* BEMAnimationType.Fill */;
|
|
56
|
+
case 3:
|
|
57
|
+
return 2 /* BEMAnimationType.Bounce */;
|
|
58
|
+
case 4:
|
|
59
|
+
return 3 /* BEMAnimationType.Flat */;
|
|
60
|
+
case 5:
|
|
61
|
+
return 0 /* BEMAnimationType.Stroke */;
|
|
62
|
+
case 6:
|
|
63
|
+
return 5 /* BEMAnimationType.Fade */;
|
|
64
|
+
default:
|
|
65
|
+
return 0 /* BEMAnimationType.Stroke */;
|
|
41
66
|
}
|
|
67
|
+
}
|
|
68
|
+
export class CheckBox extends CheckBoxBase {
|
|
42
69
|
createNativeView() {
|
|
43
|
-
|
|
44
|
-
this.
|
|
45
|
-
view.
|
|
70
|
+
this.style['css:width'] = 25;
|
|
71
|
+
this.style['css:height'] = 25;
|
|
72
|
+
const view = BEMCheckBox.alloc().initWithFrame(CGRectMake(0, 0, 25, 25));
|
|
73
|
+
view.onAnimationType = 1 /* BEMAnimationType.Fill */;
|
|
74
|
+
view.offAnimationType = 1 /* BEMAnimationType.Fill */;
|
|
46
75
|
return view;
|
|
47
76
|
}
|
|
48
77
|
[fillColorProperty.setNative](value) {
|
|
49
|
-
this.
|
|
78
|
+
if (this.nativeViewProtected) {
|
|
79
|
+
this.nativeViewProtected.onFillColor = getIOSColor(value);
|
|
80
|
+
}
|
|
50
81
|
}
|
|
51
82
|
[onFillColorProperty.setNative](value) {
|
|
52
|
-
this.
|
|
83
|
+
if (this.nativeViewProtected) {
|
|
84
|
+
this.nativeViewProtected.onFillColor = getIOSColor(value);
|
|
85
|
+
}
|
|
53
86
|
}
|
|
54
87
|
[tintColorProperty.setNative](value) {
|
|
55
|
-
this.
|
|
88
|
+
if (this.nativeViewProtected) {
|
|
89
|
+
this.nativeViewProtected.tintColor = getIOSColor(value);
|
|
90
|
+
}
|
|
56
91
|
}
|
|
57
92
|
[onTintColorProperty.setNative](value) {
|
|
58
|
-
this.
|
|
93
|
+
if (this.nativeViewProtected) {
|
|
94
|
+
this.nativeViewProtected.onTintColor = getIOSColor(value);
|
|
95
|
+
}
|
|
59
96
|
}
|
|
60
97
|
[onCheckColorProperty.setNative](value) {
|
|
61
|
-
this.
|
|
98
|
+
if (this.nativeViewProtected) {
|
|
99
|
+
this.nativeViewProtected.onCheckColor = getIOSColor(value);
|
|
100
|
+
}
|
|
62
101
|
}
|
|
63
102
|
[checkBoxBackgroundColorProperty.setNative](value) {
|
|
64
|
-
this.
|
|
103
|
+
if (this.nativeViewProtected) {
|
|
104
|
+
this.nativeViewProtected.offFillColor = getIOSColor(value);
|
|
105
|
+
}
|
|
65
106
|
}
|
|
66
107
|
[boxTypeProperty.setNative](value) {
|
|
67
108
|
if (this.nativeViewProtected) {
|
|
68
|
-
this.
|
|
109
|
+
this.nativeViewProtected.boxType = value === 0 ? 0 /* BEMBoxType.Circle */ : 1 /* BEMBoxType.Square */;
|
|
69
110
|
}
|
|
70
111
|
}
|
|
71
112
|
[checkedProperty.setNative](value) {
|
|
72
|
-
this.
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
this._iosCheckbox.setOnAnimated(value, true);
|
|
76
|
-
}
|
|
77
|
-
set lineWidth(value) {
|
|
78
|
-
this._iosCheckbox.lineWidth = value;
|
|
79
|
-
this._lineWidth = value;
|
|
113
|
+
if (this.nativeViewProtected) {
|
|
114
|
+
this.nativeViewProtected.setOnAnimated(value, true);
|
|
115
|
+
}
|
|
80
116
|
}
|
|
81
|
-
|
|
82
|
-
this.
|
|
83
|
-
|
|
117
|
+
[lineWidthProperty.setNative](value) {
|
|
118
|
+
if (this.nativeViewProtected) {
|
|
119
|
+
this.nativeViewProtected.lineWidth = value;
|
|
120
|
+
}
|
|
84
121
|
}
|
|
85
|
-
|
|
86
|
-
this.
|
|
87
|
-
|
|
122
|
+
[hideBoxProperty.setNative](value) {
|
|
123
|
+
if (this.nativeViewProtected) {
|
|
124
|
+
this.nativeViewProtected.hideBox = value;
|
|
125
|
+
}
|
|
88
126
|
}
|
|
89
|
-
|
|
90
|
-
if (this.
|
|
91
|
-
this.
|
|
127
|
+
[animationDurationProperty.setNative](value) {
|
|
128
|
+
if (this.nativeViewProtected) {
|
|
129
|
+
this.nativeViewProtected.animationDuration = value;
|
|
92
130
|
}
|
|
93
|
-
else
|
|
94
|
-
this._onAnimationType = value;
|
|
95
131
|
}
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
132
|
+
[onAnimationTypeProperty.setNative](value) {
|
|
133
|
+
if (this.nativeViewProtected) {
|
|
134
|
+
this.nativeViewProtected.onAnimationType = _getAnimationType(value);
|
|
135
|
+
}
|
|
99
136
|
}
|
|
100
|
-
|
|
101
|
-
|
|
137
|
+
[offAnimationTypeProperty.setNative](value) {
|
|
138
|
+
if (this.nativeViewProtected) {
|
|
139
|
+
this.nativeViewProtected.offAnimationType = _getAnimationType(value);
|
|
140
|
+
}
|
|
102
141
|
}
|
|
103
|
-
|
|
104
|
-
|
|
142
|
+
// [onAnimationTypeProperty.defaultValue](value) {
|
|
143
|
+
// return 2;
|
|
144
|
+
// }
|
|
145
|
+
// [offAnimationTypeProperty.defaultValue](value) {
|
|
146
|
+
// return 2;
|
|
147
|
+
// }
|
|
148
|
+
reload() {
|
|
149
|
+
this.nativeViewProtected.reload();
|
|
105
150
|
}
|
|
106
151
|
initNativeView() {
|
|
107
|
-
|
|
108
|
-
this.addEventListener('tap', (args) => {
|
|
109
|
-
//ensure we dont get 2 events if using UITapGestureRecognizer
|
|
110
|
-
this.tapTimeout = setTimeout(() => {
|
|
111
|
-
this.tapTimeout = null;
|
|
112
|
-
const checkbox = args.object;
|
|
113
|
-
checkbox.checked = !checkbox.checked;
|
|
114
|
-
}, 10);
|
|
115
|
-
});
|
|
116
|
-
this._onAnimationType = 2;
|
|
117
|
-
this._offAnimationType = 2;
|
|
152
|
+
super.initNativeView();
|
|
118
153
|
this._delegate = BEMCheckBoxDelegateImpl.initWithOwner(new WeakRef(this));
|
|
119
|
-
|
|
120
|
-
if (!this.style.fontSize) {
|
|
121
|
-
fontSize = 15;
|
|
122
|
-
}
|
|
123
|
-
else {
|
|
124
|
-
fontSize = this.style.fontSize;
|
|
125
|
-
}
|
|
126
|
-
this._iosCheckbox.delegate = this._delegate;
|
|
127
|
-
// positioning
|
|
128
|
-
this._iosCheckbox.frame = CGRectMake(0, 0, fontSize, fontSize);
|
|
129
|
-
this._iosCheckbox.center = CGPointMake(this._iosCheckbox.center.x, fontSize / 2 + 3);
|
|
130
|
-
this.style.paddingLeft = fontSize + (fontSize > 20 ? 10 : 5);
|
|
131
|
-
this.style.textAlignment = 'left';
|
|
132
|
-
// if (this._onCheckColor) {
|
|
133
|
-
// this._iosCheckbox.onCheckColor = new Color(this._onCheckColor).ios;
|
|
134
|
-
// }
|
|
135
|
-
// if (this._onFillColor) {
|
|
136
|
-
// this._iosCheckbox.onFillColor = new Color(this._onFillColor).ios;
|
|
137
|
-
// }
|
|
138
|
-
// if (this._onTintColor) {
|
|
139
|
-
// this._iosCheckbox.onTintColor = new Color(this._onTintColor).ios;
|
|
140
|
-
// }
|
|
141
|
-
// if (this._fillColor) {
|
|
142
|
-
// this._iosCheckbox.onFillColor = new Color(this._fillColor).ios;
|
|
143
|
-
// }
|
|
144
|
-
// if (this._tintColor) {
|
|
145
|
-
// this._iosCheckbox.tintColor = new Color(this._tintColor).ios;
|
|
146
|
-
// }
|
|
147
|
-
if (typeof this._lineWidth !== 'undefined') {
|
|
148
|
-
this.lineWidth = this._lineWidth;
|
|
149
|
-
}
|
|
150
|
-
if (typeof this._hideBox !== 'undefined') {
|
|
151
|
-
this.hideBox = this._hideBox;
|
|
152
|
-
}
|
|
153
|
-
this.boxType = this.boxType === 0 ? 0 /* BEMBoxType.Circle */ : 1 /* BEMBoxType.Square */;
|
|
154
|
-
if (typeof this._animationDuration !== 'undefined') {
|
|
155
|
-
this.animationDuration = this._animationDuration;
|
|
156
|
-
}
|
|
157
|
-
if (typeof this._onAnimationType !== 'undefined') {
|
|
158
|
-
this.onAnimationType = this._onAnimationType;
|
|
159
|
-
}
|
|
160
|
-
if (typeof this._offAnimationType !== 'undefined') {
|
|
161
|
-
this.offAnimationType = this._offAnimationType;
|
|
162
|
-
}
|
|
154
|
+
this.nativeViewProtected.delegate = this._delegate;
|
|
163
155
|
}
|
|
164
156
|
disposeNativeView() {
|
|
165
|
-
|
|
166
|
-
this.
|
|
167
|
-
this.removeEventListener('tap');
|
|
157
|
+
super.disposeNativeView();
|
|
158
|
+
this.nativeViewProtected.delegate = null;
|
|
168
159
|
}
|
|
169
160
|
toggle() {
|
|
170
161
|
this.checked = !this.checked;
|
|
171
162
|
}
|
|
172
|
-
_getAnimationType(value) {
|
|
173
|
-
switch (value) {
|
|
174
|
-
case 1:
|
|
175
|
-
return 0 /* BEMAnimationType.Stroke */;
|
|
176
|
-
case 2:
|
|
177
|
-
return 1 /* BEMAnimationType.Fill */;
|
|
178
|
-
case 3:
|
|
179
|
-
return 2 /* BEMAnimationType.Bounce */;
|
|
180
|
-
case 4:
|
|
181
|
-
return 3 /* BEMAnimationType.Flat */;
|
|
182
|
-
case 5:
|
|
183
|
-
return 0 /* BEMAnimationType.Stroke */;
|
|
184
|
-
case 6:
|
|
185
|
-
return 5 /* BEMAnimationType.Fade */;
|
|
186
|
-
default:
|
|
187
|
-
return 0 /* BEMAnimationType.Stroke */;
|
|
188
|
-
}
|
|
189
|
-
}
|
|
190
163
|
}
|
|
191
|
-
|
|
192
|
-
cssProperty
|
|
193
|
-
], CheckBox.prototype, "onCheckColor", void 0);
|
|
194
|
-
__decorate([
|
|
195
|
-
cssProperty
|
|
196
|
-
], CheckBox.prototype, "checkBoxBackgroundColor", void 0);
|
|
197
|
-
__decorate([
|
|
198
|
-
cssProperty
|
|
199
|
-
], CheckBox.prototype, "onTintColor", void 0);
|
|
200
|
-
__decorate([
|
|
201
|
-
cssProperty
|
|
202
|
-
], CheckBox.prototype, "onFillColor", void 0);
|
|
203
|
-
var BEMCheckBoxDelegateImpl = /** @class */ (function (_super) {
|
|
204
|
-
__extends(BEMCheckBoxDelegateImpl, _super);
|
|
205
|
-
function BEMCheckBoxDelegateImpl() {
|
|
206
|
-
return _super !== null && _super.apply(this, arguments) || this;
|
|
207
|
-
}
|
|
164
|
+
let BEMCheckBoxDelegateImpl = BEMCheckBoxDelegateImpl_1 = class BEMCheckBoxDelegateImpl extends NSObject {
|
|
208
165
|
/* static ObjCExposedMethods = {
|
|
209
166
|
"didTapCheckBox": { returns: interop.types.void, params: [NSObject] }
|
|
210
167
|
};*/
|
|
211
|
-
|
|
212
|
-
|
|
168
|
+
static initWithOwner(owner) {
|
|
169
|
+
const delegate = BEMCheckBoxDelegateImpl_1.new();
|
|
213
170
|
delegate._owner = owner;
|
|
214
171
|
return delegate;
|
|
215
|
-
}
|
|
216
|
-
|
|
172
|
+
}
|
|
173
|
+
animationDidStopForCheckBox(checkBox) {
|
|
217
174
|
// TODO: Maybe trigger event later?
|
|
218
|
-
}
|
|
219
|
-
|
|
220
|
-
|
|
175
|
+
}
|
|
176
|
+
didTapCheckBox(checkBox) {
|
|
177
|
+
const owner = this._owner.get();
|
|
221
178
|
if (owner) {
|
|
222
|
-
if (owner.tapTimeout) {
|
|
223
|
-
clearTimeout(owner.tapTimeout);
|
|
224
|
-
owner.tapTimeout = null;
|
|
225
|
-
}
|
|
226
179
|
checkedProperty.nativeValueChange(owner, checkBox.on);
|
|
227
180
|
}
|
|
228
|
-
}
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
}
|
|
181
|
+
}
|
|
182
|
+
};
|
|
183
|
+
BEMCheckBoxDelegateImpl.ObjCProtocols = [BEMCheckBoxDelegate];
|
|
184
|
+
BEMCheckBoxDelegateImpl = BEMCheckBoxDelegateImpl_1 = __decorate([
|
|
185
|
+
NativeClass()
|
|
186
|
+
], BEMCheckBoxDelegateImpl);
|
|
235
187
|
boxTypeProperty.register(CheckBox);
|
|
236
|
-
onTintColorProperty.register(
|
|
237
|
-
onCheckColorProperty.register(
|
|
238
|
-
checkBoxBackgroundColorProperty.register(
|
|
188
|
+
onTintColorProperty.register(CheckBox);
|
|
189
|
+
onCheckColorProperty.register(CheckBox);
|
|
190
|
+
checkBoxBackgroundColorProperty.register(CheckBox);
|
|
191
|
+
lineWidthProperty.register(CheckBox);
|
|
192
|
+
hideBoxProperty.register(CheckBox);
|
|
193
|
+
onAnimationTypeProperty.register(CheckBox);
|
|
194
|
+
offAnimationTypeProperty.register(CheckBox);
|
|
195
|
+
animationDurationProperty.register(CheckBox);
|
|
239
196
|
//# sourceMappingURL=index.ios.js.map
|
package/index.ios.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.ios.js","sourceRoot":"
|
|
1
|
+
{"version":3,"file":"index.ios.js","sourceRoot":"","sources":["../../src/checkbox/index.ios.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nativescript-community/ui-checkbox",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.13",
|
|
4
4
|
"description": "NativeScript plugin for checkbox.",
|
|
5
5
|
"main": "./index",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -56,5 +56,5 @@
|
|
|
56
56
|
},
|
|
57
57
|
"license": "ISC",
|
|
58
58
|
"readmeFilename": "README.md",
|
|
59
|
-
"gitHead": "
|
|
59
|
+
"gitHead": "481b8aae1c517d0ebc02b235a40b1c138175afaf"
|
|
60
60
|
}
|
package/vue/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/checkbox/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,CAAC;AAC9B,IAAI,SAAS,GAAG,KAAK,CAAC;AACtB,eAAe;IACX,OAAO,CAAC,GAAG;QACP,IAAI,CAAC,SAAS,EAAE,CAAC;YACb,SAAS,GAAG,IAAI,CAAC;YACjB,GAAG,CAAC,eAAe,CAAC,UAAU,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE;gBAC5C,KAAK,EAAE;oBACH,IAAI,EAAE,SAAS;oBACf,KAAK,EAAE,eAAe;iBACzB;aACJ,CAAC,CAAC;QACP,CAAC;IACL,CAAC;CACJ,CAAC"}
|
package/angular/package.json
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@nativescript-community/ui-checkbox-angular",
|
|
3
|
-
"main": "index.js",
|
|
4
|
-
"module": "fesm2022/nativescript-community-ui-checkbox-angular.mjs",
|
|
5
|
-
"typings": "index.d.ts",
|
|
6
|
-
"exports": {
|
|
7
|
-
"./package.json": {
|
|
8
|
-
"default": "./package.json"
|
|
9
|
-
},
|
|
10
|
-
".": {
|
|
11
|
-
"types": "./index.d.ts",
|
|
12
|
-
"esm2022": "./esm2022/nativescript-community-ui-checkbox-angular.mjs",
|
|
13
|
-
"esm": "./esm2022/nativescript-community-ui-checkbox-angular.mjs",
|
|
14
|
-
"default": "./fesm2022/nativescript-community-ui-checkbox-angular.mjs"
|
|
15
|
-
}
|
|
16
|
-
},
|
|
17
|
-
"sideEffects": false,
|
|
18
|
-
"dependencies": {
|
|
19
|
-
"tslib": "^2.3.0"
|
|
20
|
-
},
|
|
21
|
-
"scripts": {
|
|
22
|
-
"prepublishOnly": "node --eval \"console.error('ERROR: Trying to publish a package that has been compiled by Ivy in full compilation mode. This is not allowed.\\nPlease delete and rebuild the package with Ivy partial compilation mode, before attempting to publish.\\n')\" && exit 1"
|
|
23
|
-
}
|
|
24
|
-
}
|