@c2n/angular 0.0.9 → 0.0.10
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.
|
@@ -19,7 +19,7 @@ export declare class C2ValueAccessor implements ControlValueAccessor {
|
|
|
19
19
|
protected handleInput(): void;
|
|
20
20
|
protected handleTouched(): void;
|
|
21
21
|
static ɵfac: i0.ɵɵFactoryDeclaration<C2ValueAccessor, never>;
|
|
22
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<C2ValueAccessor, "c2-autocomplete[ngModel], c2-autocomplete[formControl], c2-autocomplete[formControlName], c2-cascader[ngModel], c2-cascader[formControl], c2-cascader[formControlName], c2-chat-input[ngModel], c2-chat-input[formControl], c2-chat-input[formControlName], c2-date-input[ngModel], c2-date-input[formControl], c2-date-input[formControlName], c2-number-input[ngModel], c2-number-input[formControl], c2-number-input[formControlName], c2-radio-group[ngModel], c2-radio-group[formControl], c2-radio-group[formControlName], c2-rate[ngModel], c2-rate[formControl], c2-rate[formControlName], c2-select[ngModel], c2-select[formControl], c2-select[formControlName], c2-slider[ngModel], c2-slider[formControl], c2-slider[formControlName], c2-text-field[ngModel], c2-text-field[formControl], c2-text-field[formControlName], c2-text-field-clear[ngModel], c2-text-field-clear[formControl], c2-text-field-clear[formControlName], c2-textarea[ngModel], c2-textarea[formControl], c2-textarea[formControlName]", never, {}, {}, never, never, true, never>;
|
|
22
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<C2ValueAccessor, "c2-autocomplete[ngModel], c2-autocomplete[formControl], c2-autocomplete[formControlName], c2-cascader[ngModel], c2-cascader[formControl], c2-cascader[formControlName], c2-chat-input[ngModel], c2-chat-input[formControl], c2-chat-input[formControlName], c2-code-editor[ngModel], c2-code-editor[formControl], c2-code-editor[formControlName], c2-date-input[ngModel], c2-date-input[formControl], c2-date-input[formControlName], c2-number-input[ngModel], c2-number-input[formControl], c2-number-input[formControlName], c2-radio-group[ngModel], c2-radio-group[formControl], c2-radio-group[formControlName], c2-rate[ngModel], c2-rate[formControl], c2-rate[formControlName], c2-select[ngModel], c2-select[formControl], c2-select[formControlName], c2-slider[ngModel], c2-slider[formControl], c2-slider[formControlName], c2-text-field[ngModel], c2-text-field[formControl], c2-text-field[formControlName], c2-text-field-clear[ngModel], c2-text-field-clear[formControl], c2-text-field-clear[formControlName], c2-textarea[ngModel], c2-textarea[formControl], c2-textarea[formControlName]", never, {}, {}, never, never, true, never>;
|
|
23
23
|
}
|
|
24
24
|
/** The same, for the toggles: the model is the `checked` state and the control is read on `change`. */
|
|
25
25
|
export declare class C2CheckedAccessor implements ControlValueAccessor {
|
package/dist/value-accessors.js
CHANGED
|
@@ -35,12 +35,12 @@ export class C2ValueAccessor {
|
|
|
35
35
|
this.notifyTouched();
|
|
36
36
|
}
|
|
37
37
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: C2ValueAccessor, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
38
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: C2ValueAccessor, isStandalone: true, selector: "c2-autocomplete[ngModel], c2-autocomplete[formControl], c2-autocomplete[formControlName], c2-cascader[ngModel], c2-cascader[formControl], c2-cascader[formControlName], c2-chat-input[ngModel], c2-chat-input[formControl], c2-chat-input[formControlName], c2-date-input[ngModel], c2-date-input[formControl], c2-date-input[formControlName], c2-number-input[ngModel], c2-number-input[formControl], c2-number-input[formControlName], c2-radio-group[ngModel], c2-radio-group[formControl], c2-radio-group[formControlName], c2-rate[ngModel], c2-rate[formControl], c2-rate[formControlName], c2-select[ngModel], c2-select[formControl], c2-select[formControlName], c2-slider[ngModel], c2-slider[formControl], c2-slider[formControlName], c2-text-field[ngModel], c2-text-field[formControl], c2-text-field[formControlName], c2-text-field-clear[ngModel], c2-text-field-clear[formControl], c2-text-field-clear[formControlName], c2-textarea[ngModel], c2-textarea[formControl], c2-textarea[formControlName]", host: { listeners: { "input": "handleInput()", "focusout": "handleTouched()" } }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => C2ValueAccessor), multi: true }], ngImport: i0 }); }
|
|
38
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: C2ValueAccessor, isStandalone: true, selector: "c2-autocomplete[ngModel], c2-autocomplete[formControl], c2-autocomplete[formControlName], c2-cascader[ngModel], c2-cascader[formControl], c2-cascader[formControlName], c2-chat-input[ngModel], c2-chat-input[formControl], c2-chat-input[formControlName], c2-code-editor[ngModel], c2-code-editor[formControl], c2-code-editor[formControlName], c2-date-input[ngModel], c2-date-input[formControl], c2-date-input[formControlName], c2-number-input[ngModel], c2-number-input[formControl], c2-number-input[formControlName], c2-radio-group[ngModel], c2-radio-group[formControl], c2-radio-group[formControlName], c2-rate[ngModel], c2-rate[formControl], c2-rate[formControlName], c2-select[ngModel], c2-select[formControl], c2-select[formControlName], c2-slider[ngModel], c2-slider[formControl], c2-slider[formControlName], c2-text-field[ngModel], c2-text-field[formControl], c2-text-field[formControlName], c2-text-field-clear[ngModel], c2-text-field-clear[formControl], c2-text-field-clear[formControlName], c2-textarea[ngModel], c2-textarea[formControl], c2-textarea[formControlName]", host: { listeners: { "input": "handleInput()", "focusout": "handleTouched()" } }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => C2ValueAccessor), multi: true }], ngImport: i0 }); }
|
|
39
39
|
}
|
|
40
40
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: C2ValueAccessor, decorators: [{
|
|
41
41
|
type: Directive,
|
|
42
42
|
args: [{
|
|
43
|
-
selector: 'c2-autocomplete[ngModel], c2-autocomplete[formControl], c2-autocomplete[formControlName], c2-cascader[ngModel], c2-cascader[formControl], c2-cascader[formControlName], c2-chat-input[ngModel], c2-chat-input[formControl], c2-chat-input[formControlName], c2-date-input[ngModel], c2-date-input[formControl], c2-date-input[formControlName], c2-number-input[ngModel], c2-number-input[formControl], c2-number-input[formControlName], c2-radio-group[ngModel], c2-radio-group[formControl], c2-radio-group[formControlName], c2-rate[ngModel], c2-rate[formControl], c2-rate[formControlName], c2-select[ngModel], c2-select[formControl], c2-select[formControlName], c2-slider[ngModel], c2-slider[formControl], c2-slider[formControlName], c2-text-field[ngModel], c2-text-field[formControl], c2-text-field[formControlName], c2-text-field-clear[ngModel], c2-text-field-clear[formControl], c2-text-field-clear[formControlName], c2-textarea[ngModel], c2-textarea[formControl], c2-textarea[formControlName]',
|
|
43
|
+
selector: 'c2-autocomplete[ngModel], c2-autocomplete[formControl], c2-autocomplete[formControlName], c2-cascader[ngModel], c2-cascader[formControl], c2-cascader[formControlName], c2-chat-input[ngModel], c2-chat-input[formControl], c2-chat-input[formControlName], c2-code-editor[ngModel], c2-code-editor[formControl], c2-code-editor[formControlName], c2-date-input[ngModel], c2-date-input[formControl], c2-date-input[formControlName], c2-number-input[ngModel], c2-number-input[formControl], c2-number-input[formControlName], c2-radio-group[ngModel], c2-radio-group[formControl], c2-radio-group[formControlName], c2-rate[ngModel], c2-rate[formControl], c2-rate[formControlName], c2-select[ngModel], c2-select[formControl], c2-select[formControlName], c2-slider[ngModel], c2-slider[formControl], c2-slider[formControlName], c2-text-field[ngModel], c2-text-field[formControl], c2-text-field[formControlName], c2-text-field-clear[ngModel], c2-text-field-clear[formControl], c2-text-field-clear[formControlName], c2-textarea[ngModel], c2-textarea[formControl], c2-textarea[formControlName]',
|
|
44
44
|
host: {
|
|
45
45
|
'(input)': 'handleInput()',
|
|
46
46
|
'(focusout)': 'handleTouched()',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"value-accessors.js","sourceRoot":"","sources":["../src/value-accessors.ts"],"names":[],"mappings":"AAAA,0DAA0D;AAC1D,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACzE,OAAO,EAAE,iBAAiB,EAA6B,MAAM,gBAAgB,CAAA;;AAS7E;;;;;;;GAOG;AAUH,MAAM,OAAO,eAAe;IAT5B;QAUmB,YAAO,GAAG,MAAM,CAAiC,UAAU,CAAC,CAAC,aAAa,CAAA;QACnF,iBAAY,GAA6B,GAAG,EAAE,GAAE,CAAC,CAAA;QACjD,kBAAa,GAAe,GAAG,EAAE,GAAE,CAAC,CAAA;KAyB7C;IAvBC,UAAU,CAAC,KAAc;QACvB,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;IAC7E,CAAC;IAED,gBAAgB,CAAC,EAA4B;QAC3C,IAAI,CAAC,YAAY,GAAG,EAAE,CAAA;IACxB,CAAC;IAED,iBAAiB,CAAC,EAAc;QAC9B,IAAI,CAAC,aAAa,GAAG,EAAE,CAAA;IACzB,CAAC;IAED,gBAAgB,CAAC,UAAmB;QAClC,IAAI,CAAC,OAAO,CAAC,QAAQ,GAAG,UAAU,CAAA;IACpC,CAAC;IAES,WAAW;QACnB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;IACvC,CAAC;IAES,aAAa;QACrB,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;8GA3BU,eAAe;kGAAf,eAAe,
|
|
1
|
+
{"version":3,"file":"value-accessors.js","sourceRoot":"","sources":["../src/value-accessors.ts"],"names":[],"mappings":"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","sourcesContent":["// GENERATED by @c2n/framework-types. Do not edit by hand.\nimport { Directive, ElementRef, forwardRef, inject } from '@angular/core'\nimport { NG_VALUE_ACCESSOR, type ControlValueAccessor } from '@angular/forms'\n\n/** The element half of a c2 form control, as far as an accessor is concerned. */\ninterface FormControlElement extends HTMLElement {\n value?: unknown\n checked?: boolean\n disabled?: boolean\n}\n\n/**\n * Binds `ngModel` / `formControl` / `formControlName` to the `value` of a c2 form control.\n *\n * The control is read on `input`, which every one of these components fires when its value changes, and marked\n * touched on `focusout` — `blur` does not cross the shadow boundary from the inner control.\n *\n * A `c2-select` carries its selection as a `string[]`, so that is what the bound model receives.\n */\n@Directive({\n selector:\n 'c2-autocomplete[ngModel], c2-autocomplete[formControl], c2-autocomplete[formControlName], c2-cascader[ngModel], c2-cascader[formControl], c2-cascader[formControlName], c2-chat-input[ngModel], c2-chat-input[formControl], c2-chat-input[formControlName], c2-code-editor[ngModel], c2-code-editor[formControl], c2-code-editor[formControlName], c2-date-input[ngModel], c2-date-input[formControl], c2-date-input[formControlName], c2-number-input[ngModel], c2-number-input[formControl], c2-number-input[formControlName], c2-radio-group[ngModel], c2-radio-group[formControl], c2-radio-group[formControlName], c2-rate[ngModel], c2-rate[formControl], c2-rate[formControlName], c2-select[ngModel], c2-select[formControl], c2-select[formControlName], c2-slider[ngModel], c2-slider[formControl], c2-slider[formControlName], c2-text-field[ngModel], c2-text-field[formControl], c2-text-field[formControlName], c2-text-field-clear[ngModel], c2-text-field-clear[formControl], c2-text-field-clear[formControlName], c2-textarea[ngModel], c2-textarea[formControl], c2-textarea[formControlName]',\n host: {\n '(input)': 'handleInput()',\n '(focusout)': 'handleTouched()',\n },\n providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => C2ValueAccessor), multi: true }],\n})\nexport class C2ValueAccessor implements ControlValueAccessor {\n private readonly element = inject<ElementRef<FormControlElement>>(ElementRef).nativeElement\n private notifyChange: (value: unknown) => void = () => {}\n private notifyTouched: () => void = () => {}\n\n writeValue(value: unknown): void {\n this.element.value = value ?? (Array.isArray(this.element.value) ? [] : '')\n }\n\n registerOnChange(fn: (value: unknown) => void): void {\n this.notifyChange = fn\n }\n\n registerOnTouched(fn: () => void): void {\n this.notifyTouched = fn\n }\n\n setDisabledState(isDisabled: boolean): void {\n this.element.disabled = isDisabled\n }\n\n protected handleInput(): void {\n this.notifyChange(this.element.value)\n }\n\n protected handleTouched(): void {\n this.notifyTouched()\n }\n}\n\n/** The same, for the toggles: the model is the `checked` state and the control is read on `change`. */\n@Directive({\n selector:\n 'c2-checkbox[ngModel], c2-checkbox[formControl], c2-checkbox[formControlName], c2-radio[ngModel], c2-radio[formControl], c2-radio[formControlName], c2-switch[ngModel], c2-switch[formControl], c2-switch[formControlName]',\n host: {\n '(change)': 'handleChange()',\n '(focusout)': 'handleTouched()',\n },\n providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => C2CheckedAccessor), multi: true }],\n})\nexport class C2CheckedAccessor implements ControlValueAccessor {\n private readonly element = inject<ElementRef<FormControlElement>>(ElementRef).nativeElement\n private notifyChange: (value: boolean) => void = () => {}\n private notifyTouched: () => void = () => {}\n\n writeValue(value: unknown): void {\n this.element.checked = Boolean(value)\n }\n\n registerOnChange(fn: (value: boolean) => void): void {\n this.notifyChange = fn\n }\n\n registerOnTouched(fn: () => void): void {\n this.notifyTouched = fn\n }\n\n setDisabledState(isDisabled: boolean): void {\n this.element.disabled = isDisabled\n }\n\n protected handleChange(): void {\n this.notifyChange(Boolean(this.element.checked))\n }\n\n protected handleTouched(): void {\n this.notifyTouched()\n }\n}\n\n/** Every accessor, for a component's `imports` array. */\nexport const C2_FORM_ACCESSORS = [C2ValueAccessor, C2CheckedAccessor] as const\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@c2n/angular",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.10",
|
|
4
4
|
"description": "Angular bindings for the c2n web components: ControlValueAccessor directives so ngModel and reactive forms work with c2-* form controls",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -67,5 +67,5 @@
|
|
|
67
67
|
"dependencies": {
|
|
68
68
|
"tslib": "2.8.1"
|
|
69
69
|
},
|
|
70
|
-
"gitHead": "
|
|
70
|
+
"gitHead": "8d57710b3345fcb01cdb4cb15d2d43ba8bf21642"
|
|
71
71
|
}
|