primeng 17.13.0 → 17.14.1
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/autofocus/autofocus.d.ts +1 -1
- package/badge/badge.d.ts +33 -23
- package/button/button.d.ts +10 -3
- package/calendar/calendar.d.ts +9 -2
- package/cascadeselect/cascadeselect.d.ts +12 -6
- package/checkbox/checkbox.d.ts +11 -4
- package/chips/chips.d.ts +11 -4
- package/colorpicker/colorpicker.d.ts +9 -2
- package/dataview/dataview.d.ts +0 -1
- package/dialog/dialog.d.ts +2 -3
- package/dom/domhandler.d.ts +2 -0
- package/dynamicdialog/dynamicdialog-config.d.ts +5 -0
- package/dynamicdialog/dynamicdialog.d.ts +5 -5
- package/esm2022/autocomplete/autocomplete.mjs +2 -2
- package/esm2022/autofocus/autofocus.mjs +9 -2
- package/esm2022/badge/badge.mjs +126 -81
- package/esm2022/button/button.mjs +20 -6
- package/esm2022/calendar/calendar.mjs +27 -8
- package/esm2022/cascadeselect/cascadeselect.mjs +20 -7
- package/esm2022/checkbox/checkbox.mjs +20 -6
- package/esm2022/chips/chips.mjs +20 -6
- package/esm2022/colorpicker/colorpicker.mjs +20 -6
- package/esm2022/dataview/dataview.mjs +3 -4
- package/esm2022/dialog/dialog.mjs +16 -35
- package/esm2022/dom/domhandler.mjs +22 -8
- package/esm2022/dropdown/dropdown.mjs +9 -3
- package/esm2022/dynamicdialog/dynamicdialog-config.mjs +6 -1
- package/esm2022/dynamicdialog/dynamicdialog.mjs +41 -69
- package/esm2022/fileupload/fileupload.mjs +2 -2
- package/esm2022/inputmask/inputmask.mjs +17 -5
- package/esm2022/inputnumber/inputnumber.mjs +22 -8
- package/esm2022/inputotp/inputotp.mjs +27 -7
- package/esm2022/inputswitch/inputswitch.mjs +20 -6
- package/esm2022/keyfilter/keyfilter.mjs +12 -3
- package/esm2022/messages/messages.mjs +7 -6
- package/esm2022/metergroup/metergroup.interface.mjs +1 -1
- package/esm2022/metergroup/metergroup.mjs +12 -9
- package/esm2022/multiselect/multiselect.mjs +27 -8
- package/esm2022/orderlist/orderlist.mjs +3 -4
- package/esm2022/paginator/paginator.mjs +2 -2
- package/esm2022/password/password.mjs +20 -6
- package/esm2022/picklist/picklist.mjs +3 -4
- package/esm2022/radiobutton/radiobutton.mjs +20 -6
- package/esm2022/rating/rating.mjs +24 -6
- package/esm2022/selectbutton/selectbutton.mjs +20 -6
- package/esm2022/slidemenu/slidemenu.mjs +4 -3
- package/esm2022/slider/slider.mjs +24 -6
- package/esm2022/splitbutton/splitbutton.mjs +24 -6
- package/esm2022/table/table.mjs +15 -18
- package/esm2022/tabmenu/tabmenu.mjs +2 -2
- package/esm2022/togglebutton/togglebutton.mjs +20 -6
- package/esm2022/tree/tree.mjs +3 -4
- package/esm2022/treeselect/treeselect.mjs +20 -10
- package/esm2022/treetable/treetable.mjs +3 -4
- package/esm2022/tristatecheckbox/tristatecheckbox.mjs +20 -6
- package/fesm2022/primeng-autocomplete.mjs +1 -1
- package/fesm2022/primeng-autocomplete.mjs.map +1 -1
- package/fesm2022/primeng-autofocus.mjs +8 -1
- package/fesm2022/primeng-autofocus.mjs.map +1 -1
- package/fesm2022/primeng-badge.mjs +125 -80
- package/fesm2022/primeng-badge.mjs.map +1 -1
- package/fesm2022/primeng-button.mjs +19 -5
- package/fesm2022/primeng-button.mjs.map +1 -1
- package/fesm2022/primeng-calendar.mjs +26 -7
- package/fesm2022/primeng-calendar.mjs.map +1 -1
- package/fesm2022/primeng-cascadeselect.mjs +19 -6
- package/fesm2022/primeng-cascadeselect.mjs.map +1 -1
- package/fesm2022/primeng-checkbox.mjs +19 -5
- package/fesm2022/primeng-checkbox.mjs.map +1 -1
- package/fesm2022/primeng-chips.mjs +19 -5
- package/fesm2022/primeng-chips.mjs.map +1 -1
- package/fesm2022/primeng-colorpicker.mjs +19 -5
- package/fesm2022/primeng-colorpicker.mjs.map +1 -1
- package/fesm2022/primeng-dataview.mjs +2 -3
- package/fesm2022/primeng-dataview.mjs.map +1 -1
- package/fesm2022/primeng-dialog.mjs +15 -34
- package/fesm2022/primeng-dialog.mjs.map +1 -1
- package/fesm2022/primeng-dom.mjs +21 -7
- package/fesm2022/primeng-dom.mjs.map +1 -1
- package/fesm2022/primeng-dropdown.mjs +8 -2
- package/fesm2022/primeng-dropdown.mjs.map +1 -1
- package/fesm2022/primeng-dynamicdialog.mjs +45 -68
- package/fesm2022/primeng-dynamicdialog.mjs.map +1 -1
- package/fesm2022/primeng-fileupload.mjs +1 -1
- package/fesm2022/primeng-fileupload.mjs.map +1 -1
- package/fesm2022/primeng-inputmask.mjs +16 -4
- package/fesm2022/primeng-inputmask.mjs.map +1 -1
- package/fesm2022/primeng-inputnumber.mjs +21 -7
- package/fesm2022/primeng-inputnumber.mjs.map +1 -1
- package/fesm2022/primeng-inputotp.mjs +26 -6
- package/fesm2022/primeng-inputotp.mjs.map +1 -1
- package/fesm2022/primeng-inputswitch.mjs +19 -5
- package/fesm2022/primeng-inputswitch.mjs.map +1 -1
- package/fesm2022/primeng-keyfilter.mjs +11 -2
- package/fesm2022/primeng-keyfilter.mjs.map +1 -1
- package/fesm2022/primeng-messages.mjs +6 -5
- package/fesm2022/primeng-messages.mjs.map +1 -1
- package/fesm2022/primeng-metergroup.mjs +11 -8
- package/fesm2022/primeng-metergroup.mjs.map +1 -1
- package/fesm2022/primeng-multiselect.mjs +26 -7
- package/fesm2022/primeng-multiselect.mjs.map +1 -1
- package/fesm2022/primeng-orderlist.mjs +2 -3
- package/fesm2022/primeng-orderlist.mjs.map +1 -1
- package/fesm2022/primeng-paginator.mjs +1 -1
- package/fesm2022/primeng-paginator.mjs.map +1 -1
- package/fesm2022/primeng-password.mjs +19 -5
- package/fesm2022/primeng-password.mjs.map +1 -1
- package/fesm2022/primeng-picklist.mjs +2 -3
- package/fesm2022/primeng-picklist.mjs.map +1 -1
- package/fesm2022/primeng-radiobutton.mjs +19 -5
- package/fesm2022/primeng-radiobutton.mjs.map +1 -1
- package/fesm2022/primeng-rating.mjs +23 -5
- package/fesm2022/primeng-rating.mjs.map +1 -1
- package/fesm2022/primeng-selectbutton.mjs +19 -5
- package/fesm2022/primeng-selectbutton.mjs.map +1 -1
- package/fesm2022/primeng-slidemenu.mjs +3 -2
- package/fesm2022/primeng-slidemenu.mjs.map +1 -1
- package/fesm2022/primeng-slider.mjs +23 -5
- package/fesm2022/primeng-slider.mjs.map +1 -1
- package/fesm2022/primeng-splitbutton.mjs +23 -5
- package/fesm2022/primeng-splitbutton.mjs.map +1 -1
- package/fesm2022/primeng-table.mjs +14 -17
- package/fesm2022/primeng-table.mjs.map +1 -1
- package/fesm2022/primeng-tabmenu.mjs +1 -1
- package/fesm2022/primeng-tabmenu.mjs.map +1 -1
- package/fesm2022/primeng-togglebutton.mjs +19 -5
- package/fesm2022/primeng-togglebutton.mjs.map +1 -1
- package/fesm2022/primeng-tree.mjs +2 -3
- package/fesm2022/primeng-tree.mjs.map +1 -1
- package/fesm2022/primeng-treeselect.mjs +19 -9
- package/fesm2022/primeng-treeselect.mjs.map +1 -1
- package/fesm2022/primeng-treetable.mjs +2 -3
- package/fesm2022/primeng-treetable.mjs.map +1 -1
- package/fesm2022/primeng-tristatecheckbox.mjs +19 -5
- package/fesm2022/primeng-tristatecheckbox.mjs.map +1 -1
- package/inputmask/inputmask.d.ts +9 -2
- package/inputnumber/inputnumber.d.ts +13 -6
- package/inputotp/inputotp.d.ts +10 -2
- package/inputswitch/inputswitch.d.ts +9 -2
- package/metergroup/metergroup.d.ts +3 -3
- package/metergroup/metergroup.interface.d.ts +16 -0
- package/multiselect/multiselect.d.ts +14 -7
- package/orderlist/orderlist.d.ts +0 -1
- package/package.json +118 -118
- package/password/password.d.ts +13 -6
- package/picklist/picklist.d.ts +0 -1
- package/radiobutton/radiobutton.d.ts +9 -2
- package/rating/rating.d.ts +13 -6
- package/resources/themes/arya-blue/theme.css +80 -80
- package/resources/themes/arya-green/theme.css +80 -80
- package/resources/themes/arya-orange/theme.css +80 -80
- package/resources/themes/arya-purple/theme.css +80 -80
- package/resources/themes/aura-dark-amber/theme.css +81 -83
- package/resources/themes/aura-dark-blue/theme.css +81 -83
- package/resources/themes/aura-dark-cyan/theme.css +81 -83
- package/resources/themes/aura-dark-green/theme.css +81 -83
- package/resources/themes/aura-dark-indigo/theme.css +81 -83
- package/resources/themes/aura-dark-lime/theme.css +81 -83
- package/resources/themes/aura-dark-noir/theme.css +81 -83
- package/resources/themes/aura-dark-pink/theme.css +81 -83
- package/resources/themes/aura-dark-purple/theme.css +81 -83
- package/resources/themes/aura-dark-teal/theme.css +81 -83
- package/resources/themes/aura-light-amber/theme.css +81 -84
- package/resources/themes/aura-light-blue/theme.css +81 -84
- package/resources/themes/aura-light-cyan/theme.css +81 -84
- package/resources/themes/aura-light-green/theme.css +81 -84
- package/resources/themes/aura-light-indigo/theme.css +81 -84
- package/resources/themes/aura-light-lime/theme.css +81 -84
- package/resources/themes/aura-light-noir/theme.css +81 -84
- package/resources/themes/aura-light-pink/theme.css +81 -84
- package/resources/themes/aura-light-purple/theme.css +81 -84
- package/resources/themes/aura-light-teal/theme.css +81 -84
- package/resources/themes/bootstrap4-dark-blue/theme.css +80 -80
- package/resources/themes/bootstrap4-dark-purple/theme.css +80 -80
- package/resources/themes/bootstrap4-light-blue/theme.css +80 -80
- package/resources/themes/bootstrap4-light-purple/theme.css +80 -80
- package/resources/themes/fluent-light/theme.css +80 -80
- package/resources/themes/lara-dark-blue/theme.css +80 -80
- package/resources/themes/lara-dark-indigo/theme.css +80 -80
- package/resources/themes/lara-dark-purple/theme.css +80 -80
- package/resources/themes/lara-dark-teal/theme.css +80 -80
- package/resources/themes/lara-light-blue/theme.css +80 -80
- package/resources/themes/lara-light-indigo/theme.css +80 -80
- package/resources/themes/lara-light-purple/theme.css +80 -80
- package/resources/themes/lara-light-teal/theme.css +80 -80
- package/resources/themes/luna-amber/theme.css +80 -80
- package/resources/themes/luna-blue/theme.css +80 -80
- package/resources/themes/luna-green/theme.css +80 -80
- package/resources/themes/luna-pink/theme.css +80 -80
- package/resources/themes/md-dark-deeppurple/theme.css +80 -80
- package/resources/themes/md-dark-indigo/theme.css +80 -80
- package/resources/themes/md-light-deeppurple/theme.css +80 -80
- package/resources/themes/md-light-indigo/theme.css +80 -80
- package/resources/themes/mdc-dark-deeppurple/theme.css +80 -80
- package/resources/themes/mdc-dark-indigo/theme.css +80 -80
- package/resources/themes/mdc-light-deeppurple/theme.css +80 -80
- package/resources/themes/mdc-light-indigo/theme.css +80 -80
- package/resources/themes/mira/theme.css +80 -80
- package/resources/themes/nano/theme.css +80 -80
- package/resources/themes/nova/theme.css +80 -80
- package/resources/themes/nova-accent/theme.css +80 -80
- package/resources/themes/nova-alt/theme.css +80 -80
- package/resources/themes/rhea/theme.css +80 -80
- package/resources/themes/saga-blue/theme.css +80 -80
- package/resources/themes/saga-green/theme.css +80 -80
- package/resources/themes/saga-orange/theme.css +80 -80
- package/resources/themes/saga-purple/theme.css +80 -80
- package/resources/themes/soho-dark/theme.css +80 -80
- package/resources/themes/soho-light/theme.css +80 -80
- package/resources/themes/tailwind-light/theme.css +82 -80
- package/resources/themes/vela-blue/theme.css +80 -80
- package/resources/themes/vela-green/theme.css +80 -80
- package/resources/themes/vela-orange/theme.css +80 -80
- package/resources/themes/vela-purple/theme.css +80 -80
- package/resources/themes/viva-dark/theme.css +80 -80
- package/resources/themes/viva-light/theme.css +80 -80
- package/selectbutton/selectbutton.d.ts +9 -2
- package/slidemenu/slidemenu.d.ts +3 -2
- package/slider/slider.d.ts +9 -2
- package/splitbutton/splitbutton.d.ts +10 -3
- package/table/table.d.ts +4 -5
- package/togglebutton/togglebutton.d.ts +9 -2
- package/tree/tree.d.ts +0 -1
- package/treeselect/treeselect.d.ts +12 -5
- package/treetable/treetable.d.ts +0 -1
- package/tristatecheckbox/tristatecheckbox.d.ts +11 -4
@@ -6,6 +6,8 @@ import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
6
6
|
import { PrimeTemplate, SharedModule } from 'primeng/api';
|
7
7
|
import { CheckIcon } from 'primeng/icons/check';
|
8
8
|
import { TimesIcon } from 'primeng/icons/times';
|
9
|
+
import * as i2 from 'primeng/autofocus';
|
10
|
+
import { AutoFocusModule } from 'primeng/autofocus';
|
9
11
|
|
10
12
|
const TRISTATECHECKBOX_VALUE_ACCESSOR = {
|
11
13
|
provide: NG_VALUE_ACCESSOR,
|
@@ -81,6 +83,11 @@ class TriStateCheckbox {
|
|
81
83
|
* @group Props
|
82
84
|
*/
|
83
85
|
checkboxFalseIcon;
|
86
|
+
/**
|
87
|
+
* When present, it specifies that the component should automatically get focus on load.
|
88
|
+
* @group Props
|
89
|
+
*/
|
90
|
+
autofocus;
|
84
91
|
/**
|
85
92
|
* Callback to invoke on value change.
|
86
93
|
* @param {TriStateCheckboxChangeEvent} event - Custom change event.
|
@@ -154,7 +161,7 @@ class TriStateCheckbox {
|
|
154
161
|
this.cd.markForCheck();
|
155
162
|
}
|
156
163
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: TriStateCheckbox, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
157
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.3.1", type: TriStateCheckbox, selector: "p-triStateCheckbox", inputs: { disabled: ["disabled", "disabled", booleanAttribute], name: "name", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", tabindex: ["tabindex", "tabindex", numberAttribute], inputId: "inputId", style: "style", styleClass: "styleClass", label: "label", readonly: ["readonly", "readonly", booleanAttribute], checkboxTrueIcon: "checkboxTrueIcon", checkboxFalseIcon: "checkboxFalseIcon" }, outputs: { onChange: "onChange" }, host: { classAttribute: "p-element" }, providers: [TRISTATECHECKBOX_VALUE_ACCESSOR], queries: [{ propertyName: "templates", predicate: PrimeTemplate }], ngImport: i0, template: `
|
164
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.3.1", type: TriStateCheckbox, selector: "p-triStateCheckbox", inputs: { disabled: ["disabled", "disabled", booleanAttribute], name: "name", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", tabindex: ["tabindex", "tabindex", numberAttribute], inputId: "inputId", style: "style", styleClass: "styleClass", label: "label", readonly: ["readonly", "readonly", booleanAttribute], checkboxTrueIcon: "checkboxTrueIcon", checkboxFalseIcon: "checkboxFalseIcon", autofocus: ["autofocus", "autofocus", booleanAttribute] }, outputs: { onChange: "onChange" }, host: { classAttribute: "p-element" }, providers: [TRISTATECHECKBOX_VALUE_ACCESSOR], queries: [{ propertyName: "templates", predicate: PrimeTemplate }], ngImport: i0, template: `
|
158
165
|
<div
|
159
166
|
[ngStyle]="style"
|
160
167
|
[ngClass]="{ 'p-checkbox p-component': true, 'p-checkbox-disabled': disabled, 'p-checkbox-focused': focused }"
|
@@ -179,6 +186,8 @@ class TriStateCheckbox {
|
|
179
186
|
[attr.aria-label]="ariaLabel"
|
180
187
|
inputmode="none"
|
181
188
|
[attr.data-pc-section]="'hiddenInput'"
|
189
|
+
pAutoFocus
|
190
|
+
[autofocus]="autofocus"
|
182
191
|
/>
|
183
192
|
</div>
|
184
193
|
<div class="p-checkbox-box" role="checkbox" [attr.aria-checked]="value === true" [ngClass]="{ 'p-highlight': value != null, 'p-disabled': disabled, 'p-focus': focused }">
|
@@ -203,7 +212,7 @@ class TriStateCheckbox {
|
|
203
212
|
</div>
|
204
213
|
</div>
|
205
214
|
<label class="p-checkbox-label" (click)="onClick($event, input)" [ngClass]="{ 'p-checkbox-label-active': value != null, 'p-disabled': disabled, 'p-checkbox-label-focus': focused }" *ngIf="label" [attr.for]="inputId">{{ label }}</label>
|
206
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: i0.forwardRef(() => i1.NgClass), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgIf), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgTemplateOutlet), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgStyle), selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i0.forwardRef(() => CheckIcon), selector: "CheckIcon" }, { kind: "component", type: i0.forwardRef(() => TimesIcon), selector: "TimesIcon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
215
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i0.forwardRef(() => i1.NgClass), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgIf), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgTemplateOutlet), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgStyle), selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i0.forwardRef(() => i2.AutoFocus), selector: "[pAutoFocus]", inputs: ["autofocus"] }, { kind: "component", type: i0.forwardRef(() => CheckIcon), selector: "CheckIcon" }, { kind: "component", type: i0.forwardRef(() => TimesIcon), selector: "TimesIcon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
207
216
|
}
|
208
217
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: TriStateCheckbox, decorators: [{
|
209
218
|
type: Component,
|
@@ -234,6 +243,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImpor
|
|
234
243
|
[attr.aria-label]="ariaLabel"
|
235
244
|
inputmode="none"
|
236
245
|
[attr.data-pc-section]="'hiddenInput'"
|
246
|
+
pAutoFocus
|
247
|
+
[autofocus]="autofocus"
|
237
248
|
/>
|
238
249
|
</div>
|
239
250
|
<div class="p-checkbox-box" role="checkbox" [attr.aria-checked]="value === true" [ngClass]="{ 'p-highlight': value != null, 'p-disabled': disabled, 'p-focus': focused }">
|
@@ -293,6 +304,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImpor
|
|
293
304
|
type: Input
|
294
305
|
}], checkboxFalseIcon: [{
|
295
306
|
type: Input
|
307
|
+
}], autofocus: [{
|
308
|
+
type: Input,
|
309
|
+
args: [{ transform: booleanAttribute }]
|
296
310
|
}], onChange: [{
|
297
311
|
type: Output
|
298
312
|
}], templates: [{
|
@@ -301,13 +315,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImpor
|
|
301
315
|
}] } });
|
302
316
|
class TriStateCheckboxModule {
|
303
317
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: TriStateCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
304
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.1", ngImport: i0, type: TriStateCheckboxModule, declarations: [TriStateCheckbox], imports: [CommonModule, SharedModule, CheckIcon, TimesIcon], exports: [TriStateCheckbox, SharedModule] });
|
305
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: TriStateCheckboxModule, imports: [CommonModule, SharedModule, CheckIcon, TimesIcon, SharedModule] });
|
318
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.1", ngImport: i0, type: TriStateCheckboxModule, declarations: [TriStateCheckbox], imports: [CommonModule, SharedModule, AutoFocusModule, CheckIcon, TimesIcon], exports: [TriStateCheckbox, SharedModule] });
|
319
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: TriStateCheckboxModule, imports: [CommonModule, SharedModule, AutoFocusModule, CheckIcon, TimesIcon, SharedModule] });
|
306
320
|
}
|
307
321
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: TriStateCheckboxModule, decorators: [{
|
308
322
|
type: NgModule,
|
309
323
|
args: [{
|
310
|
-
imports: [CommonModule, SharedModule, CheckIcon, TimesIcon],
|
324
|
+
imports: [CommonModule, SharedModule, AutoFocusModule, CheckIcon, TimesIcon],
|
311
325
|
exports: [TriStateCheckbox, SharedModule],
|
312
326
|
declarations: [TriStateCheckbox]
|
313
327
|
}]
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"primeng-tristatecheckbox.mjs","sources":["../../src/app/components/tristatecheckbox/tristatecheckbox.ts","../../src/app/components/tristatecheckbox/primeng-tristatecheckbox.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, EventEmitter, Input, NgModule, Output, QueryList, TemplateRef, ViewEncapsulation, booleanAttribute, forwardRef, numberAttribute } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { PrimeTemplate, SharedModule } from 'primeng/api';\nimport { CheckIcon } from 'primeng/icons/check';\nimport { TimesIcon } from 'primeng/icons/times';\nimport { Nullable } from 'primeng/ts-helpers';\nimport { TriStateCheckboxChangeEvent } from './tristatecheckbox.interface';\n\nexport const TRISTATECHECKBOX_VALUE_ACCESSOR: any = {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => TriStateCheckbox),\n multi: true\n};\n/**\n * TriStateCheckbox is used to select either 'true', 'false' or 'null' as the value.\n * @group Components\n */\n@Component({\n selector: 'p-triStateCheckbox',\n template: `\n <div\n [ngStyle]=\"style\"\n [ngClass]=\"{ 'p-checkbox p-component': true, 'p-checkbox-disabled': disabled, 'p-checkbox-focused': focused }\"\n [class]=\"styleClass\"\n (click)=\"onClick($event, input)\"\n [attr.data-pc-name]=\"'tristatecheckbox'\"\n [attr.data-pc-section]=\"'root'\"\n >\n <div class=\"p-hidden-accessible\">\n <input\n #input\n [attr.id]=\"inputId\"\n type=\"checkbox\"\n [name]=\"name\"\n [attr.tabindex]=\"tabindex\"\n [readonly]=\"readonly\"\n [disabled]=\"disabled\"\n (keydown)=\"onKeyDown($event)\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.aria-label]=\"ariaLabel\"\n inputmode=\"none\"\n [attr.data-pc-section]=\"'hiddenInput'\"\n />\n </div>\n <div class=\"p-checkbox-box\" role=\"checkbox\" [attr.aria-checked]=\"value === true\" [ngClass]=\"{ 'p-highlight': value != null, 'p-disabled': disabled, 'p-focus': focused }\">\n <ng-container *ngIf=\"value === true\">\n <span *ngIf=\"checkboxTrueIcon\" [ngClass]=\"checkboxTrueIcon\" class=\"p-checkbox-icon\" [attr.data-pc-section]=\"'checkIcon'\"></span>\n <ng-container *ngIf=\"!checkboxTrueIcon\">\n <CheckIcon [styleClass]=\"'p-checkbox-icon'\" *ngIf=\"!checkIconTemplate\" [attr.data-pc-section]=\"'checkIcon'\" />\n <span *ngIf=\"checkIconTemplate\" class=\"p-checkbox-icon\" [attr.data-pc-section]=\"'checkIcon'\">\n <ng-template *ngTemplateOutlet=\"checkIconTemplate\"></ng-template>\n </span>\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"value === false\">\n <span *ngIf=\"checkboxFalseIcon\" [ngClass]=\"checkboxFalseIcon\" class=\"p-checkbox-icon\" [attr.data-pc-section]=\"'uncheckIcon'\"></span>\n <ng-container *ngIf=\"!checkboxFalseIcon\">\n <TimesIcon [styleClass]=\"'p-checkbox-icon'\" *ngIf=\"!uncheckIconTemplate\" [attr.data-pc-section]=\"'uncheckIcon'\" />\n <span class=\"p-checkbox-icon\" *ngIf=\"uncheckIconTemplate\" [attr.data-pc-section]=\"'uncheckIcon'\">\n <ng-template *ngTemplateOutlet=\"uncheckIconTemplate\"></ng-template>\n </span>\n </ng-container>\n </ng-container>\n </div>\n </div>\n <label class=\"p-checkbox-label\" (click)=\"onClick($event, input)\" [ngClass]=\"{ 'p-checkbox-label-active': value != null, 'p-disabled': disabled, 'p-checkbox-label-focus': focused }\" *ngIf=\"label\" [attr.for]=\"inputId\">{{ label }}</label>\n `,\n providers: [TRISTATECHECKBOX_VALUE_ACCESSOR],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n host: {\n class: 'p-element'\n }\n})\nexport class TriStateCheckbox implements ControlValueAccessor {\n constructor(private cd: ChangeDetectorRef) {}\n /**\n * When present, it specifies that the element should be disabled.\n * @group Props\n */\n @Input({ transform: booleanAttribute }) disabled: boolean | undefined;\n /**\n * Name of the component.\n * @group Props\n */\n @Input() name: string | undefined;\n /**\n * Defines a string that labels the input for accessibility.\n * @group Props\n */\n @Input() ariaLabel: string | undefined;\n /**\n * Establishes relationships between the component and label(s) where its value should be one or more element IDs.\n * @group Props\n */\n @Input() ariaLabelledBy: string | undefined;\n /**\n * Index of the element in tabbing order.\n * @group Props\n */\n @Input({ transform: numberAttribute }) tabindex: number | undefined;\n /**\n * Identifier of the focus input to match a label defined for the component.\n * @group Props\n */\n @Input() inputId: string | undefined;\n /**\n * Inline style of the component.\n * @group Props\n */\n @Input() style: { [klass: string]: any } | null | undefined;\n /**\n * Style class of the component.\n * @group Props\n */\n @Input() styleClass: string | undefined;\n /**\n * Label of the checkbox.\n * @group Props\n */\n @Input() label: string | undefined;\n /**\n * When present, it specifies that the component cannot be edited.\n * @group Props\n */\n @Input({ transform: booleanAttribute }) readonly: boolean | undefined;\n /**\n * Specifies the icon for checkbox true value.\n * @group Props\n */\n @Input() checkboxTrueIcon: string | undefined;\n /**\n * Specifies the icon for checkbox false value.\n * @group Props\n */\n @Input() checkboxFalseIcon: string | undefined;\n /**\n * Callback to invoke on value change.\n * @param {TriStateCheckboxChangeEvent} event - Custom change event.\n * @group Emits\n */\n @Output() onChange: EventEmitter<TriStateCheckboxChangeEvent> = new EventEmitter<TriStateCheckboxChangeEvent>();\n\n @ContentChildren(PrimeTemplate) templates!: QueryList<PrimeTemplate>;\n\n checkIconTemplate: Nullable<TemplateRef<any>>;\n\n uncheckIconTemplate: Nullable<TemplateRef<any>>;\n\n focused: Nullable<boolean>;\n\n value: Nullable<boolean>;\n\n onModelChange: Function = () => {};\n\n onModelTouched: Function = () => {};\n\n onClick(event: Event, input: HTMLInputElement) {\n if (!this.disabled && !this.readonly) {\n this.toggle(event);\n this.focused = true;\n input.focus();\n }\n }\n\n onKeyDown(event: KeyboardEvent) {\n if (event.key === 'Enter') {\n this.toggle(event);\n event.preventDefault();\n }\n }\n\n toggle(event: Event) {\n if (this.value == null || this.value == undefined) this.value = true;\n else if (this.value == true) this.value = false;\n else if (this.value == false) this.value = null;\n\n this.onModelChange(this.value);\n this.onChange.emit({\n originalEvent: event,\n value: this.value\n });\n }\n\n ngAfterContentInit() {\n this.templates.forEach((item) => {\n switch (item.getType()) {\n case 'checkicon':\n this.checkIconTemplate = item.template;\n break;\n\n case 'uncheckicon':\n this.uncheckIconTemplate = item.template;\n break;\n }\n });\n }\n\n onFocus() {\n this.focused = true;\n }\n\n onBlur() {\n this.focused = false;\n this.onModelTouched();\n }\n\n registerOnChange(fn: Function): void {\n this.onModelChange = fn;\n }\n\n registerOnTouched(fn: Function): void {\n this.onModelTouched = fn;\n }\n\n writeValue(value: any): void {\n this.value = value;\n this.cd.markForCheck();\n }\n\n setDisabledState(disabled: boolean): void {\n this.disabled = disabled;\n this.cd.markForCheck();\n }\n}\n\n@NgModule({\n imports: [CommonModule, SharedModule, CheckIcon, TimesIcon],\n exports: [TriStateCheckbox, SharedModule],\n declarations: [TriStateCheckbox]\n})\nexport class TriStateCheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
|
1
|
+
{"version":3,"file":"primeng-tristatecheckbox.mjs","sources":["../../src/app/components/tristatecheckbox/tristatecheckbox.ts","../../src/app/components/tristatecheckbox/primeng-tristatecheckbox.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, EventEmitter, Input, NgModule, Output, QueryList, TemplateRef, ViewEncapsulation, booleanAttribute, forwardRef, numberAttribute } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { PrimeTemplate, SharedModule } from 'primeng/api';\nimport { CheckIcon } from 'primeng/icons/check';\nimport { TimesIcon } from 'primeng/icons/times';\nimport { Nullable } from 'primeng/ts-helpers';\nimport { AutoFocusModule } from 'primeng/autofocus';\nimport { TriStateCheckboxChangeEvent } from './tristatecheckbox.interface';\n\nexport const TRISTATECHECKBOX_VALUE_ACCESSOR: any = {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => TriStateCheckbox),\n multi: true\n};\n/**\n * TriStateCheckbox is used to select either 'true', 'false' or 'null' as the value.\n * @group Components\n */\n@Component({\n selector: 'p-triStateCheckbox',\n template: `\n <div\n [ngStyle]=\"style\"\n [ngClass]=\"{ 'p-checkbox p-component': true, 'p-checkbox-disabled': disabled, 'p-checkbox-focused': focused }\"\n [class]=\"styleClass\"\n (click)=\"onClick($event, input)\"\n [attr.data-pc-name]=\"'tristatecheckbox'\"\n [attr.data-pc-section]=\"'root'\"\n >\n <div class=\"p-hidden-accessible\">\n <input\n #input\n [attr.id]=\"inputId\"\n type=\"checkbox\"\n [name]=\"name\"\n [attr.tabindex]=\"tabindex\"\n [readonly]=\"readonly\"\n [disabled]=\"disabled\"\n (keydown)=\"onKeyDown($event)\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.aria-label]=\"ariaLabel\"\n inputmode=\"none\"\n [attr.data-pc-section]=\"'hiddenInput'\"\n pAutoFocus\n [autofocus]=\"autofocus\"\n />\n </div>\n <div class=\"p-checkbox-box\" role=\"checkbox\" [attr.aria-checked]=\"value === true\" [ngClass]=\"{ 'p-highlight': value != null, 'p-disabled': disabled, 'p-focus': focused }\">\n <ng-container *ngIf=\"value === true\">\n <span *ngIf=\"checkboxTrueIcon\" [ngClass]=\"checkboxTrueIcon\" class=\"p-checkbox-icon\" [attr.data-pc-section]=\"'checkIcon'\"></span>\n <ng-container *ngIf=\"!checkboxTrueIcon\">\n <CheckIcon [styleClass]=\"'p-checkbox-icon'\" *ngIf=\"!checkIconTemplate\" [attr.data-pc-section]=\"'checkIcon'\" />\n <span *ngIf=\"checkIconTemplate\" class=\"p-checkbox-icon\" [attr.data-pc-section]=\"'checkIcon'\">\n <ng-template *ngTemplateOutlet=\"checkIconTemplate\"></ng-template>\n </span>\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"value === false\">\n <span *ngIf=\"checkboxFalseIcon\" [ngClass]=\"checkboxFalseIcon\" class=\"p-checkbox-icon\" [attr.data-pc-section]=\"'uncheckIcon'\"></span>\n <ng-container *ngIf=\"!checkboxFalseIcon\">\n <TimesIcon [styleClass]=\"'p-checkbox-icon'\" *ngIf=\"!uncheckIconTemplate\" [attr.data-pc-section]=\"'uncheckIcon'\" />\n <span class=\"p-checkbox-icon\" *ngIf=\"uncheckIconTemplate\" [attr.data-pc-section]=\"'uncheckIcon'\">\n <ng-template *ngTemplateOutlet=\"uncheckIconTemplate\"></ng-template>\n </span>\n </ng-container>\n </ng-container>\n </div>\n </div>\n <label class=\"p-checkbox-label\" (click)=\"onClick($event, input)\" [ngClass]=\"{ 'p-checkbox-label-active': value != null, 'p-disabled': disabled, 'p-checkbox-label-focus': focused }\" *ngIf=\"label\" [attr.for]=\"inputId\">{{ label }}</label>\n `,\n providers: [TRISTATECHECKBOX_VALUE_ACCESSOR],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n host: {\n class: 'p-element'\n }\n})\nexport class TriStateCheckbox implements ControlValueAccessor {\n constructor(private cd: ChangeDetectorRef) {}\n /**\n * When present, it specifies that the element should be disabled.\n * @group Props\n */\n @Input({ transform: booleanAttribute }) disabled: boolean | undefined;\n /**\n * Name of the component.\n * @group Props\n */\n @Input() name: string | undefined;\n /**\n * Defines a string that labels the input for accessibility.\n * @group Props\n */\n @Input() ariaLabel: string | undefined;\n /**\n * Establishes relationships between the component and label(s) where its value should be one or more element IDs.\n * @group Props\n */\n @Input() ariaLabelledBy: string | undefined;\n /**\n * Index of the element in tabbing order.\n * @group Props\n */\n @Input({ transform: numberAttribute }) tabindex: number | undefined;\n /**\n * Identifier of the focus input to match a label defined for the component.\n * @group Props\n */\n @Input() inputId: string | undefined;\n /**\n * Inline style of the component.\n * @group Props\n */\n @Input() style: { [klass: string]: any } | null | undefined;\n /**\n * Style class of the component.\n * @group Props\n */\n @Input() styleClass: string | undefined;\n /**\n * Label of the checkbox.\n * @group Props\n */\n @Input() label: string | undefined;\n /**\n * When present, it specifies that the component cannot be edited.\n * @group Props\n */\n @Input({ transform: booleanAttribute }) readonly: boolean | undefined;\n /**\n * Specifies the icon for checkbox true value.\n * @group Props\n */\n @Input() checkboxTrueIcon: string | undefined;\n /**\n * Specifies the icon for checkbox false value.\n * @group Props\n */\n @Input() checkboxFalseIcon: string | undefined;\n /**\n * When present, it specifies that the component should automatically get focus on load.\n * @group Props\n */\n @Input({ transform: booleanAttribute }) autofocus: boolean | undefined;\n /**\n * Callback to invoke on value change.\n * @param {TriStateCheckboxChangeEvent} event - Custom change event.\n * @group Emits\n */\n @Output() onChange: EventEmitter<TriStateCheckboxChangeEvent> = new EventEmitter<TriStateCheckboxChangeEvent>();\n\n @ContentChildren(PrimeTemplate) templates!: QueryList<PrimeTemplate>;\n\n checkIconTemplate: Nullable<TemplateRef<any>>;\n\n uncheckIconTemplate: Nullable<TemplateRef<any>>;\n\n focused: Nullable<boolean>;\n\n value: Nullable<boolean>;\n\n onModelChange: Function = () => {};\n\n onModelTouched: Function = () => {};\n\n onClick(event: Event, input: HTMLInputElement) {\n if (!this.disabled && !this.readonly) {\n this.toggle(event);\n this.focused = true;\n input.focus();\n }\n }\n\n onKeyDown(event: KeyboardEvent) {\n if (event.key === 'Enter') {\n this.toggle(event);\n event.preventDefault();\n }\n }\n\n toggle(event: Event) {\n if (this.value == null || this.value == undefined) this.value = true;\n else if (this.value == true) this.value = false;\n else if (this.value == false) this.value = null;\n\n this.onModelChange(this.value);\n this.onChange.emit({\n originalEvent: event,\n value: this.value\n });\n }\n\n ngAfterContentInit() {\n this.templates.forEach((item) => {\n switch (item.getType()) {\n case 'checkicon':\n this.checkIconTemplate = item.template;\n break;\n\n case 'uncheckicon':\n this.uncheckIconTemplate = item.template;\n break;\n }\n });\n }\n\n onFocus() {\n this.focused = true;\n }\n\n onBlur() {\n this.focused = false;\n this.onModelTouched();\n }\n\n registerOnChange(fn: Function): void {\n this.onModelChange = fn;\n }\n\n registerOnTouched(fn: Function): void {\n this.onModelTouched = fn;\n }\n\n writeValue(value: any): void {\n this.value = value;\n this.cd.markForCheck();\n }\n\n setDisabledState(disabled: boolean): void {\n this.disabled = disabled;\n this.cd.markForCheck();\n }\n}\n\n@NgModule({\n imports: [CommonModule, SharedModule, AutoFocusModule, CheckIcon, TimesIcon],\n exports: [TriStateCheckbox, SharedModule],\n declarations: [TriStateCheckbox]\n})\nexport class TriStateCheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
|
package/inputmask/inputmask.d.ts
CHANGED
@@ -130,7 +130,13 @@ export declare class InputMask implements OnInit, ControlValueAccessor {
|
|
130
130
|
* When present, the input gets a focus automatically on load.
|
131
131
|
* @group Props
|
132
132
|
*/
|
133
|
-
|
133
|
+
autofocus: boolean | undefined;
|
134
|
+
/**
|
135
|
+
* When present, the input gets a focus automatically on load.
|
136
|
+
* @group Props
|
137
|
+
* @deprecated Use autofocus property instead.
|
138
|
+
*/
|
139
|
+
set autoFocus(value: boolean | undefined);
|
134
140
|
/**
|
135
141
|
* Used to define a string that autocomplete attribute the current element.
|
136
142
|
* @group Props
|
@@ -236,7 +242,7 @@ export declare class InputMask implements OnInit, ControlValueAccessor {
|
|
236
242
|
focus(): void;
|
237
243
|
clear(): void;
|
238
244
|
static ɵfac: i0.ɵɵFactoryDeclaration<InputMask, never>;
|
239
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<InputMask, "p-inputMask", never, { "type": { "alias": "type"; "required": false; }; "slotChar": { "alias": "slotChar"; "required": false; }; "autoClear": { "alias": "autoClear"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "style": { "alias": "style"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "size": { "alias": "size"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "title": { "alias": "title"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "unmask": { "alias": "unmask"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "characterPattern": { "alias": "characterPattern"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "keepBuffer": { "alias": "keepBuffer"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; }, { "onComplete": "onComplete"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onInput": "onInput"; "onKeydown": "onKeydown"; "onClear": "onClear"; }, ["templates"], never, false, never>;
|
245
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<InputMask, "p-inputMask", never, { "type": { "alias": "type"; "required": false; }; "slotChar": { "alias": "slotChar"; "required": false; }; "autoClear": { "alias": "autoClear"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "style": { "alias": "style"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "size": { "alias": "size"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "title": { "alias": "title"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "unmask": { "alias": "unmask"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "characterPattern": { "alias": "characterPattern"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "keepBuffer": { "alias": "keepBuffer"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; }, { "onComplete": "onComplete"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onInput": "onInput"; "onKeydown": "onKeydown"; "onClear": "onClear"; }, ["templates"], never, false, never>;
|
240
246
|
static ngAcceptInputType_autoClear: unknown;
|
241
247
|
static ngAcceptInputType_showClear: unknown;
|
242
248
|
static ngAcceptInputType_size: unknown;
|
@@ -246,6 +252,7 @@ export declare class InputMask implements OnInit, ControlValueAccessor {
|
|
246
252
|
static ngAcceptInputType_readonly: unknown;
|
247
253
|
static ngAcceptInputType_unmask: unknown;
|
248
254
|
static ngAcceptInputType_required: unknown;
|
255
|
+
static ngAcceptInputType_autofocus: unknown;
|
249
256
|
static ngAcceptInputType_autoFocus: unknown;
|
250
257
|
static ngAcceptInputType_keepBuffer: unknown;
|
251
258
|
}
|
@@ -7,10 +7,11 @@ import * as i0 from "@angular/core";
|
|
7
7
|
import * as i1 from "@angular/common";
|
8
8
|
import * as i2 from "primeng/inputtext";
|
9
9
|
import * as i3 from "primeng/button";
|
10
|
-
import * as i4 from "primeng/
|
11
|
-
import * as i5 from "primeng/icons/
|
12
|
-
import * as i6 from "primeng/icons/
|
13
|
-
import * as i7 from "primeng/
|
10
|
+
import * as i4 from "primeng/autofocus";
|
11
|
+
import * as i5 from "primeng/icons/times";
|
12
|
+
import * as i6 from "primeng/icons/angleup";
|
13
|
+
import * as i7 from "primeng/icons/angledown";
|
14
|
+
import * as i8 from "primeng/api";
|
14
15
|
export declare const INPUTNUMBER_VALUE_ACCESSOR: any;
|
15
16
|
/**
|
16
17
|
* InputNumber is an input component to provide numerical input.
|
@@ -218,6 +219,11 @@ export declare class InputNumber implements OnInit, AfterContentInit, OnChanges,
|
|
218
219
|
* @group Props
|
219
220
|
*/
|
220
221
|
showClear: boolean;
|
222
|
+
/**
|
223
|
+
* When present, it specifies that the component should automatically get focus on load.
|
224
|
+
* @group Props
|
225
|
+
*/
|
226
|
+
autofocus: boolean | undefined;
|
221
227
|
/**
|
222
228
|
* When present, it specifies that the element should be disabled.
|
223
229
|
* @group Props
|
@@ -366,7 +372,7 @@ export declare class InputNumber implements OnInit, AfterContentInit, OnChanges,
|
|
366
372
|
get filled(): boolean;
|
367
373
|
clearTimer(): void;
|
368
374
|
static ɵfac: i0.ɵɵFactoryDeclaration<InputNumber, never>;
|
369
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<InputNumber, "p-inputNumber", never, { "showButtons": { "alias": "showButtons"; "required": false; }; "format": { "alias": "format"; "required": false; }; "buttonLayout": { "alias": "buttonLayout"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "style": { "alias": "style"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "size": { "alias": "size"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "title": { "alias": "title"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "incrementButtonClass": { "alias": "incrementButtonClass"; "required": false; }; "decrementButtonClass": { "alias": "decrementButtonClass"; "required": false; }; "incrementButtonIcon": { "alias": "incrementButtonIcon"; "required": false; }; "decrementButtonIcon": { "alias": "decrementButtonIcon"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "step": { "alias": "step"; "required": false; }; "allowEmpty": { "alias": "allowEmpty"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "localeMatcher": { "alias": "localeMatcher"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "currency": { "alias": "currency"; "required": false; }; "currencyDisplay": { "alias": "currencyDisplay"; "required": false; }; "useGrouping": { "alias": "useGrouping"; "required": false; }; "minFractionDigits": { "alias": "minFractionDigits"; "required": false; }; "maxFractionDigits": { "alias": "maxFractionDigits"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "inputStyle": { "alias": "inputStyle"; "required": false; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onInput": "onInput"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onKeyDown": "onKeyDown"; "onClear": "onClear"; }, ["templates"], never, false, never>;
|
375
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<InputNumber, "p-inputNumber", never, { "showButtons": { "alias": "showButtons"; "required": false; }; "format": { "alias": "format"; "required": false; }; "buttonLayout": { "alias": "buttonLayout"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "style": { "alias": "style"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "size": { "alias": "size"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "title": { "alias": "title"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "incrementButtonClass": { "alias": "incrementButtonClass"; "required": false; }; "decrementButtonClass": { "alias": "decrementButtonClass"; "required": false; }; "incrementButtonIcon": { "alias": "incrementButtonIcon"; "required": false; }; "decrementButtonIcon": { "alias": "decrementButtonIcon"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "step": { "alias": "step"; "required": false; }; "allowEmpty": { "alias": "allowEmpty"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "localeMatcher": { "alias": "localeMatcher"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "currency": { "alias": "currency"; "required": false; }; "currencyDisplay": { "alias": "currencyDisplay"; "required": false; }; "useGrouping": { "alias": "useGrouping"; "required": false; }; "minFractionDigits": { "alias": "minFractionDigits"; "required": false; }; "maxFractionDigits": { "alias": "maxFractionDigits"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "inputStyle": { "alias": "inputStyle"; "required": false; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onInput": "onInput"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onKeyDown": "onKeyDown"; "onClear": "onClear"; }, ["templates"], never, false, never>;
|
370
376
|
static ngAcceptInputType_showButtons: unknown;
|
371
377
|
static ngAcceptInputType_format: unknown;
|
372
378
|
static ngAcceptInputType_size: unknown;
|
@@ -383,9 +389,10 @@ export declare class InputNumber implements OnInit, AfterContentInit, OnChanges,
|
|
383
389
|
static ngAcceptInputType_minFractionDigits: unknown;
|
384
390
|
static ngAcceptInputType_maxFractionDigits: unknown;
|
385
391
|
static ngAcceptInputType_showClear: unknown;
|
392
|
+
static ngAcceptInputType_autofocus: unknown;
|
386
393
|
}
|
387
394
|
export declare class InputNumberModule {
|
388
395
|
static ɵfac: i0.ɵɵFactoryDeclaration<InputNumberModule, never>;
|
389
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<InputNumberModule, [typeof InputNumber], [typeof i1.CommonModule, typeof i2.InputTextModule, typeof i3.ButtonModule, typeof i4.
|
396
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<InputNumberModule, [typeof InputNumber], [typeof i1.CommonModule, typeof i2.InputTextModule, typeof i3.ButtonModule, typeof i4.AutoFocusModule, typeof i5.TimesIcon, typeof i6.AngleUpIcon, typeof i7.AngleDownIcon], [typeof InputNumber, typeof i8.SharedModule]>;
|
390
397
|
static ɵinj: i0.ɵɵInjectorDeclaration<InputNumberModule>;
|
391
398
|
}
|
package/inputotp/inputotp.d.ts
CHANGED
@@ -6,6 +6,7 @@ import * as i0 from "@angular/core";
|
|
6
6
|
import * as i1 from "@angular/common";
|
7
7
|
import * as i2 from "primeng/api";
|
8
8
|
import * as i3 from "primeng/inputtext";
|
9
|
+
import * as i4 from "primeng/autofocus";
|
9
10
|
export declare const INPUT_OTP_VALUE_ACCESSOR: any;
|
10
11
|
/**
|
11
12
|
* Input Otp is used to enter one time passwords.
|
@@ -53,6 +54,11 @@ export declare class InputOtp implements AfterContentInit {
|
|
53
54
|
* @group Props
|
54
55
|
*/
|
55
56
|
integerOnly: boolean;
|
57
|
+
/**
|
58
|
+
* When present, it specifies that the component should automatically get focus on load.
|
59
|
+
* @group Props
|
60
|
+
*/
|
61
|
+
autofocus: boolean | undefined;
|
56
62
|
/**
|
57
63
|
* Callback to invoke on value change.
|
58
64
|
* @group Emits
|
@@ -93,6 +99,7 @@ export declare class InputOtp implements AfterContentInit {
|
|
93
99
|
writeValue(value: any): void;
|
94
100
|
updateTokens(): void;
|
95
101
|
getModelValue(i: number): any;
|
102
|
+
getAutofocus(i: number): boolean;
|
96
103
|
registerOnChange(fn: Function): void;
|
97
104
|
registerOnTouched(fn: Function): void;
|
98
105
|
moveToPrev(event: any): void;
|
@@ -106,10 +113,11 @@ export declare class InputOtp implements AfterContentInit {
|
|
106
113
|
getRange(n: number): number[];
|
107
114
|
trackByFn(index: number): number;
|
108
115
|
static ɵfac: i0.ɵɵFactoryDeclaration<InputOtp, never>;
|
109
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<InputOtp, "p-inputOtp", never, { "invalid": { "alias": "invalid"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "length": { "alias": "length"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "integerOnly": { "alias": "integerOnly"; "required": false; }; }, { "onChange": "onChange"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, ["templates"], never, false, never>;
|
116
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<InputOtp, "p-inputOtp", never, { "invalid": { "alias": "invalid"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "length": { "alias": "length"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "integerOnly": { "alias": "integerOnly"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; }, { "onChange": "onChange"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, ["templates"], never, false, never>;
|
117
|
+
static ngAcceptInputType_autofocus: unknown;
|
110
118
|
}
|
111
119
|
export declare class InputOtpModule {
|
112
120
|
static ɵfac: i0.ɵɵFactoryDeclaration<InputOtpModule, never>;
|
113
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<InputOtpModule, [typeof InputOtp], [typeof i1.CommonModule, typeof i2.SharedModule, typeof i3.InputTextModule], [typeof InputOtp, typeof i2.SharedModule]>;
|
121
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<InputOtpModule, [typeof InputOtp], [typeof i1.CommonModule, typeof i2.SharedModule, typeof i3.InputTextModule, typeof i4.AutoFocusModule], [typeof InputOtp, typeof i2.SharedModule]>;
|
114
122
|
static ɵinj: i0.ɵɵInjectorDeclaration<InputOtpModule>;
|
115
123
|
}
|
@@ -2,6 +2,7 @@ import { ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
|
|
2
2
|
import { InputSwitchChangeEvent } from './inputswitch.interface';
|
3
3
|
import * as i0 from "@angular/core";
|
4
4
|
import * as i1 from "@angular/common";
|
5
|
+
import * as i2 from "primeng/autofocus";
|
5
6
|
export declare const INPUTSWITCH_VALUE_ACCESSOR: any;
|
6
7
|
/**
|
7
8
|
* InputSwitch is used to select a boolean value.
|
@@ -66,6 +67,11 @@ export declare class InputSwitch {
|
|
66
67
|
* @group Props
|
67
68
|
*/
|
68
69
|
ariaLabelledBy: string | undefined;
|
70
|
+
/**
|
71
|
+
* When present, it specifies that the component should automatically get focus on load.
|
72
|
+
* @group Props
|
73
|
+
*/
|
74
|
+
autofocus: boolean | undefined;
|
69
75
|
/**
|
70
76
|
* Callback to invoke when the on value change.
|
71
77
|
* @param {InputSwitchChangeEvent} event - Custom change event.
|
@@ -87,13 +93,14 @@ export declare class InputSwitch {
|
|
87
93
|
setDisabledState(val: boolean): void;
|
88
94
|
checked(): boolean;
|
89
95
|
static ɵfac: i0.ɵɵFactoryDeclaration<InputSwitch, never>;
|
90
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<InputSwitch, "p-inputSwitch", never, { "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "trueValue": { "alias": "trueValue"; "required": false; }; "falseValue": { "alias": "falseValue"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; }, { "onChange": "onChange"; }, never, never, false, never>;
|
96
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<InputSwitch, "p-inputSwitch", never, { "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "trueValue": { "alias": "trueValue"; "required": false; }; "falseValue": { "alias": "falseValue"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; }, { "onChange": "onChange"; }, never, never, false, never>;
|
91
97
|
static ngAcceptInputType_tabindex: unknown;
|
92
98
|
static ngAcceptInputType_disabled: unknown;
|
93
99
|
static ngAcceptInputType_readonly: unknown;
|
100
|
+
static ngAcceptInputType_autofocus: unknown;
|
94
101
|
}
|
95
102
|
export declare class InputSwitchModule {
|
96
103
|
static ɵfac: i0.ɵɵFactoryDeclaration<InputSwitchModule, never>;
|
97
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<InputSwitchModule, [typeof InputSwitch], [typeof i1.CommonModule], [typeof InputSwitch]>;
|
104
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<InputSwitchModule, [typeof InputSwitch], [typeof i1.CommonModule, typeof i2.AutoFocusModule], [typeof InputSwitch]>;
|
98
105
|
static ɵinj: i0.ɵɵInjectorDeclaration<InputSwitchModule>;
|
99
106
|
}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { AfterContentInit, QueryList, TemplateRef } from '@angular/core';
|
1
|
+
import { AfterContentInit, ElementRef, QueryList, TemplateRef } from '@angular/core';
|
2
2
|
import { PrimeTemplate } from 'primeng/api';
|
3
3
|
import { MeterItem } from './metergroup.interface';
|
4
4
|
import * as i0 from "@angular/core";
|
@@ -78,8 +78,8 @@ export declare class MeterGroup implements AfterContentInit {
|
|
78
78
|
endTemplate: TemplateRef<any> | undefined;
|
79
79
|
startTemplate: TemplateRef<any> | undefined;
|
80
80
|
iconTemplate: TemplateRef<any> | undefined;
|
81
|
-
container:
|
82
|
-
|
81
|
+
container: ElementRef;
|
82
|
+
ngAfterViewInit(): void;
|
83
83
|
ngAfterContentInit(): void;
|
84
84
|
percent(meter?: number): number;
|
85
85
|
percentValue(meter: any): string;
|
@@ -98,9 +98,25 @@ export interface MeterGroupTemplates {
|
|
98
98
|
class?: string;
|
99
99
|
}): TemplateRef<any>;
|
100
100
|
}
|
101
|
+
/**
|
102
|
+
* Represents a meter item configuration.
|
103
|
+
* @group Interface
|
104
|
+
*/
|
101
105
|
export interface MeterItem {
|
106
|
+
/**
|
107
|
+
* Label of the meter item.
|
108
|
+
*/
|
102
109
|
label?: string;
|
110
|
+
/**
|
111
|
+
* Value of the meter item.
|
112
|
+
*/
|
103
113
|
value?: number;
|
114
|
+
/**
|
115
|
+
* Color of the meter item.
|
116
|
+
*/
|
104
117
|
color?: string;
|
118
|
+
/**
|
119
|
+
* Icon of the meter item.
|
120
|
+
*/
|
105
121
|
icon?: string;
|
106
122
|
}
|
@@ -14,11 +14,12 @@ import * as i3 from "primeng/api";
|
|
14
14
|
import * as i4 from "primeng/tooltip";
|
15
15
|
import * as i5 from "primeng/ripple";
|
16
16
|
import * as i6 from "primeng/scroller";
|
17
|
-
import * as i7 from "primeng/
|
18
|
-
import * as i8 from "primeng/icons/
|
19
|
-
import * as i9 from "primeng/icons/
|
20
|
-
import * as i10 from "primeng/icons/
|
21
|
-
import * as i11 from "primeng/icons/
|
17
|
+
import * as i7 from "primeng/autofocus";
|
18
|
+
import * as i8 from "primeng/icons/check";
|
19
|
+
import * as i9 from "primeng/icons/search";
|
20
|
+
import * as i10 from "primeng/icons/timescircle";
|
21
|
+
import * as i11 from "primeng/icons/times";
|
22
|
+
import * as i12 from "primeng/icons/chevrondown";
|
22
23
|
export declare const MULTISELECT_VALUE_ACCESSOR: any;
|
23
24
|
export declare class MultiSelectItem {
|
24
25
|
id: string | undefined;
|
@@ -316,6 +317,11 @@ export declare class MultiSelect implements OnInit, AfterViewInit, AfterContentI
|
|
316
317
|
* @group Props
|
317
318
|
*/
|
318
319
|
showClear: boolean;
|
320
|
+
/**
|
321
|
+
* When present, it specifies that the component should automatically get focus on load.
|
322
|
+
* @group Props
|
323
|
+
*/
|
324
|
+
autofocus: boolean | undefined;
|
319
325
|
/**
|
320
326
|
* @deprecated since v14.2.0, use overlayOptions property instead.
|
321
327
|
* Whether to automatically manage layering.
|
@@ -662,7 +668,7 @@ export declare class MultiSelect implements OnInit, AfterViewInit, AfterContentI
|
|
662
668
|
hasFocusableElements(): boolean;
|
663
669
|
hasFilter(): boolean;
|
664
670
|
static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelect, never>;
|
665
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelect, "p-multiSelect", never, { "id": { "alias": "id"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "panelStyle": { "alias": "panelStyle"; "required": false; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "group": { "alias": "group"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "filterPlaceHolder": { "alias": "filterPlaceHolder"; "required": false; }; "filterLocale": { "alias": "filterLocale"; "required": false; }; "overlayVisible": { "alias": "overlayVisible"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "name": { "alias": "name"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "displaySelectedLabel": { "alias": "displaySelectedLabel"; "required": false; }; "maxSelectedLabels": { "alias": "maxSelectedLabels"; "required": false; }; "selectionLimit": { "alias": "selectionLimit"; "required": false; }; "selectedItemsLabel": { "alias": "selectedItemsLabel"; "required": false; }; "showToggleAll": { "alias": "showToggleAll"; "required": false; }; "emptyFilterMessage": { "alias": "emptyFilterMessage"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "resetFilterOnHide": { "alias": "resetFilterOnHide"; "required": false; }; "dropdownIcon": { "alias": "dropdownIcon"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; }; "virtualScrollOptions": { "alias": "virtualScrollOptions"; "required": false; }; "overlayOptions": { "alias": "overlayOptions"; "required": false; }; "ariaFilterLabel": { "alias": "ariaFilterLabel"; "required": false; }; "filterMatchMode": { "alias": "filterMatchMode"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "tooltipPositionStyle": { "alias": "tooltipPositionStyle"; "required": false; }; "tooltipStyleClass": { "alias": "tooltipStyleClass"; "required": false; }; "autofocusFilter": { "alias": "autofocusFilter"; "required": false; }; "display": { "alias": "display"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "defaultLabel": { "alias": "defaultLabel"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "options": { "alias": "options"; "required": false; }; "filterValue": { "alias": "filterValue"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "focusOnHover": { "alias": "focusOnHover"; "required": false; }; "filterFields": { "alias": "filterFields"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "autoOptionFocus": { "alias": "autoOptionFocus"; "required": false; }; }, { "onChange": "onChange"; "onFilter": "onFilter"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onClick": "onClick"; "onClear": "onClear"; "onPanelShow": "onPanelShow"; "onPanelHide": "onPanelHide"; "onLazyLoad": "onLazyLoad"; "onRemove": "onRemove"; "onSelectAllChange": "onSelectAllChange"; }, ["footerFacet", "headerFacet", "templates"], ["p-header", "p-footer"], false, never>;
|
671
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelect, "p-multiSelect", never, { "id": { "alias": "id"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "panelStyle": { "alias": "panelStyle"; "required": false; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "group": { "alias": "group"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "filterPlaceHolder": { "alias": "filterPlaceHolder"; "required": false; }; "filterLocale": { "alias": "filterLocale"; "required": false; }; "overlayVisible": { "alias": "overlayVisible"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "name": { "alias": "name"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "displaySelectedLabel": { "alias": "displaySelectedLabel"; "required": false; }; "maxSelectedLabels": { "alias": "maxSelectedLabels"; "required": false; }; "selectionLimit": { "alias": "selectionLimit"; "required": false; }; "selectedItemsLabel": { "alias": "selectedItemsLabel"; "required": false; }; "showToggleAll": { "alias": "showToggleAll"; "required": false; }; "emptyFilterMessage": { "alias": "emptyFilterMessage"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "resetFilterOnHide": { "alias": "resetFilterOnHide"; "required": false; }; "dropdownIcon": { "alias": "dropdownIcon"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; }; "virtualScrollOptions": { "alias": "virtualScrollOptions"; "required": false; }; "overlayOptions": { "alias": "overlayOptions"; "required": false; }; "ariaFilterLabel": { "alias": "ariaFilterLabel"; "required": false; }; "filterMatchMode": { "alias": "filterMatchMode"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "tooltipPositionStyle": { "alias": "tooltipPositionStyle"; "required": false; }; "tooltipStyleClass": { "alias": "tooltipStyleClass"; "required": false; }; "autofocusFilter": { "alias": "autofocusFilter"; "required": false; }; "display": { "alias": "display"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "defaultLabel": { "alias": "defaultLabel"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "options": { "alias": "options"; "required": false; }; "filterValue": { "alias": "filterValue"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "focusOnHover": { "alias": "focusOnHover"; "required": false; }; "filterFields": { "alias": "filterFields"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "autoOptionFocus": { "alias": "autoOptionFocus"; "required": false; }; }, { "onChange": "onChange"; "onFilter": "onFilter"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onClick": "onClick"; "onClear": "onClear"; "onPanelShow": "onPanelShow"; "onPanelHide": "onPanelHide"; "onLazyLoad": "onLazyLoad"; "onRemove": "onRemove"; "onSelectAllChange": "onSelectAllChange"; }, ["footerFacet", "headerFacet", "templates"], ["p-header", "p-footer"], false, never>;
|
666
672
|
static ngAcceptInputType_disabled: unknown;
|
667
673
|
static ngAcceptInputType_readonly: unknown;
|
668
674
|
static ngAcceptInputType_group: unknown;
|
@@ -678,12 +684,13 @@ export declare class MultiSelect implements OnInit, AfterViewInit, AfterContentI
|
|
678
684
|
static ngAcceptInputType_virtualScrollItemSize: unknown;
|
679
685
|
static ngAcceptInputType_autofocusFilter: unknown;
|
680
686
|
static ngAcceptInputType_showClear: unknown;
|
687
|
+
static ngAcceptInputType_autofocus: unknown;
|
681
688
|
static ngAcceptInputType_focusOnHover: unknown;
|
682
689
|
static ngAcceptInputType_selectOnFocus: unknown;
|
683
690
|
static ngAcceptInputType_autoOptionFocus: unknown;
|
684
691
|
}
|
685
692
|
export declare class MultiSelectModule {
|
686
693
|
static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectModule, never>;
|
687
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<MultiSelectModule, [typeof MultiSelect, typeof MultiSelectItem], [typeof i1.CommonModule, typeof i2.OverlayModule, typeof i3.SharedModule, typeof i4.TooltipModule, typeof i5.RippleModule, typeof i6.ScrollerModule, typeof i7.
|
694
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<MultiSelectModule, [typeof MultiSelect, typeof MultiSelectItem], [typeof i1.CommonModule, typeof i2.OverlayModule, typeof i3.SharedModule, typeof i4.TooltipModule, typeof i5.RippleModule, typeof i6.ScrollerModule, typeof i7.AutoFocusModule, typeof i8.CheckIcon, typeof i9.SearchIcon, typeof i10.TimesCircleIcon, typeof i11.TimesIcon, typeof i12.ChevronDownIcon, typeof i8.CheckIcon], [typeof MultiSelect, typeof i2.OverlayModule, typeof i3.SharedModule, typeof i6.ScrollerModule]>;
|
688
695
|
static ɵinj: i0.ɵɵInjectorDeclaration<MultiSelectModule>;
|
689
696
|
}
|
package/orderlist/orderlist.d.ts
CHANGED
@@ -262,7 +262,6 @@ export declare class OrderList implements AfterViewChecked, AfterContentInit {
|
|
262
262
|
static ngAcceptInputType_dragdrop: unknown;
|
263
263
|
static ngAcceptInputType_stripedRows: unknown;
|
264
264
|
static ngAcceptInputType_disabled: unknown;
|
265
|
-
static ngAcceptInputType_trackBy: unknown;
|
266
265
|
}
|
267
266
|
export declare class OrderListModule {
|
268
267
|
static ɵfac: i0.ɵɵFactoryDeclaration<OrderListModule, never>;
|