@haiilo/catalyst-angular 10.2.0 → 10.4.0
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/esm2020/lib/dialog/dialog.service.mjs +12 -2
- package/esm2020/lib/directives/proxies.mjs +60 -6
- package/esm2020/lib/directives/text-value-accessor.mjs +3 -3
- package/esm2020/lib/directives/value-accessor-decorator.mjs +3 -3
- package/fesm2015/haiilo-catalyst-angular.mjs +73 -11
- package/fesm2015/haiilo-catalyst-angular.mjs.map +1 -1
- package/fesm2020/haiilo-catalyst-angular.mjs +73 -11
- package/fesm2020/haiilo-catalyst-angular.mjs.map +1 -1
- package/lib/dialog/dialog.service.d.ts +9 -1
- package/lib/directives/proxies.d.ts +43 -1
- package/lib/directives/text-value-accessor.d.ts +1 -1
- package/lib/directives/value-accessor-decorator.d.ts +1 -1
- package/package.json +3 -3
|
@@ -265,6 +265,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
|
|
|
265
265
|
inputs: ['checked', 'disabled', 'hint', 'identifier', 'indeterminate', 'label', 'labelHidden', 'labelLeft', 'name', 'nativeAttributes', 'noValue', 'required', 'resolvedValue', 'value'],
|
|
266
266
|
}]
|
|
267
267
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
|
|
268
|
+
let CatDate = class CatDate {
|
|
269
|
+
constructor(c, r, z) {
|
|
270
|
+
this.z = z;
|
|
271
|
+
c.detach();
|
|
272
|
+
this.el = r.nativeElement;
|
|
273
|
+
proxyOutputs(this, this.el, ['catChange', 'catFocus', 'catBlur']);
|
|
274
|
+
}
|
|
275
|
+
};
|
|
276
|
+
CatDate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CatDate, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
277
|
+
CatDate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: CatDate, selector: "cat-date", inputs: { autoComplete: "autoComplete", clearable: "clearable", disabled: "disabled", errorUpdate: "errorUpdate", errors: "errors", hint: "hint", horizontal: "horizontal", icon: "icon", iconRight: "iconRight", identifier: "identifier", label: "label", labelHidden: "labelHidden", max: "max", min: "min", name: "name", nativeAttributes: "nativeAttributes", placeholder: "placeholder", placement: "placement", readonly: "readonly", required: "required", requiredMarker: "requiredMarker", textPrefix: "textPrefix", textSuffix: "textSuffix", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
278
|
+
CatDate = __decorate([
|
|
279
|
+
ProxyCmp({
|
|
280
|
+
inputs: ['autoComplete', 'clearable', 'disabled', 'errorUpdate', 'errors', 'hint', 'horizontal', 'icon', 'iconRight', 'identifier', 'label', 'labelHidden', 'max', 'min', 'name', 'nativeAttributes', 'placeholder', 'placement', 'readonly', 'required', 'requiredMarker', 'textPrefix', 'textSuffix', 'value'],
|
|
281
|
+
methods: ['select', 'doFocus', 'doBlur', 'clear']
|
|
282
|
+
})
|
|
283
|
+
], CatDate);
|
|
284
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CatDate, decorators: [{
|
|
285
|
+
type: Component,
|
|
286
|
+
args: [{
|
|
287
|
+
selector: 'cat-date',
|
|
288
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
289
|
+
template: '<ng-content></ng-content>',
|
|
290
|
+
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
291
|
+
inputs: ['autoComplete', 'clearable', 'disabled', 'errorUpdate', 'errors', 'hint', 'horizontal', 'icon', 'iconRight', 'identifier', 'label', 'labelHidden', 'max', 'min', 'name', 'nativeAttributes', 'placeholder', 'placement', 'readonly', 'required', 'requiredMarker', 'textPrefix', 'textSuffix', 'value'],
|
|
292
|
+
}]
|
|
293
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
|
|
268
294
|
let CatDatepicker = class CatDatepicker {
|
|
269
295
|
constructor(c, r, z) {
|
|
270
296
|
this.z = z;
|
|
@@ -325,11 +351,11 @@ let CatDropdown = class CatDropdown {
|
|
|
325
351
|
}
|
|
326
352
|
};
|
|
327
353
|
CatDropdown.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CatDropdown, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
328
|
-
CatDropdown.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: CatDropdown, selector: "cat-dropdown", inputs: { noAutoClose: "noAutoClose", overflow: "overflow", placement: "placement" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
354
|
+
CatDropdown.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: CatDropdown, selector: "cat-dropdown", inputs: { arrowNavigation: "arrowNavigation", noAutoClose: "noAutoClose", noResize: "noResize", overflow: "overflow", placement: "placement" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
329
355
|
CatDropdown = __decorate([
|
|
330
356
|
ProxyCmp({
|
|
331
|
-
inputs: ['noAutoClose', 'overflow', 'placement'],
|
|
332
|
-
methods: ['close']
|
|
357
|
+
inputs: ['arrowNavigation', 'noAutoClose', 'noResize', 'overflow', 'placement'],
|
|
358
|
+
methods: ['toggle', 'open', 'close']
|
|
333
359
|
})
|
|
334
360
|
], CatDropdown);
|
|
335
361
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CatDropdown, decorators: [{
|
|
@@ -339,7 +365,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
|
|
|
339
365
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
340
366
|
template: '<ng-content></ng-content>',
|
|
341
367
|
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
342
|
-
inputs: ['noAutoClose', 'overflow', 'placement'],
|
|
368
|
+
inputs: ['arrowNavigation', 'noAutoClose', 'noResize', 'overflow', 'placement'],
|
|
343
369
|
}]
|
|
344
370
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
|
|
345
371
|
let CatFormGroup = class CatFormGroup {
|
|
@@ -403,7 +429,7 @@ CatInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
|
403
429
|
CatInput = __decorate([
|
|
404
430
|
ProxyCmp({
|
|
405
431
|
inputs: ['autoComplete', 'clearable', 'disabled', 'errorUpdate', 'errors', 'hint', 'horizontal', 'icon', 'iconRight', 'identifier', 'label', 'labelHidden', 'max', 'maxLength', 'min', 'minLength', 'name', 'nativeAttributes', 'placeholder', 'readonly', 'required', 'requiredMarker', 'round', 'textPrefix', 'textSuffix', 'togglePassword', 'type', 'value'],
|
|
406
|
-
methods: ['doFocus', 'doBlur', 'clear']
|
|
432
|
+
methods: ['doFocus', 'doBlur', 'clear', 'mask']
|
|
407
433
|
})
|
|
408
434
|
], CatInput);
|
|
409
435
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CatInput, decorators: [{
|
|
@@ -690,6 +716,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
|
|
|
690
716
|
inputs: ['disabled', 'errorUpdate', 'errors', 'hint', 'horizontal', 'identifier', 'label', 'labelHidden', 'maxLength', 'minLength', 'name', 'nativeAttributes', 'placeholder', 'readonly', 'required', 'requiredMarker', 'rows', 'value'],
|
|
691
717
|
}]
|
|
692
718
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
|
|
719
|
+
let CatTime = class CatTime {
|
|
720
|
+
constructor(c, r, z) {
|
|
721
|
+
this.z = z;
|
|
722
|
+
c.detach();
|
|
723
|
+
this.el = r.nativeElement;
|
|
724
|
+
proxyOutputs(this, this.el, ['catChange', 'catFocus', 'catBlur']);
|
|
725
|
+
}
|
|
726
|
+
};
|
|
727
|
+
CatTime.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CatTime, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
728
|
+
CatTime.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: CatTime, selector: "cat-time", inputs: { autoComplete: "autoComplete", clearable: "clearable", disabled: "disabled", errorUpdate: "errorUpdate", errors: "errors", hint: "hint", horizontal: "horizontal", icon: "icon", iconRight: "iconRight", identifier: "identifier", label: "label", labelHidden: "labelHidden", max: "max", min: "min", name: "name", nativeAttributes: "nativeAttributes", placeholder: "placeholder", placement: "placement", readonly: "readonly", required: "required", requiredMarker: "requiredMarker", step: "step", textPrefix: "textPrefix", textSuffix: "textSuffix", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
729
|
+
CatTime = __decorate([
|
|
730
|
+
ProxyCmp({
|
|
731
|
+
inputs: ['autoComplete', 'clearable', 'disabled', 'errorUpdate', 'errors', 'hint', 'horizontal', 'icon', 'iconRight', 'identifier', 'label', 'labelHidden', 'max', 'min', 'name', 'nativeAttributes', 'placeholder', 'placement', 'readonly', 'required', 'requiredMarker', 'step', 'textPrefix', 'textSuffix', 'value'],
|
|
732
|
+
methods: ['select', 'doFocus', 'doBlur', 'clear']
|
|
733
|
+
})
|
|
734
|
+
], CatTime);
|
|
735
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CatTime, decorators: [{
|
|
736
|
+
type: Component,
|
|
737
|
+
args: [{
|
|
738
|
+
selector: 'cat-time',
|
|
739
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
740
|
+
template: '<ng-content></ng-content>',
|
|
741
|
+
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
742
|
+
inputs: ['autoComplete', 'clearable', 'disabled', 'errorUpdate', 'errors', 'hint', 'horizontal', 'icon', 'iconRight', 'identifier', 'label', 'labelHidden', 'max', 'min', 'name', 'nativeAttributes', 'placeholder', 'placement', 'readonly', 'required', 'requiredMarker', 'step', 'textPrefix', 'textSuffix', 'value'],
|
|
743
|
+
}]
|
|
744
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
|
|
693
745
|
let CatToggle = class CatToggle {
|
|
694
746
|
constructor(c, r, z) {
|
|
695
747
|
this.z = z;
|
|
@@ -963,7 +1015,7 @@ class TextValueAccessor extends ValueAccessor {
|
|
|
963
1015
|
}
|
|
964
1016
|
}
|
|
965
1017
|
TextValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: TextValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
966
|
-
TextValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.7", type: TextValueAccessor, selector: "cat-input, cat-textarea, cat-datepicker, cat-datepicker-inline", host: { listeners: { "catChange": "handleChangeEvent($event.target.value)" } }, providers: [
|
|
1018
|
+
TextValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.7", type: TextValueAccessor, selector: "cat-input, cat-textarea, cat-datepicker, cat-datepicker-inline, cat-date, cat-time", host: { listeners: { "catChange": "handleChangeEvent($event.target.value)" } }, providers: [
|
|
967
1019
|
{
|
|
968
1020
|
provide: NG_VALUE_ACCESSOR,
|
|
969
1021
|
useExisting: TextValueAccessor,
|
|
@@ -974,7 +1026,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
|
|
|
974
1026
|
type: Directive,
|
|
975
1027
|
args: [{
|
|
976
1028
|
/* tslint:disable-next-line:directive-selector */
|
|
977
|
-
selector: 'cat-input, cat-textarea, cat-datepicker, cat-datepicker-inline',
|
|
1029
|
+
selector: 'cat-input, cat-textarea, cat-datepicker, cat-datepicker-inline, cat-date, cat-time',
|
|
978
1030
|
host: {
|
|
979
1031
|
'(catChange)': 'handleChangeEvent($event.target.value)'
|
|
980
1032
|
},
|
|
@@ -1015,12 +1067,12 @@ class ValueAccessorDecorator {
|
|
|
1015
1067
|
}
|
|
1016
1068
|
}
|
|
1017
1069
|
ValueAccessorDecorator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ValueAccessorDecorator, deps: [{ token: i0.ElementRef }, { token: i1$2.NgControl, optional: true, self: true }, { token: i1$2.ControlContainer, host: true, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1018
|
-
ValueAccessorDecorator.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.7", type: ValueAccessorDecorator, selector: "cat-input, cat-textarea, cat-datepicker, cat-select", inputs: { errorInit: "errorInit" }, host: { listeners: { "catBlur": "updateErrors()" } }, ngImport: i0 });
|
|
1070
|
+
ValueAccessorDecorator.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.7", type: ValueAccessorDecorator, selector: "cat-input, cat-textarea, cat-datepicker, cat-select, cat-date, cat-time", inputs: { errorInit: "errorInit" }, host: { listeners: { "catBlur": "updateErrors()" } }, ngImport: i0 });
|
|
1019
1071
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ValueAccessorDecorator, decorators: [{
|
|
1020
1072
|
type: Directive,
|
|
1021
1073
|
args: [{
|
|
1022
1074
|
/* tslint:disable-next-line:directive-selector */
|
|
1023
|
-
selector: 'cat-input, cat-textarea, cat-datepicker, cat-select',
|
|
1075
|
+
selector: 'cat-input, cat-textarea, cat-datepicker, cat-select, cat-date, cat-time',
|
|
1024
1076
|
host: {
|
|
1025
1077
|
'(catBlur)': 'updateErrors()'
|
|
1026
1078
|
}
|
|
@@ -1151,6 +1203,16 @@ class CatDialogService {
|
|
|
1151
1203
|
* @returns The return value of the dialog.
|
|
1152
1204
|
*/
|
|
1153
1205
|
open(component, config) {
|
|
1206
|
+
return this.openWithRef(component, config).closed;
|
|
1207
|
+
}
|
|
1208
|
+
/**
|
|
1209
|
+
* Opens a modal dialog containing the given component and returns a reference to the dialog.
|
|
1210
|
+
*
|
|
1211
|
+
* @param component - The component to render as dialog content.
|
|
1212
|
+
* @param config - The dialog configuration.
|
|
1213
|
+
* @returns A reference to the just opened dialog.
|
|
1214
|
+
*/
|
|
1215
|
+
openWithRef(component, config) {
|
|
1154
1216
|
const panelClass = config?.panelClass ?? [];
|
|
1155
1217
|
return this.dialog.open(component, {
|
|
1156
1218
|
backdropClass: 'cat-backdrop',
|
|
@@ -1161,7 +1223,7 @@ class CatDialogService {
|
|
|
1161
1223
|
maxHeight: 'calc(100vh - 64px)',
|
|
1162
1224
|
maxWidth: 'calc(100vw - 64px)',
|
|
1163
1225
|
...config
|
|
1164
|
-
})
|
|
1226
|
+
});
|
|
1165
1227
|
}
|
|
1166
1228
|
/**
|
|
1167
1229
|
* Closes all open dialogs.
|
|
@@ -1183,5 +1245,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
|
|
|
1183
1245
|
* Generated bundle index. Do not edit.
|
|
1184
1246
|
*/
|
|
1185
1247
|
|
|
1186
|
-
export { BooleanValueAccessor, CAT_I18N_REGISTRY_TOKEN, CAT_ICON_REGISTRY_TOKEN, CAT_LOG_TOKEN, CAT_NOTIFICATION_SERVICE_TOKEN, CatAlert, CatAvatar, CatBadge, CatButton, CatButtonGroup, CatCard, CatCheckbox, CatDatepicker, CatDatepickerInline, CatDialogActionsComponent, CatDialogComponent, CatDialogHeaderComponent, CatDialogService, CatDropdown, CatFormGroup, CatIcon, CatInput, CatPagination, CatRadio, CatRadioGroup, CatScrollable, CatSelect, CatSelectDemo, CatSkeleton, CatSpinner, CatTab, CatTabs, CatTextarea, CatToggle, CatTooltip, CatalystModule, RadioValueAccessor, SelectValueAccessor, SelectValueAccessorDecorator, TextValueAccessor, ValueAccessor, ValueAccessorDecorator };
|
|
1248
|
+
export { BooleanValueAccessor, CAT_I18N_REGISTRY_TOKEN, CAT_ICON_REGISTRY_TOKEN, CAT_LOG_TOKEN, CAT_NOTIFICATION_SERVICE_TOKEN, CatAlert, CatAvatar, CatBadge, CatButton, CatButtonGroup, CatCard, CatCheckbox, CatDate, CatDatepicker, CatDatepickerInline, CatDialogActionsComponent, CatDialogComponent, CatDialogHeaderComponent, CatDialogService, CatDropdown, CatFormGroup, CatIcon, CatInput, CatPagination, CatRadio, CatRadioGroup, CatScrollable, CatSelect, CatSelectDemo, CatSkeleton, CatSpinner, CatTab, CatTabs, CatTextarea, CatTime, CatToggle, CatTooltip, CatalystModule, RadioValueAccessor, SelectValueAccessor, SelectValueAccessorDecorator, TextValueAccessor, ValueAccessor, ValueAccessorDecorator };
|
|
1187
1249
|
//# sourceMappingURL=haiilo-catalyst-angular.mjs.map
|