@breadstone/mosaik-elements-angular 0.0.57 → 0.0.58
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/fesm2022/mosaik-elements-angular.mjs +182 -238
- package/fesm2022/mosaik-elements-angular.mjs.map +1 -1
- package/index.d.ts +45 -45
- package/index.d.ts.map +1 -1
- package/package.json +3 -3
|
@@ -2688,6 +2688,7 @@ const BANNER_DEFAULT_PROPS = new InjectionToken('MOSAIK_BANNER_DEFAULT_PROPS');
|
|
|
2688
2688
|
let BannerComponent = class BannerComponent {
|
|
2689
2689
|
_element;
|
|
2690
2690
|
_zone;
|
|
2691
|
+
_closed;
|
|
2691
2692
|
_opened;
|
|
2692
2693
|
_connected;
|
|
2693
2694
|
_disconnected;
|
|
@@ -2696,6 +2697,8 @@ let BannerComponent = class BannerComponent {
|
|
|
2696
2697
|
inject(ChangeDetectorRef).detach();
|
|
2697
2698
|
this._element = inject(ElementRef).nativeElement;
|
|
2698
2699
|
this._zone = inject(NgZone);
|
|
2700
|
+
this._closed = new EventEmitter();
|
|
2701
|
+
this._element.on('closed', (e) => this.onEmit(this._closed, e));
|
|
2699
2702
|
this._opened = new EventEmitter();
|
|
2700
2703
|
this._element.on('opened', (e) => this.onEmit(this._opened, e));
|
|
2701
2704
|
this._connected = new EventEmitter();
|
|
@@ -2776,16 +2779,6 @@ let BannerComponent = class BannerComponent {
|
|
|
2776
2779
|
this._element.closeable = value;
|
|
2777
2780
|
});
|
|
2778
2781
|
}
|
|
2779
|
-
get closed() {
|
|
2780
|
-
// @ts-ignore - temporary fix for the type error
|
|
2781
|
-
return this._element.closed;
|
|
2782
|
-
}
|
|
2783
|
-
set closed(value) {
|
|
2784
|
-
this._zone.runOutsideAngular(() => {
|
|
2785
|
-
// @ts-ignore - temporary fix for the type error
|
|
2786
|
-
this._element.closed = value;
|
|
2787
|
-
});
|
|
2788
|
-
}
|
|
2789
2782
|
get disabled() {
|
|
2790
2783
|
// @ts-ignore - temporary fix for the type error
|
|
2791
2784
|
return this._element.disabled;
|
|
@@ -2896,6 +2889,9 @@ let BannerComponent = class BannerComponent {
|
|
|
2896
2889
|
this._element.lang = value;
|
|
2897
2890
|
});
|
|
2898
2891
|
}
|
|
2892
|
+
get closed() {
|
|
2893
|
+
return this._closed;
|
|
2894
|
+
}
|
|
2899
2895
|
get opened() {
|
|
2900
2896
|
return this._opened;
|
|
2901
2897
|
}
|
|
@@ -2920,12 +2916,12 @@ let BannerComponent = class BannerComponent {
|
|
|
2920
2916
|
}
|
|
2921
2917
|
}
|
|
2922
2918
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: BannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2923
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.4", type: BannerComponent, isStandalone: true, selector: "mosaik-banner", inputs: { icon: "icon", iconSize: "iconSize", header: "header", subHeader: "subHeader", isOpen: "isOpen", themeName: "themeName", closeable: "closeable",
|
|
2919
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.4", type: BannerComponent, isStandalone: true, selector: "mosaik-banner", inputs: { icon: "icon", iconSize: "iconSize", header: "header", subHeader: "subHeader", isOpen: "isOpen", themeName: "themeName", closeable: "closeable", disabled: "disabled", variant: "variant", appearance: "appearance", fit: "fit", elevation: "elevation", orientation: "orientation", verticalContentAlignment: "verticalContentAlignment", horizontalContentAlignment: "horizontalContentAlignment", formatter: "formatter", dir: "dir", lang: "lang" }, outputs: { closed: "closed", opened: "opened", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2924
2920
|
};
|
|
2925
2921
|
BannerComponent = __decorate$3e([
|
|
2926
2922
|
ProxyCmp({
|
|
2927
2923
|
defineCustomElementFn: () => customElements.define('mosaik-banner', BannerElement),
|
|
2928
|
-
inputs: ['icon', 'iconSize', 'header', 'subHeader', 'isOpen', 'themeName', 'closeable', '
|
|
2924
|
+
inputs: ['icon', 'iconSize', 'header', 'subHeader', 'isOpen', 'themeName', 'closeable', 'disabled', 'variant', 'appearance', 'fit', 'elevation', 'orientation', 'verticalContentAlignment', 'horizontalContentAlignment', 'formatter', 'dir', 'lang'],
|
|
2929
2925
|
methods: ['open', 'close', 'toggle', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
|
|
2930
2926
|
}),
|
|
2931
2927
|
__metadata$3e("design:paramtypes", [])
|
|
@@ -2937,8 +2933,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
2937
2933
|
standalone: true,
|
|
2938
2934
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
2939
2935
|
template: '<ng-content></ng-content>',
|
|
2940
|
-
inputs: ['icon', 'iconSize', 'header', 'subHeader', 'isOpen', 'themeName', 'closeable', '
|
|
2941
|
-
outputs: ['opened', 'connected', 'disconnected', 'changed']
|
|
2936
|
+
inputs: ['icon', 'iconSize', 'header', 'subHeader', 'isOpen', 'themeName', 'closeable', 'disabled', 'variant', 'appearance', 'fit', 'elevation', 'orientation', 'verticalContentAlignment', 'horizontalContentAlignment', 'formatter', 'dir', 'lang'],
|
|
2937
|
+
outputs: ['closed', 'opened', 'connected', 'disconnected', 'changed']
|
|
2942
2938
|
}]
|
|
2943
2939
|
}], ctorParameters: () => [], propDecorators: { icon: [{
|
|
2944
2940
|
type: Input
|
|
@@ -2954,8 +2950,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
2954
2950
|
type: Input
|
|
2955
2951
|
}], closeable: [{
|
|
2956
2952
|
type: Input
|
|
2957
|
-
}], closed: [{
|
|
2958
|
-
type: Input
|
|
2959
2953
|
}], disabled: [{
|
|
2960
2954
|
type: Input
|
|
2961
2955
|
}], variant: [{
|
|
@@ -2978,6 +2972,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
2978
2972
|
type: Input
|
|
2979
2973
|
}], lang: [{
|
|
2980
2974
|
type: Input
|
|
2975
|
+
}], closed: [{
|
|
2976
|
+
type: Output
|
|
2981
2977
|
}], opened: [{
|
|
2982
2978
|
type: Output
|
|
2983
2979
|
}], connected: [{
|
|
@@ -11089,6 +11085,16 @@ let ChipComponent = class ChipComponent {
|
|
|
11089
11085
|
this._element.label = value;
|
|
11090
11086
|
});
|
|
11091
11087
|
}
|
|
11088
|
+
get value() {
|
|
11089
|
+
// @ts-ignore - temporary fix for the type error
|
|
11090
|
+
return this._element.value;
|
|
11091
|
+
}
|
|
11092
|
+
set value(value) {
|
|
11093
|
+
this._zone.runOutsideAngular(() => {
|
|
11094
|
+
// @ts-ignore - temporary fix for the type error
|
|
11095
|
+
this._element.value = value;
|
|
11096
|
+
});
|
|
11097
|
+
}
|
|
11092
11098
|
get dir() {
|
|
11093
11099
|
// @ts-ignore - temporary fix for the type error
|
|
11094
11100
|
return this._element.dir;
|
|
@@ -11139,12 +11145,12 @@ let ChipComponent = class ChipComponent {
|
|
|
11139
11145
|
}
|
|
11140
11146
|
}
|
|
11141
11147
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: ChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11142
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.4", type: ChipComponent, isStandalone: true, selector: "mosaik-chip", inputs: { icon: "icon", isCheckable: "isCheckable", themeName: "themeName", closeable: "closeable", variant: "variant", appearance: "appearance", isChecked: "isChecked", disabled: "disabled", size: "size", isFocused: "isFocused", label: "label", dir: "dir", lang: "lang" }, outputs: { checked: "checked", unchecked: "unchecked", closed: "closed", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
11148
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.4", type: ChipComponent, isStandalone: true, selector: "mosaik-chip", inputs: { icon: "icon", isCheckable: "isCheckable", themeName: "themeName", closeable: "closeable", variant: "variant", appearance: "appearance", isChecked: "isChecked", disabled: "disabled", size: "size", isFocused: "isFocused", label: "label", value: "value", dir: "dir", lang: "lang" }, outputs: { checked: "checked", unchecked: "unchecked", closed: "closed", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
11143
11149
|
};
|
|
11144
11150
|
ChipComponent = __decorate$2H([
|
|
11145
11151
|
ProxyCmp({
|
|
11146
11152
|
defineCustomElementFn: () => customElements.define('mosaik-chip', ChipElement),
|
|
11147
|
-
inputs: ['icon', 'isCheckable', 'themeName', 'closeable', 'variant', 'appearance', 'isChecked', 'disabled', 'size', 'isFocused', 'label', 'dir', 'lang'],
|
|
11153
|
+
inputs: ['icon', 'isCheckable', 'themeName', 'closeable', 'variant', 'appearance', 'isChecked', 'disabled', 'size', 'isFocused', 'label', 'value', 'dir', 'lang'],
|
|
11148
11154
|
methods: ['check', 'uncheck', 'toggle', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'close', 'hasVisibleFocusInTree', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
|
|
11149
11155
|
}),
|
|
11150
11156
|
__metadata$2H("design:paramtypes", [])
|
|
@@ -11156,7 +11162,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
11156
11162
|
standalone: true,
|
|
11157
11163
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
11158
11164
|
template: '<ng-content></ng-content>',
|
|
11159
|
-
inputs: ['icon', 'isCheckable', 'themeName', 'closeable', 'variant', 'appearance', 'isChecked', 'disabled', 'size', 'isFocused', 'label', 'dir', 'lang'],
|
|
11165
|
+
inputs: ['icon', 'isCheckable', 'themeName', 'closeable', 'variant', 'appearance', 'isChecked', 'disabled', 'size', 'isFocused', 'label', 'value', 'dir', 'lang'],
|
|
11160
11166
|
outputs: ['checked', 'unchecked', 'closed', 'connected', 'disconnected', 'changed']
|
|
11161
11167
|
}]
|
|
11162
11168
|
}], ctorParameters: () => [], propDecorators: { icon: [{
|
|
@@ -11181,6 +11187,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
11181
11187
|
type: Input
|
|
11182
11188
|
}], label: [{
|
|
11183
11189
|
type: Input
|
|
11190
|
+
}], value: [{
|
|
11191
|
+
type: Input
|
|
11184
11192
|
}], dir: [{
|
|
11185
11193
|
type: Input
|
|
11186
11194
|
}], lang: [{
|
|
@@ -11237,6 +11245,7 @@ let ChipBoxComponent = class ChipBoxComponent {
|
|
|
11237
11245
|
_element;
|
|
11238
11246
|
_zone;
|
|
11239
11247
|
_accessor;
|
|
11248
|
+
_cleared;
|
|
11240
11249
|
_chipAdded;
|
|
11241
11250
|
_chipRemoved;
|
|
11242
11251
|
_connected;
|
|
@@ -11248,6 +11257,8 @@ let ChipBoxComponent = class ChipBoxComponent {
|
|
|
11248
11257
|
this._zone = inject(NgZone);
|
|
11249
11258
|
this._accessor = chipBoxElementValueAccessor(this._element);
|
|
11250
11259
|
this._element.addController(this._accessor);
|
|
11260
|
+
this._cleared = new EventEmitter();
|
|
11261
|
+
this._element.on('cleared', (e) => this.onEmit(this._cleared, e));
|
|
11251
11262
|
this._chipAdded = new EventEmitter();
|
|
11252
11263
|
this._element.on('chipAdded', (e) => this.onEmit(this._chipAdded, e));
|
|
11253
11264
|
this._chipRemoved = new EventEmitter();
|
|
@@ -11400,16 +11411,6 @@ let ChipBoxComponent = class ChipBoxComponent {
|
|
|
11400
11411
|
this._element.isClearable = value;
|
|
11401
11412
|
});
|
|
11402
11413
|
}
|
|
11403
|
-
get cleared() {
|
|
11404
|
-
// @ts-ignore - temporary fix for the type error
|
|
11405
|
-
return this._element.cleared;
|
|
11406
|
-
}
|
|
11407
|
-
set cleared(value) {
|
|
11408
|
-
this._zone.runOutsideAngular(() => {
|
|
11409
|
-
// @ts-ignore - temporary fix for the type error
|
|
11410
|
-
this._element.cleared = value;
|
|
11411
|
-
});
|
|
11412
|
-
}
|
|
11413
11414
|
get invalid() {
|
|
11414
11415
|
// @ts-ignore - temporary fix for the type error
|
|
11415
11416
|
return this._element.invalid;
|
|
@@ -11530,6 +11531,9 @@ let ChipBoxComponent = class ChipBoxComponent {
|
|
|
11530
11531
|
this._element.lang = value;
|
|
11531
11532
|
});
|
|
11532
11533
|
}
|
|
11534
|
+
get cleared() {
|
|
11535
|
+
return this._cleared;
|
|
11536
|
+
}
|
|
11533
11537
|
get chipAdded() {
|
|
11534
11538
|
return this._chipAdded;
|
|
11535
11539
|
}
|
|
@@ -11569,7 +11573,7 @@ let ChipBoxComponent = class ChipBoxComponent {
|
|
|
11569
11573
|
}
|
|
11570
11574
|
}
|
|
11571
11575
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: ChipBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11572
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.4", type: ChipBoxComponent, isStandalone: true, selector: "mosaik-chipbox", inputs: { required: "required", autofocus: "autofocus", name: "name", pattern: "pattern", placeholder: "placeholder", autocomplete: "autocomplete", isEditable: "isEditable", readonly: "readonly", pressBackspaceToRemove: "pressBackspaceToRemove", chips: "chips", separatorKeys: "separatorKeys", transform: "transform", themeName: "themeName", isClearable: "isClearable",
|
|
11576
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.4", type: ChipBoxComponent, isStandalone: true, selector: "mosaik-chipbox", inputs: { required: "required", autofocus: "autofocus", name: "name", pattern: "pattern", placeholder: "placeholder", autocomplete: "autocomplete", isEditable: "isEditable", readonly: "readonly", pressBackspaceToRemove: "pressBackspaceToRemove", chips: "chips", separatorKeys: "separatorKeys", transform: "transform", themeName: "themeName", isClearable: "isClearable", invalid: "invalid", value: "value", variant: "variant", appearance: "appearance", label: "label", disabled: "disabled", state: "state", formatter: "formatter", parser: "parser", isFocused: "isFocused", dir: "dir", lang: "lang" }, outputs: { cleared: "cleared", chipAdded: "chipAdded", chipRemoved: "chipRemoved", connected: "connected", disconnected: "disconnected", changed: "changed" }, providers: [
|
|
11573
11577
|
{
|
|
11574
11578
|
provide: NG_VALUE_ACCESSOR,
|
|
11575
11579
|
useExisting: forwardRef(() => ChipBoxComponent),
|
|
@@ -11584,7 +11588,7 @@ let ChipBoxComponent = class ChipBoxComponent {
|
|
|
11584
11588
|
ChipBoxComponent = __decorate$2G([
|
|
11585
11589
|
ProxyCmp({
|
|
11586
11590
|
defineCustomElementFn: () => customElements.define('mosaik-chipbox', ChipBoxElement),
|
|
11587
|
-
inputs: ['required', 'autofocus', 'name', 'pattern', 'placeholder', 'autocomplete', 'isEditable', 'readonly', 'pressBackspaceToRemove', 'chips', 'separatorKeys', 'transform', 'themeName', 'isClearable', '
|
|
11591
|
+
inputs: ['required', 'autofocus', 'name', 'pattern', 'placeholder', 'autocomplete', 'isEditable', 'readonly', 'pressBackspaceToRemove', 'chips', 'separatorKeys', 'transform', 'themeName', 'isClearable', 'invalid', 'value', 'variant', 'appearance', 'label', 'disabled', 'state', 'formatter', 'parser', 'isFocused', 'dir', 'lang'],
|
|
11588
11592
|
methods: ['focus', 'blur', 'clear', 'reset', 'checkValidity', 'add', 'delete', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'hasVisibleFocusInTree', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
|
|
11589
11593
|
}),
|
|
11590
11594
|
__metadata$2G("design:paramtypes", [])
|
|
@@ -11596,8 +11600,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
11596
11600
|
standalone: true,
|
|
11597
11601
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
11598
11602
|
template: '<ng-content></ng-content>',
|
|
11599
|
-
inputs: ['required', 'autofocus', 'name', 'pattern', 'placeholder', 'autocomplete', 'isEditable', 'readonly', 'pressBackspaceToRemove', 'chips', 'separatorKeys', 'transform', 'themeName', 'isClearable', '
|
|
11600
|
-
outputs: ['chipAdded', 'chipRemoved', 'connected', 'disconnected', 'changed'],
|
|
11603
|
+
inputs: ['required', 'autofocus', 'name', 'pattern', 'placeholder', 'autocomplete', 'isEditable', 'readonly', 'pressBackspaceToRemove', 'chips', 'separatorKeys', 'transform', 'themeName', 'isClearable', 'invalid', 'value', 'variant', 'appearance', 'label', 'disabled', 'state', 'formatter', 'parser', 'isFocused', 'dir', 'lang'],
|
|
11604
|
+
outputs: ['cleared', 'chipAdded', 'chipRemoved', 'connected', 'disconnected', 'changed'],
|
|
11601
11605
|
hostDirectives: [FormStatusDirective],
|
|
11602
11606
|
providers: [
|
|
11603
11607
|
{
|
|
@@ -11639,8 +11643,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
11639
11643
|
type: Input
|
|
11640
11644
|
}], isClearable: [{
|
|
11641
11645
|
type: Input
|
|
11642
|
-
}], cleared: [{
|
|
11643
|
-
type: Input
|
|
11644
11646
|
}], invalid: [{
|
|
11645
11647
|
type: Input
|
|
11646
11648
|
}], value: [{
|
|
@@ -11665,6 +11667,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
11665
11667
|
type: Input
|
|
11666
11668
|
}], lang: [{
|
|
11667
11669
|
type: Input
|
|
11670
|
+
}], cleared: [{
|
|
11671
|
+
type: Output
|
|
11668
11672
|
}], chipAdded: [{
|
|
11669
11673
|
type: Output
|
|
11670
11674
|
}], chipRemoved: [{
|
|
@@ -13727,6 +13731,7 @@ let ColorBoxComponent = class ColorBoxComponent {
|
|
|
13727
13731
|
_element;
|
|
13728
13732
|
_zone;
|
|
13729
13733
|
_accessor;
|
|
13734
|
+
_cleared;
|
|
13730
13735
|
_connected;
|
|
13731
13736
|
_disconnected;
|
|
13732
13737
|
_changed;
|
|
@@ -13736,6 +13741,8 @@ let ColorBoxComponent = class ColorBoxComponent {
|
|
|
13736
13741
|
this._zone = inject(NgZone);
|
|
13737
13742
|
this._accessor = colorBoxElementValueAccessor(this._element);
|
|
13738
13743
|
this._element.addController(this._accessor);
|
|
13744
|
+
this._cleared = new EventEmitter();
|
|
13745
|
+
this._element.on('cleared', (e) => this.onEmit(this._cleared, e));
|
|
13739
13746
|
this._connected = new EventEmitter();
|
|
13740
13747
|
this._element.on('connected', (e) => this.onEmit(this._connected, e));
|
|
13741
13748
|
this._disconnected = new EventEmitter();
|
|
@@ -13854,16 +13861,6 @@ let ColorBoxComponent = class ColorBoxComponent {
|
|
|
13854
13861
|
this._element.isClearable = value;
|
|
13855
13862
|
});
|
|
13856
13863
|
}
|
|
13857
|
-
get cleared() {
|
|
13858
|
-
// @ts-ignore - temporary fix for the type error
|
|
13859
|
-
return this._element.cleared;
|
|
13860
|
-
}
|
|
13861
|
-
set cleared(value) {
|
|
13862
|
-
this._zone.runOutsideAngular(() => {
|
|
13863
|
-
// @ts-ignore - temporary fix for the type error
|
|
13864
|
-
this._element.cleared = value;
|
|
13865
|
-
});
|
|
13866
|
-
}
|
|
13867
13864
|
get invalid() {
|
|
13868
13865
|
// @ts-ignore - temporary fix for the type error
|
|
13869
13866
|
return this._element.invalid;
|
|
@@ -14054,6 +14051,9 @@ let ColorBoxComponent = class ColorBoxComponent {
|
|
|
14054
14051
|
this._element.lang = value;
|
|
14055
14052
|
});
|
|
14056
14053
|
}
|
|
14054
|
+
get cleared() {
|
|
14055
|
+
return this._cleared;
|
|
14056
|
+
}
|
|
14057
14057
|
get connected() {
|
|
14058
14058
|
return this._connected;
|
|
14059
14059
|
}
|
|
@@ -14087,7 +14087,7 @@ let ColorBoxComponent = class ColorBoxComponent {
|
|
|
14087
14087
|
}
|
|
14088
14088
|
}
|
|
14089
14089
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: ColorBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14090
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.4", type: ColorBoxComponent, isStandalone: true, selector: "mosaik-colorbox", inputs: { readonly: "readonly", required: "required", autofocus: "autofocus", name: "name", pattern: "pattern", placeholder: "placeholder", autocomplete: "autocomplete", swatches: "swatches", textAlign: "textAlign", themeName: "themeName", isClearable: "isClearable",
|
|
14090
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.4", type: ColorBoxComponent, isStandalone: true, selector: "mosaik-colorbox", inputs: { readonly: "readonly", required: "required", autofocus: "autofocus", name: "name", pattern: "pattern", placeholder: "placeholder", autocomplete: "autocomplete", swatches: "swatches", textAlign: "textAlign", themeName: "themeName", isClearable: "isClearable", invalid: "invalid", value: "value", variant: "variant", appearance: "appearance", dropDownPlacement: "dropDownPlacement", dropDownStrategy: "dropDownStrategy", dropDownDistance: "dropDownDistance", dropDownSkidding: "dropDownSkidding", dropDownStaysOpen: "dropDownStaysOpen", maxDropDownHeight: "maxDropDownHeight", isDropDownOpen: "isDropDownOpen", label: "label", disabled: "disabled", state: "state", formatter: "formatter", parser: "parser", isFocused: "isFocused", dir: "dir", lang: "lang" }, outputs: { cleared: "cleared", connected: "connected", disconnected: "disconnected", changed: "changed" }, providers: [
|
|
14091
14091
|
{
|
|
14092
14092
|
provide: NG_VALUE_ACCESSOR,
|
|
14093
14093
|
useExisting: forwardRef(() => ColorBoxComponent),
|
|
@@ -14102,7 +14102,7 @@ let ColorBoxComponent = class ColorBoxComponent {
|
|
|
14102
14102
|
ColorBoxComponent = __decorate$2v([
|
|
14103
14103
|
ProxyCmp({
|
|
14104
14104
|
defineCustomElementFn: () => customElements.define('mosaik-colorbox', ColorBoxElement),
|
|
14105
|
-
inputs: ['readonly', 'required', 'autofocus', 'name', 'pattern', 'placeholder', 'autocomplete', 'swatches', 'textAlign', 'themeName', 'isClearable', '
|
|
14105
|
+
inputs: ['readonly', 'required', 'autofocus', 'name', 'pattern', 'placeholder', 'autocomplete', 'swatches', 'textAlign', 'themeName', 'isClearable', 'invalid', 'value', 'variant', 'appearance', 'dropDownPlacement', 'dropDownStrategy', 'dropDownDistance', 'dropDownSkidding', 'dropDownStaysOpen', 'maxDropDownHeight', 'isDropDownOpen', 'label', 'disabled', 'state', 'formatter', 'parser', 'isFocused', 'dir', 'lang'],
|
|
14106
14106
|
methods: ['focus', 'blur', 'clear', 'reset', 'checkValidity', 'onPick', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'open', 'close', 'toggle', 'hasVisibleFocusInTree', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
|
|
14107
14107
|
}),
|
|
14108
14108
|
__metadata$2v("design:paramtypes", [])
|
|
@@ -14114,8 +14114,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
14114
14114
|
standalone: true,
|
|
14115
14115
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
14116
14116
|
template: '<ng-content></ng-content>',
|
|
14117
|
-
inputs: ['readonly', 'required', 'autofocus', 'name', 'pattern', 'placeholder', 'autocomplete', 'swatches', 'textAlign', 'themeName', 'isClearable', '
|
|
14118
|
-
outputs: ['connected', 'disconnected', 'changed'],
|
|
14117
|
+
inputs: ['readonly', 'required', 'autofocus', 'name', 'pattern', 'placeholder', 'autocomplete', 'swatches', 'textAlign', 'themeName', 'isClearable', 'invalid', 'value', 'variant', 'appearance', 'dropDownPlacement', 'dropDownStrategy', 'dropDownDistance', 'dropDownSkidding', 'dropDownStaysOpen', 'maxDropDownHeight', 'isDropDownOpen', 'label', 'disabled', 'state', 'formatter', 'parser', 'isFocused', 'dir', 'lang'],
|
|
14118
|
+
outputs: ['cleared', 'connected', 'disconnected', 'changed'],
|
|
14119
14119
|
hostDirectives: [FormStatusDirective],
|
|
14120
14120
|
providers: [
|
|
14121
14121
|
{
|
|
@@ -14151,8 +14151,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
14151
14151
|
type: Input
|
|
14152
14152
|
}], isClearable: [{
|
|
14153
14153
|
type: Input
|
|
14154
|
-
}], cleared: [{
|
|
14155
|
-
type: Input
|
|
14156
14154
|
}], invalid: [{
|
|
14157
14155
|
type: Input
|
|
14158
14156
|
}], value: [{
|
|
@@ -14191,6 +14189,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
14191
14189
|
type: Input
|
|
14192
14190
|
}], lang: [{
|
|
14193
14191
|
type: Input
|
|
14192
|
+
}], cleared: [{
|
|
14193
|
+
type: Output
|
|
14194
14194
|
}], connected: [{
|
|
14195
14195
|
type: Output
|
|
14196
14196
|
}], disconnected: [{
|
|
@@ -14522,6 +14522,7 @@ let ComboComponent = class ComboComponent {
|
|
|
14522
14522
|
_element;
|
|
14523
14523
|
_zone;
|
|
14524
14524
|
_accessor;
|
|
14525
|
+
_cleared;
|
|
14525
14526
|
_selectionChanged;
|
|
14526
14527
|
_itemsChanged;
|
|
14527
14528
|
_connected;
|
|
@@ -14533,6 +14534,8 @@ let ComboComponent = class ComboComponent {
|
|
|
14533
14534
|
this._zone = inject(NgZone);
|
|
14534
14535
|
this._accessor = comboElementValueAccessor(this._element);
|
|
14535
14536
|
this._element.addController(this._accessor);
|
|
14537
|
+
this._cleared = new EventEmitter();
|
|
14538
|
+
this._element.on('cleared', (e) => this.onEmit(this._cleared, e));
|
|
14536
14539
|
this._selectionChanged = new EventEmitter();
|
|
14537
14540
|
this._element.on('selectionChanged', (e) => this.onEmit(this._selectionChanged, e));
|
|
14538
14541
|
this._itemsChanged = new EventEmitter();
|
|
@@ -14715,16 +14718,6 @@ let ComboComponent = class ComboComponent {
|
|
|
14715
14718
|
this._element.isClearable = value;
|
|
14716
14719
|
});
|
|
14717
14720
|
}
|
|
14718
|
-
get cleared() {
|
|
14719
|
-
// @ts-ignore - temporary fix for the type error
|
|
14720
|
-
return this._element.cleared;
|
|
14721
|
-
}
|
|
14722
|
-
set cleared(value) {
|
|
14723
|
-
this._zone.runOutsideAngular(() => {
|
|
14724
|
-
// @ts-ignore - temporary fix for the type error
|
|
14725
|
-
this._element.cleared = value;
|
|
14726
|
-
});
|
|
14727
|
-
}
|
|
14728
14721
|
get disabled() {
|
|
14729
14722
|
// @ts-ignore - temporary fix for the type error
|
|
14730
14723
|
return this._element.disabled;
|
|
@@ -14795,6 +14788,9 @@ let ComboComponent = class ComboComponent {
|
|
|
14795
14788
|
this._element.lang = value;
|
|
14796
14789
|
});
|
|
14797
14790
|
}
|
|
14791
|
+
get cleared() {
|
|
14792
|
+
return this._cleared;
|
|
14793
|
+
}
|
|
14798
14794
|
get selectionChanged() {
|
|
14799
14795
|
return this._selectionChanged;
|
|
14800
14796
|
}
|
|
@@ -14834,7 +14830,7 @@ let ComboComponent = class ComboComponent {
|
|
|
14834
14830
|
}
|
|
14835
14831
|
}
|
|
14836
14832
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: ComboComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14837
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.4", type: ComboComponent, isStandalone: true, selector: "mosaik-combo", inputs: { intl: "intl", selectionMode: "selectionMode", placeholder: "placeholder", required: "required", textAlign: "textAlign", themeName: "themeName", dropDownPlacement: "dropDownPlacement", dropDownStrategy: "dropDownStrategy", dropDownDistance: "dropDownDistance", dropDownSkidding: "dropDownSkidding", dropDownStaysOpen: "dropDownStaysOpen", maxDropDownHeight: "maxDropDownHeight", isDropDownOpen: "isDropDownOpen", appearance: "appearance", variant: "variant", label: "label", isClearable: "isClearable",
|
|
14833
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.4", type: ComboComponent, isStandalone: true, selector: "mosaik-combo", inputs: { intl: "intl", selectionMode: "selectionMode", placeholder: "placeholder", required: "required", textAlign: "textAlign", themeName: "themeName", dropDownPlacement: "dropDownPlacement", dropDownStrategy: "dropDownStrategy", dropDownDistance: "dropDownDistance", dropDownSkidding: "dropDownSkidding", dropDownStaysOpen: "dropDownStaysOpen", maxDropDownHeight: "maxDropDownHeight", isDropDownOpen: "isDropDownOpen", appearance: "appearance", variant: "variant", label: "label", isClearable: "isClearable", disabled: "disabled", invalid: "invalid", value: "value", selectedItems: "selectedItems", selectedItem: "selectedItem", dir: "dir", lang: "lang" }, outputs: { cleared: "cleared", selectionChanged: "selectionChanged", itemsChanged: "itemsChanged", connected: "connected", disconnected: "disconnected", changed: "changed" }, providers: [
|
|
14838
14834
|
{
|
|
14839
14835
|
provide: NG_VALUE_ACCESSOR,
|
|
14840
14836
|
useExisting: forwardRef(() => ComboComponent),
|
|
@@ -14849,7 +14845,7 @@ let ComboComponent = class ComboComponent {
|
|
|
14849
14845
|
ComboComponent = __decorate$2t([
|
|
14850
14846
|
ProxyCmp({
|
|
14851
14847
|
defineCustomElementFn: () => customElements.define('mosaik-combo', ComboElement),
|
|
14852
|
-
inputs: ['intl', 'selectionMode', 'placeholder', 'required', 'textAlign', 'themeName', 'dropDownPlacement', 'dropDownStrategy', 'dropDownDistance', 'dropDownSkidding', 'dropDownStaysOpen', 'maxDropDownHeight', 'isDropDownOpen', 'appearance', 'variant', 'label', 'isClearable', '
|
|
14848
|
+
inputs: ['intl', 'selectionMode', 'placeholder', 'required', 'textAlign', 'themeName', 'dropDownPlacement', 'dropDownStrategy', 'dropDownDistance', 'dropDownSkidding', 'dropDownStaysOpen', 'maxDropDownHeight', 'isDropDownOpen', 'appearance', 'variant', 'label', 'isClearable', 'disabled', 'invalid', 'value', 'selectedItems', 'selectedItem', 'dir', 'lang'],
|
|
14853
14849
|
methods: ['reset', 'checkValidity', 'clear', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'open', 'close', 'toggle', 'select', 'unselect', 'resetSelection', 'selectNext', 'selectPrevious', 'selectFirst', 'selectLast', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
|
|
14854
14850
|
}),
|
|
14855
14851
|
__metadata$2t("design:paramtypes", [])
|
|
@@ -14861,8 +14857,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
14861
14857
|
standalone: true,
|
|
14862
14858
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
14863
14859
|
template: '<ng-content></ng-content>',
|
|
14864
|
-
inputs: ['intl', 'selectionMode', 'placeholder', 'required', 'textAlign', 'themeName', 'dropDownPlacement', 'dropDownStrategy', 'dropDownDistance', 'dropDownSkidding', 'dropDownStaysOpen', 'maxDropDownHeight', 'isDropDownOpen', 'appearance', 'variant', 'label', 'isClearable', '
|
|
14865
|
-
outputs: ['selectionChanged', 'itemsChanged', 'connected', 'disconnected', 'changed'],
|
|
14860
|
+
inputs: ['intl', 'selectionMode', 'placeholder', 'required', 'textAlign', 'themeName', 'dropDownPlacement', 'dropDownStrategy', 'dropDownDistance', 'dropDownSkidding', 'dropDownStaysOpen', 'maxDropDownHeight', 'isDropDownOpen', 'appearance', 'variant', 'label', 'isClearable', 'disabled', 'invalid', 'value', 'selectedItems', 'selectedItem', 'dir', 'lang'],
|
|
14861
|
+
outputs: ['cleared', 'selectionChanged', 'itemsChanged', 'connected', 'disconnected', 'changed'],
|
|
14866
14862
|
hostDirectives: [FormStatusDirective],
|
|
14867
14863
|
providers: [
|
|
14868
14864
|
{
|
|
@@ -14910,8 +14906,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
14910
14906
|
type: Input
|
|
14911
14907
|
}], isClearable: [{
|
|
14912
14908
|
type: Input
|
|
14913
|
-
}], cleared: [{
|
|
14914
|
-
type: Input
|
|
14915
14909
|
}], disabled: [{
|
|
14916
14910
|
type: Input
|
|
14917
14911
|
}], invalid: [{
|
|
@@ -14926,6 +14920,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
14926
14920
|
type: Input
|
|
14927
14921
|
}], lang: [{
|
|
14928
14922
|
type: Input
|
|
14923
|
+
}], cleared: [{
|
|
14924
|
+
type: Output
|
|
14929
14925
|
}], selectionChanged: [{
|
|
14930
14926
|
type: Output
|
|
14931
14927
|
}], itemsChanged: [{
|
|
@@ -22870,7 +22866,7 @@ const EXPANDER_GROUP_DEFAULT_PROPS = new InjectionToken('MOSAIK_EXPANDER_GROUP_D
|
|
|
22870
22866
|
let ExpanderGroupComponent = class ExpanderGroupComponent {
|
|
22871
22867
|
_element;
|
|
22872
22868
|
_zone;
|
|
22873
|
-
|
|
22869
|
+
_toggled;
|
|
22874
22870
|
_connected;
|
|
22875
22871
|
_disconnected;
|
|
22876
22872
|
_changed;
|
|
@@ -22878,8 +22874,8 @@ let ExpanderGroupComponent = class ExpanderGroupComponent {
|
|
|
22878
22874
|
inject(ChangeDetectorRef).detach();
|
|
22879
22875
|
this._element = inject(ElementRef).nativeElement;
|
|
22880
22876
|
this._zone = inject(NgZone);
|
|
22881
|
-
this.
|
|
22882
|
-
this._element.on('
|
|
22877
|
+
this._toggled = new EventEmitter();
|
|
22878
|
+
this._element.on('toggled', (e) => this.onEmit(this._toggled, e));
|
|
22883
22879
|
this._connected = new EventEmitter();
|
|
22884
22880
|
this._element.on('connected', (e) => this.onEmit(this._connected, e));
|
|
22885
22881
|
this._disconnected = new EventEmitter();
|
|
@@ -22888,16 +22884,6 @@ let ExpanderGroupComponent = class ExpanderGroupComponent {
|
|
|
22888
22884
|
this._element.on('changed', (e) => this.onEmit(this._changed, e));
|
|
22889
22885
|
applyDefaults(this._element, inject(EXPANDER_GROUP_DEFAULT_PROPS, { optional: true }) ?? {});
|
|
22890
22886
|
}
|
|
22891
|
-
get toggled() {
|
|
22892
|
-
// @ts-ignore - temporary fix for the type error
|
|
22893
|
-
return this._element.toggled;
|
|
22894
|
-
}
|
|
22895
|
-
set toggled(value) {
|
|
22896
|
-
this._zone.runOutsideAngular(() => {
|
|
22897
|
-
// @ts-ignore - temporary fix for the type error
|
|
22898
|
-
this._element.toggled = value;
|
|
22899
|
-
});
|
|
22900
|
-
}
|
|
22901
22887
|
get mode() {
|
|
22902
22888
|
// @ts-ignore - temporary fix for the type error
|
|
22903
22889
|
return this._element.mode;
|
|
@@ -22968,8 +22954,8 @@ let ExpanderGroupComponent = class ExpanderGroupComponent {
|
|
|
22968
22954
|
this._element.lang = value;
|
|
22969
22955
|
});
|
|
22970
22956
|
}
|
|
22971
|
-
get
|
|
22972
|
-
return this.
|
|
22957
|
+
get toggled() {
|
|
22958
|
+
return this._toggled;
|
|
22973
22959
|
}
|
|
22974
22960
|
get connected() {
|
|
22975
22961
|
return this._connected;
|
|
@@ -22992,12 +22978,12 @@ let ExpanderGroupComponent = class ExpanderGroupComponent {
|
|
|
22992
22978
|
}
|
|
22993
22979
|
}
|
|
22994
22980
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: ExpanderGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
22995
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.4", type: ExpanderGroupComponent, isStandalone: true, selector: "mosaik-expander-group", inputs: {
|
|
22981
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.4", type: ExpanderGroupComponent, isStandalone: true, selector: "mosaik-expander-group", inputs: { mode: "mode", direction: "direction", themeName: "themeName", variant: "variant", appearance: "appearance", dir: "dir", lang: "lang" }, outputs: { toggled: "toggled", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
22996
22982
|
};
|
|
22997
22983
|
ExpanderGroupComponent = __decorate$1Y([
|
|
22998
22984
|
ProxyCmp({
|
|
22999
22985
|
defineCustomElementFn: () => customElements.define('mosaik-expander-group', ExpanderGroupElement),
|
|
23000
|
-
inputs: ['
|
|
22986
|
+
inputs: ['mode', 'direction', 'themeName', 'variant', 'appearance', 'dir', 'lang'],
|
|
23001
22987
|
methods: ['collapse', 'expand', 'onSlotChanges', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'hasSlotContent', 'hasSlot', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
|
|
23002
22988
|
}),
|
|
23003
22989
|
__metadata$1Y("design:paramtypes", [])
|
|
@@ -23009,12 +22995,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
23009
22995
|
standalone: true,
|
|
23010
22996
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
23011
22997
|
template: '<ng-content></ng-content>',
|
|
23012
|
-
inputs: ['
|
|
23013
|
-
outputs: ['
|
|
22998
|
+
inputs: ['mode', 'direction', 'themeName', 'variant', 'appearance', 'dir', 'lang'],
|
|
22999
|
+
outputs: ['toggled', 'connected', 'disconnected', 'changed']
|
|
23014
23000
|
}]
|
|
23015
|
-
}], ctorParameters: () => [], propDecorators: {
|
|
23016
|
-
type: Input
|
|
23017
|
-
}], mode: [{
|
|
23001
|
+
}], ctorParameters: () => [], propDecorators: { mode: [{
|
|
23018
23002
|
type: Input
|
|
23019
23003
|
}], direction: [{
|
|
23020
23004
|
type: Input
|
|
@@ -23028,7 +23012,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
23028
23012
|
type: Input
|
|
23029
23013
|
}], lang: [{
|
|
23030
23014
|
type: Input
|
|
23031
|
-
}],
|
|
23015
|
+
}], toggled: [{
|
|
23032
23016
|
type: Output
|
|
23033
23017
|
}], connected: [{
|
|
23034
23018
|
type: Output
|
|
@@ -24598,6 +24582,10 @@ let FileUploadComponent = class FileUploadComponent {
|
|
|
24598
24582
|
_element;
|
|
24599
24583
|
_zone;
|
|
24600
24584
|
_accessor;
|
|
24585
|
+
_fileUploadAdded;
|
|
24586
|
+
_fileUploadDeleted;
|
|
24587
|
+
_fileUploadFailed;
|
|
24588
|
+
_fileUploadChanged;
|
|
24601
24589
|
_connected;
|
|
24602
24590
|
_disconnected;
|
|
24603
24591
|
_changed;
|
|
@@ -24607,6 +24595,14 @@ let FileUploadComponent = class FileUploadComponent {
|
|
|
24607
24595
|
this._zone = inject(NgZone);
|
|
24608
24596
|
this._accessor = fileUploadElementValueAccessor(this._element);
|
|
24609
24597
|
this._element.addController(this._accessor);
|
|
24598
|
+
this._fileUploadAdded = new EventEmitter();
|
|
24599
|
+
this._element.on('fileUploadAdded', (e) => this.onEmit(this._fileUploadAdded, e));
|
|
24600
|
+
this._fileUploadDeleted = new EventEmitter();
|
|
24601
|
+
this._element.on('fileUploadDeleted', (e) => this.onEmit(this._fileUploadDeleted, e));
|
|
24602
|
+
this._fileUploadFailed = new EventEmitter();
|
|
24603
|
+
this._element.on('fileUploadFailed', (e) => this.onEmit(this._fileUploadFailed, e));
|
|
24604
|
+
this._fileUploadChanged = new EventEmitter();
|
|
24605
|
+
this._element.on('fileUploadChanged', (e) => this.onEmit(this._fileUploadChanged, e));
|
|
24610
24606
|
this._connected = new EventEmitter();
|
|
24611
24607
|
this._element.on('connected', (e) => this.onEmit(this._connected, e));
|
|
24612
24608
|
this._disconnected = new EventEmitter();
|
|
@@ -24635,46 +24631,6 @@ let FileUploadComponent = class FileUploadComponent {
|
|
|
24635
24631
|
this._element.intl = value;
|
|
24636
24632
|
});
|
|
24637
24633
|
}
|
|
24638
|
-
get fileAdded() {
|
|
24639
|
-
// @ts-ignore - temporary fix for the type error
|
|
24640
|
-
return this._element.fileAdded;
|
|
24641
|
-
}
|
|
24642
|
-
set fileAdded(value) {
|
|
24643
|
-
this._zone.runOutsideAngular(() => {
|
|
24644
|
-
// @ts-ignore - temporary fix for the type error
|
|
24645
|
-
this._element.fileAdded = value;
|
|
24646
|
-
});
|
|
24647
|
-
}
|
|
24648
|
-
get fileDeleted() {
|
|
24649
|
-
// @ts-ignore - temporary fix for the type error
|
|
24650
|
-
return this._element.fileDeleted;
|
|
24651
|
-
}
|
|
24652
|
-
set fileDeleted(value) {
|
|
24653
|
-
this._zone.runOutsideAngular(() => {
|
|
24654
|
-
// @ts-ignore - temporary fix for the type error
|
|
24655
|
-
this._element.fileDeleted = value;
|
|
24656
|
-
});
|
|
24657
|
-
}
|
|
24658
|
-
get fileFailed() {
|
|
24659
|
-
// @ts-ignore - temporary fix for the type error
|
|
24660
|
-
return this._element.fileFailed;
|
|
24661
|
-
}
|
|
24662
|
-
set fileFailed(value) {
|
|
24663
|
-
this._zone.runOutsideAngular(() => {
|
|
24664
|
-
// @ts-ignore - temporary fix for the type error
|
|
24665
|
-
this._element.fileFailed = value;
|
|
24666
|
-
});
|
|
24667
|
-
}
|
|
24668
|
-
get filesChanged() {
|
|
24669
|
-
// @ts-ignore - temporary fix for the type error
|
|
24670
|
-
return this._element.filesChanged;
|
|
24671
|
-
}
|
|
24672
|
-
set filesChanged(value) {
|
|
24673
|
-
this._zone.runOutsideAngular(() => {
|
|
24674
|
-
// @ts-ignore - temporary fix for the type error
|
|
24675
|
-
this._element.filesChanged = value;
|
|
24676
|
-
});
|
|
24677
|
-
}
|
|
24678
24634
|
get autoUpload() {
|
|
24679
24635
|
// @ts-ignore - temporary fix for the type error
|
|
24680
24636
|
return this._element.autoUpload;
|
|
@@ -24835,6 +24791,18 @@ let FileUploadComponent = class FileUploadComponent {
|
|
|
24835
24791
|
this._element.lang = value;
|
|
24836
24792
|
});
|
|
24837
24793
|
}
|
|
24794
|
+
get fileUploadAdded() {
|
|
24795
|
+
return this._fileUploadAdded;
|
|
24796
|
+
}
|
|
24797
|
+
get fileUploadDeleted() {
|
|
24798
|
+
return this._fileUploadDeleted;
|
|
24799
|
+
}
|
|
24800
|
+
get fileUploadFailed() {
|
|
24801
|
+
return this._fileUploadFailed;
|
|
24802
|
+
}
|
|
24803
|
+
get fileUploadChanged() {
|
|
24804
|
+
return this._fileUploadChanged;
|
|
24805
|
+
}
|
|
24838
24806
|
get connected() {
|
|
24839
24807
|
return this._connected;
|
|
24840
24808
|
}
|
|
@@ -24868,7 +24836,7 @@ let FileUploadComponent = class FileUploadComponent {
|
|
|
24868
24836
|
}
|
|
24869
24837
|
}
|
|
24870
24838
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: FileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
24871
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.4", type: FileUploadComponent, isStandalone: true, selector: "mosaik-file-upload", inputs: { isDragging: "isDragging", intl: "intl",
|
|
24839
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.4", type: FileUploadComponent, isStandalone: true, selector: "mosaik-file-upload", inputs: { isDragging: "isDragging", intl: "intl", autoUpload: "autoUpload", view: "view", multiple: "multiple", directory: "directory", accept: "accept", strategy: "strategy", placeholder: "placeholder", maxSize: "maxSize", themeName: "themeName", disabled: "disabled", appearance: "appearance", variant: "variant", invalid: "invalid", value: "value", dir: "dir", lang: "lang" }, outputs: { fileUploadAdded: "fileUploadAdded", fileUploadDeleted: "fileUploadDeleted", fileUploadFailed: "fileUploadFailed", fileUploadChanged: "fileUploadChanged", connected: "connected", disconnected: "disconnected", changed: "changed" }, providers: [
|
|
24872
24840
|
{
|
|
24873
24841
|
provide: NG_VALUE_ACCESSOR,
|
|
24874
24842
|
useExisting: forwardRef(() => FileUploadComponent),
|
|
@@ -24883,7 +24851,7 @@ let FileUploadComponent = class FileUploadComponent {
|
|
|
24883
24851
|
FileUploadComponent = __decorate$1Q([
|
|
24884
24852
|
ProxyCmp({
|
|
24885
24853
|
defineCustomElementFn: () => customElements.define('mosaik-file-upload', FileUploadElement),
|
|
24886
|
-
inputs: ['isDragging', 'intl', '
|
|
24854
|
+
inputs: ['isDragging', 'intl', 'autoUpload', 'view', 'multiple', 'directory', 'accept', 'strategy', 'placeholder', 'maxSize', 'themeName', 'disabled', 'appearance', 'variant', 'invalid', 'value', 'dir', 'lang'],
|
|
24887
24855
|
methods: ['add', 'delete', 'save', 'reset', 'checkValidity', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
|
|
24888
24856
|
}),
|
|
24889
24857
|
__metadata$1Q("design:paramtypes", [])
|
|
@@ -24895,8 +24863,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
24895
24863
|
standalone: true,
|
|
24896
24864
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
24897
24865
|
template: '<ng-content></ng-content>',
|
|
24898
|
-
inputs: ['isDragging', 'intl', '
|
|
24899
|
-
outputs: ['connected', 'disconnected', 'changed'],
|
|
24866
|
+
inputs: ['isDragging', 'intl', 'autoUpload', 'view', 'multiple', 'directory', 'accept', 'strategy', 'placeholder', 'maxSize', 'themeName', 'disabled', 'appearance', 'variant', 'invalid', 'value', 'dir', 'lang'],
|
|
24867
|
+
outputs: ['fileUploadAdded', 'fileUploadDeleted', 'fileUploadFailed', 'fileUploadChanged', 'connected', 'disconnected', 'changed'],
|
|
24900
24868
|
hostDirectives: [FormStatusDirective],
|
|
24901
24869
|
providers: [
|
|
24902
24870
|
{
|
|
@@ -24914,14 +24882,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
24914
24882
|
type: Input
|
|
24915
24883
|
}], intl: [{
|
|
24916
24884
|
type: Input
|
|
24917
|
-
}], fileAdded: [{
|
|
24918
|
-
type: Input
|
|
24919
|
-
}], fileDeleted: [{
|
|
24920
|
-
type: Input
|
|
24921
|
-
}], fileFailed: [{
|
|
24922
|
-
type: Input
|
|
24923
|
-
}], filesChanged: [{
|
|
24924
|
-
type: Input
|
|
24925
24885
|
}], autoUpload: [{
|
|
24926
24886
|
type: Input
|
|
24927
24887
|
}], view: [{
|
|
@@ -24954,6 +24914,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
24954
24914
|
type: Input
|
|
24955
24915
|
}], lang: [{
|
|
24956
24916
|
type: Input
|
|
24917
|
+
}], fileUploadAdded: [{
|
|
24918
|
+
type: Output
|
|
24919
|
+
}], fileUploadDeleted: [{
|
|
24920
|
+
type: Output
|
|
24921
|
+
}], fileUploadFailed: [{
|
|
24922
|
+
type: Output
|
|
24923
|
+
}], fileUploadChanged: [{
|
|
24924
|
+
type: Output
|
|
24957
24925
|
}], connected: [{
|
|
24958
24926
|
type: Output
|
|
24959
24927
|
}], disconnected: [{
|
|
@@ -38926,6 +38894,7 @@ let RichTextBoxComponent = class RichTextBoxComponent {
|
|
|
38926
38894
|
_element;
|
|
38927
38895
|
_zone;
|
|
38928
38896
|
_accessor;
|
|
38897
|
+
_cleared;
|
|
38929
38898
|
_connected;
|
|
38930
38899
|
_disconnected;
|
|
38931
38900
|
_changed;
|
|
@@ -38935,6 +38904,8 @@ let RichTextBoxComponent = class RichTextBoxComponent {
|
|
|
38935
38904
|
this._zone = inject(NgZone);
|
|
38936
38905
|
this._accessor = richTextBoxElementValueAccessor(this._element);
|
|
38937
38906
|
this._element.addController(this._accessor);
|
|
38907
|
+
this._cleared = new EventEmitter();
|
|
38908
|
+
this._element.on('cleared', (e) => this.onEmit(this._cleared, e));
|
|
38938
38909
|
this._connected = new EventEmitter();
|
|
38939
38910
|
this._element.on('connected', (e) => this.onEmit(this._connected, e));
|
|
38940
38911
|
this._disconnected = new EventEmitter();
|
|
@@ -39093,16 +39064,6 @@ let RichTextBoxComponent = class RichTextBoxComponent {
|
|
|
39093
39064
|
this._element.isClearable = value;
|
|
39094
39065
|
});
|
|
39095
39066
|
}
|
|
39096
|
-
get cleared() {
|
|
39097
|
-
// @ts-ignore - temporary fix for the type error
|
|
39098
|
-
return this._element.cleared;
|
|
39099
|
-
}
|
|
39100
|
-
set cleared(value) {
|
|
39101
|
-
this._zone.runOutsideAngular(() => {
|
|
39102
|
-
// @ts-ignore - temporary fix for the type error
|
|
39103
|
-
this._element.cleared = value;
|
|
39104
|
-
});
|
|
39105
|
-
}
|
|
39106
39067
|
get appearance() {
|
|
39107
39068
|
// @ts-ignore - temporary fix for the type error
|
|
39108
39069
|
return this._element.appearance;
|
|
@@ -39223,6 +39184,9 @@ let RichTextBoxComponent = class RichTextBoxComponent {
|
|
|
39223
39184
|
this._element.lang = value;
|
|
39224
39185
|
});
|
|
39225
39186
|
}
|
|
39187
|
+
get cleared() {
|
|
39188
|
+
return this._cleared;
|
|
39189
|
+
}
|
|
39226
39190
|
get connected() {
|
|
39227
39191
|
return this._connected;
|
|
39228
39192
|
}
|
|
@@ -39256,7 +39220,7 @@ let RichTextBoxComponent = class RichTextBoxComponent {
|
|
|
39256
39220
|
}
|
|
39257
39221
|
}
|
|
39258
39222
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: RichTextBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
39259
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.4", type: RichTextBoxComponent, isStandalone: true, selector: "mosaik-richtextbox", inputs: { intl: "intl", readonly: "readonly", required: "required", autofocus: "autofocus", name: "name", pattern: "pattern", placeholder: "placeholder", autocomplete: "autocomplete", minlength: "minlength", maxlength: "maxlength", multilineRows: "multilineRows", resize: "resize", showToolbar: "showToolbar", themeName: "themeName", isClearable: "isClearable",
|
|
39223
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.4", type: RichTextBoxComponent, isStandalone: true, selector: "mosaik-richtextbox", inputs: { intl: "intl", readonly: "readonly", required: "required", autofocus: "autofocus", name: "name", pattern: "pattern", placeholder: "placeholder", autocomplete: "autocomplete", minlength: "minlength", maxlength: "maxlength", multilineRows: "multilineRows", resize: "resize", showToolbar: "showToolbar", themeName: "themeName", isClearable: "isClearable", appearance: "appearance", variant: "variant", invalid: "invalid", value: "value", label: "label", disabled: "disabled", state: "state", formatter: "formatter", parser: "parser", isFocused: "isFocused", dir: "dir", lang: "lang" }, outputs: { cleared: "cleared", connected: "connected", disconnected: "disconnected", changed: "changed" }, providers: [
|
|
39260
39224
|
{
|
|
39261
39225
|
provide: NG_VALUE_ACCESSOR,
|
|
39262
39226
|
useExisting: forwardRef(() => RichTextBoxComponent),
|
|
@@ -39271,7 +39235,7 @@ let RichTextBoxComponent = class RichTextBoxComponent {
|
|
|
39271
39235
|
RichTextBoxComponent = __decorate$T([
|
|
39272
39236
|
ProxyCmp({
|
|
39273
39237
|
defineCustomElementFn: () => customElements.define('mosaik-richtextbox', RichTextBoxElement),
|
|
39274
|
-
inputs: ['intl', 'readonly', 'required', 'autofocus', 'name', 'pattern', 'placeholder', 'autocomplete', 'minlength', 'maxlength', 'multilineRows', 'resize', 'showToolbar', 'themeName', 'isClearable', '
|
|
39238
|
+
inputs: ['intl', 'readonly', 'required', 'autofocus', 'name', 'pattern', 'placeholder', 'autocomplete', 'minlength', 'maxlength', 'multilineRows', 'resize', 'showToolbar', 'themeName', 'isClearable', 'appearance', 'variant', 'invalid', 'value', 'label', 'disabled', 'state', 'formatter', 'parser', 'isFocused', 'dir', 'lang'],
|
|
39275
39239
|
methods: ['command', 'focus', 'blur', 'reset', 'clear', 'checkValidity', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'hasVisibleFocusInTree', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
|
|
39276
39240
|
}),
|
|
39277
39241
|
__metadata$T("design:paramtypes", [])
|
|
@@ -39283,8 +39247,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
39283
39247
|
standalone: true,
|
|
39284
39248
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
39285
39249
|
template: '<ng-content></ng-content>',
|
|
39286
|
-
inputs: ['intl', 'readonly', 'required', 'autofocus', 'name', 'pattern', 'placeholder', 'autocomplete', 'minlength', 'maxlength', 'multilineRows', 'resize', 'showToolbar', 'themeName', 'isClearable', '
|
|
39287
|
-
outputs: ['connected', 'disconnected', 'changed'],
|
|
39250
|
+
inputs: ['intl', 'readonly', 'required', 'autofocus', 'name', 'pattern', 'placeholder', 'autocomplete', 'minlength', 'maxlength', 'multilineRows', 'resize', 'showToolbar', 'themeName', 'isClearable', 'appearance', 'variant', 'invalid', 'value', 'label', 'disabled', 'state', 'formatter', 'parser', 'isFocused', 'dir', 'lang'],
|
|
39251
|
+
outputs: ['cleared', 'connected', 'disconnected', 'changed'],
|
|
39288
39252
|
hostDirectives: [FormStatusDirective],
|
|
39289
39253
|
providers: [
|
|
39290
39254
|
{
|
|
@@ -39328,8 +39292,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
39328
39292
|
type: Input
|
|
39329
39293
|
}], isClearable: [{
|
|
39330
39294
|
type: Input
|
|
39331
|
-
}], cleared: [{
|
|
39332
|
-
type: Input
|
|
39333
39295
|
}], appearance: [{
|
|
39334
39296
|
type: Input
|
|
39335
39297
|
}], variant: [{
|
|
@@ -39354,6 +39316,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
39354
39316
|
type: Input
|
|
39355
39317
|
}], lang: [{
|
|
39356
39318
|
type: Input
|
|
39319
|
+
}], cleared: [{
|
|
39320
|
+
type: Output
|
|
39357
39321
|
}], connected: [{
|
|
39358
39322
|
type: Output
|
|
39359
39323
|
}], disconnected: [{
|
|
@@ -39968,6 +39932,7 @@ let SearchBoxComponent = class SearchBoxComponent {
|
|
|
39968
39932
|
_element;
|
|
39969
39933
|
_zone;
|
|
39970
39934
|
_accessor;
|
|
39935
|
+
_cleared;
|
|
39971
39936
|
_searched;
|
|
39972
39937
|
_connected;
|
|
39973
39938
|
_disconnected;
|
|
@@ -39978,6 +39943,8 @@ let SearchBoxComponent = class SearchBoxComponent {
|
|
|
39978
39943
|
this._zone = inject(NgZone);
|
|
39979
39944
|
this._accessor = searchBoxElementValueAccessor(this._element);
|
|
39980
39945
|
this._element.addController(this._accessor);
|
|
39946
|
+
this._cleared = new EventEmitter();
|
|
39947
|
+
this._element.on('cleared', (e) => this.onEmit(this._cleared, e));
|
|
39981
39948
|
this._searched = new EventEmitter();
|
|
39982
39949
|
this._element.on('searched', (e) => this.onEmit(this._searched, e));
|
|
39983
39950
|
this._connected = new EventEmitter();
|
|
@@ -40108,16 +40075,6 @@ let SearchBoxComponent = class SearchBoxComponent {
|
|
|
40108
40075
|
this._element.isClearable = value;
|
|
40109
40076
|
});
|
|
40110
40077
|
}
|
|
40111
|
-
get cleared() {
|
|
40112
|
-
// @ts-ignore - temporary fix for the type error
|
|
40113
|
-
return this._element.cleared;
|
|
40114
|
-
}
|
|
40115
|
-
set cleared(value) {
|
|
40116
|
-
this._zone.runOutsideAngular(() => {
|
|
40117
|
-
// @ts-ignore - temporary fix for the type error
|
|
40118
|
-
this._element.cleared = value;
|
|
40119
|
-
});
|
|
40120
|
-
}
|
|
40121
40078
|
get invalid() {
|
|
40122
40079
|
// @ts-ignore - temporary fix for the type error
|
|
40123
40080
|
return this._element.invalid;
|
|
@@ -40238,6 +40195,9 @@ let SearchBoxComponent = class SearchBoxComponent {
|
|
|
40238
40195
|
this._element.lang = value;
|
|
40239
40196
|
});
|
|
40240
40197
|
}
|
|
40198
|
+
get cleared() {
|
|
40199
|
+
return this._cleared;
|
|
40200
|
+
}
|
|
40241
40201
|
get searched() {
|
|
40242
40202
|
return this._searched;
|
|
40243
40203
|
}
|
|
@@ -40274,7 +40234,7 @@ let SearchBoxComponent = class SearchBoxComponent {
|
|
|
40274
40234
|
}
|
|
40275
40235
|
}
|
|
40276
40236
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: SearchBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
40277
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.4", type: SearchBoxComponent, isStandalone: true, selector: "mosaik-searchbox", inputs: { textAlign: "textAlign", readonly: "readonly", required: "required", autofocus: "autofocus", name: "name", pattern: "pattern", placeholder: "placeholder", autocomplete: "autocomplete", mode: "mode", delay: "delay", themeName: "themeName", isClearable: "isClearable",
|
|
40237
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.4", type: SearchBoxComponent, isStandalone: true, selector: "mosaik-searchbox", inputs: { textAlign: "textAlign", readonly: "readonly", required: "required", autofocus: "autofocus", name: "name", pattern: "pattern", placeholder: "placeholder", autocomplete: "autocomplete", mode: "mode", delay: "delay", themeName: "themeName", isClearable: "isClearable", invalid: "invalid", value: "value", variant: "variant", isBusy: "isBusy", appearance: "appearance", disabled: "disabled", state: "state", formatter: "formatter", parser: "parser", isFocused: "isFocused", dir: "dir", lang: "lang" }, outputs: { cleared: "cleared", searched: "searched", connected: "connected", disconnected: "disconnected", changed: "changed" }, providers: [
|
|
40278
40238
|
{
|
|
40279
40239
|
provide: NG_VALUE_ACCESSOR,
|
|
40280
40240
|
useExisting: forwardRef(() => SearchBoxComponent),
|
|
@@ -40289,7 +40249,7 @@ let SearchBoxComponent = class SearchBoxComponent {
|
|
|
40289
40249
|
SearchBoxComponent = __decorate$P([
|
|
40290
40250
|
ProxyCmp({
|
|
40291
40251
|
defineCustomElementFn: () => customElements.define('mosaik-searchbox', SearchBoxElement),
|
|
40292
|
-
inputs: ['textAlign', 'readonly', 'required', 'autofocus', 'name', 'pattern', 'placeholder', 'autocomplete', 'mode', 'delay', 'themeName', 'isClearable', '
|
|
40252
|
+
inputs: ['textAlign', 'readonly', 'required', 'autofocus', 'name', 'pattern', 'placeholder', 'autocomplete', 'mode', 'delay', 'themeName', 'isClearable', 'invalid', 'value', 'variant', 'isBusy', 'appearance', 'disabled', 'state', 'formatter', 'parser', 'isFocused', 'dir', 'lang'],
|
|
40293
40253
|
methods: ['focus', 'blur', 'reset', 'search', 'clear', 'checkValidity', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'hasVisibleFocusInTree', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
|
|
40294
40254
|
}),
|
|
40295
40255
|
__metadata$P("design:paramtypes", [])
|
|
@@ -40301,8 +40261,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
40301
40261
|
standalone: true,
|
|
40302
40262
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
40303
40263
|
template: '<ng-content></ng-content>',
|
|
40304
|
-
inputs: ['textAlign', 'readonly', 'required', 'autofocus', 'name', 'pattern', 'placeholder', 'autocomplete', 'mode', 'delay', 'themeName', 'isClearable', '
|
|
40305
|
-
outputs: ['searched', 'connected', 'disconnected', 'changed'],
|
|
40264
|
+
inputs: ['textAlign', 'readonly', 'required', 'autofocus', 'name', 'pattern', 'placeholder', 'autocomplete', 'mode', 'delay', 'themeName', 'isClearable', 'invalid', 'value', 'variant', 'isBusy', 'appearance', 'disabled', 'state', 'formatter', 'parser', 'isFocused', 'dir', 'lang'],
|
|
40265
|
+
outputs: ['cleared', 'searched', 'connected', 'disconnected', 'changed'],
|
|
40306
40266
|
hostDirectives: [FormStatusDirective],
|
|
40307
40267
|
providers: [
|
|
40308
40268
|
{
|
|
@@ -40340,8 +40300,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
40340
40300
|
type: Input
|
|
40341
40301
|
}], isClearable: [{
|
|
40342
40302
|
type: Input
|
|
40343
|
-
}], cleared: [{
|
|
40344
|
-
type: Input
|
|
40345
40303
|
}], invalid: [{
|
|
40346
40304
|
type: Input
|
|
40347
40305
|
}], value: [{
|
|
@@ -40366,6 +40324,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
40366
40324
|
type: Input
|
|
40367
40325
|
}], lang: [{
|
|
40368
40326
|
type: Input
|
|
40327
|
+
}], cleared: [{
|
|
40328
|
+
type: Output
|
|
40369
40329
|
}], searched: [{
|
|
40370
40330
|
type: Output
|
|
40371
40331
|
}], connected: [{
|
|
@@ -41344,6 +41304,7 @@ let SelectComponent = class SelectComponent {
|
|
|
41344
41304
|
_element;
|
|
41345
41305
|
_zone;
|
|
41346
41306
|
_accessor;
|
|
41307
|
+
_cleared;
|
|
41347
41308
|
_selectionChanged;
|
|
41348
41309
|
_itemsChanged;
|
|
41349
41310
|
_connected;
|
|
@@ -41355,6 +41316,8 @@ let SelectComponent = class SelectComponent {
|
|
|
41355
41316
|
this._zone = inject(NgZone);
|
|
41356
41317
|
this._accessor = selectElementValueAccessor(this._element);
|
|
41357
41318
|
this._element.addController(this._accessor);
|
|
41319
|
+
this._cleared = new EventEmitter();
|
|
41320
|
+
this._element.on('cleared', (e) => this.onEmit(this._cleared, e));
|
|
41358
41321
|
this._selectionChanged = new EventEmitter();
|
|
41359
41322
|
this._element.on('selectionChanged', (e) => this.onEmit(this._selectionChanged, e));
|
|
41360
41323
|
this._itemsChanged = new EventEmitter();
|
|
@@ -41547,16 +41510,6 @@ let SelectComponent = class SelectComponent {
|
|
|
41547
41510
|
this._element.isClearable = value;
|
|
41548
41511
|
});
|
|
41549
41512
|
}
|
|
41550
|
-
get cleared() {
|
|
41551
|
-
// @ts-ignore - temporary fix for the type error
|
|
41552
|
-
return this._element.cleared;
|
|
41553
|
-
}
|
|
41554
|
-
set cleared(value) {
|
|
41555
|
-
this._zone.runOutsideAngular(() => {
|
|
41556
|
-
// @ts-ignore - temporary fix for the type error
|
|
41557
|
-
this._element.cleared = value;
|
|
41558
|
-
});
|
|
41559
|
-
}
|
|
41560
41513
|
get disabled() {
|
|
41561
41514
|
// @ts-ignore - temporary fix for the type error
|
|
41562
41515
|
return this._element.disabled;
|
|
@@ -41617,6 +41570,9 @@ let SelectComponent = class SelectComponent {
|
|
|
41617
41570
|
this._element.lang = value;
|
|
41618
41571
|
});
|
|
41619
41572
|
}
|
|
41573
|
+
get cleared() {
|
|
41574
|
+
return this._cleared;
|
|
41575
|
+
}
|
|
41620
41576
|
get selectionChanged() {
|
|
41621
41577
|
return this._selectionChanged;
|
|
41622
41578
|
}
|
|
@@ -41656,7 +41612,7 @@ let SelectComponent = class SelectComponent {
|
|
|
41656
41612
|
}
|
|
41657
41613
|
}
|
|
41658
41614
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
41659
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.4", type: SelectComponent, isStandalone: true, selector: "mosaik-select", inputs: { intl: "intl", isEditable: "isEditable", isReadOnly: "isReadOnly", placeholder: "placeholder", required: "required", textAlign: "textAlign", themeName: "themeName", appearance: "appearance", variant: "variant", dropDownPlacement: "dropDownPlacement", dropDownStrategy: "dropDownStrategy", dropDownDistance: "dropDownDistance", dropDownSkidding: "dropDownSkidding", dropDownStaysOpen: "dropDownStaysOpen", maxDropDownHeight: "maxDropDownHeight", isDropDownOpen: "isDropDownOpen", label: "label", isClearable: "isClearable",
|
|
41615
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.4", type: SelectComponent, isStandalone: true, selector: "mosaik-select", inputs: { intl: "intl", isEditable: "isEditable", isReadOnly: "isReadOnly", placeholder: "placeholder", required: "required", textAlign: "textAlign", themeName: "themeName", appearance: "appearance", variant: "variant", dropDownPlacement: "dropDownPlacement", dropDownStrategy: "dropDownStrategy", dropDownDistance: "dropDownDistance", dropDownSkidding: "dropDownSkidding", dropDownStaysOpen: "dropDownStaysOpen", maxDropDownHeight: "maxDropDownHeight", isDropDownOpen: "isDropDownOpen", label: "label", isClearable: "isClearable", disabled: "disabled", invalid: "invalid", value: "value", selectedItem: "selectedItem", dir: "dir", lang: "lang" }, outputs: { cleared: "cleared", selectionChanged: "selectionChanged", itemsChanged: "itemsChanged", connected: "connected", disconnected: "disconnected", changed: "changed" }, providers: [
|
|
41660
41616
|
{
|
|
41661
41617
|
provide: NG_VALUE_ACCESSOR,
|
|
41662
41618
|
useExisting: forwardRef(() => SelectComponent),
|
|
@@ -41671,7 +41627,7 @@ let SelectComponent = class SelectComponent {
|
|
|
41671
41627
|
SelectComponent = __decorate$K([
|
|
41672
41628
|
ProxyCmp({
|
|
41673
41629
|
defineCustomElementFn: () => customElements.define('mosaik-select', SelectElement),
|
|
41674
|
-
inputs: ['intl', 'isEditable', 'isReadOnly', 'placeholder', 'required', 'textAlign', 'themeName', 'appearance', 'variant', 'dropDownPlacement', 'dropDownStrategy', 'dropDownDistance', 'dropDownSkidding', 'dropDownStaysOpen', 'maxDropDownHeight', 'isDropDownOpen', 'label', 'isClearable', '
|
|
41630
|
+
inputs: ['intl', 'isEditable', 'isReadOnly', 'placeholder', 'required', 'textAlign', 'themeName', 'appearance', 'variant', 'dropDownPlacement', 'dropDownStrategy', 'dropDownDistance', 'dropDownSkidding', 'dropDownStaysOpen', 'maxDropDownHeight', 'isDropDownOpen', 'label', 'isClearable', 'disabled', 'invalid', 'value', 'selectedItem', 'dir', 'lang'],
|
|
41675
41631
|
methods: ['reset', 'checkValidity', 'clear', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'open', 'close', 'toggle', 'select', 'unselect', 'resetSelection', 'selectNext', 'selectPrevious', 'selectFirst', 'selectLast', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
|
|
41676
41632
|
}),
|
|
41677
41633
|
__metadata$K("design:paramtypes", [])
|
|
@@ -41683,8 +41639,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
41683
41639
|
standalone: true,
|
|
41684
41640
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
41685
41641
|
template: '<ng-content></ng-content>',
|
|
41686
|
-
inputs: ['intl', 'isEditable', 'isReadOnly', 'placeholder', 'required', 'textAlign', 'themeName', 'appearance', 'variant', 'dropDownPlacement', 'dropDownStrategy', 'dropDownDistance', 'dropDownSkidding', 'dropDownStaysOpen', 'maxDropDownHeight', 'isDropDownOpen', 'label', 'isClearable', '
|
|
41687
|
-
outputs: ['selectionChanged', 'itemsChanged', 'connected', 'disconnected', 'changed'],
|
|
41642
|
+
inputs: ['intl', 'isEditable', 'isReadOnly', 'placeholder', 'required', 'textAlign', 'themeName', 'appearance', 'variant', 'dropDownPlacement', 'dropDownStrategy', 'dropDownDistance', 'dropDownSkidding', 'dropDownStaysOpen', 'maxDropDownHeight', 'isDropDownOpen', 'label', 'isClearable', 'disabled', 'invalid', 'value', 'selectedItem', 'dir', 'lang'],
|
|
41643
|
+
outputs: ['cleared', 'selectionChanged', 'itemsChanged', 'connected', 'disconnected', 'changed'],
|
|
41688
41644
|
hostDirectives: [FormStatusDirective],
|
|
41689
41645
|
providers: [
|
|
41690
41646
|
{
|
|
@@ -41734,8 +41690,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
41734
41690
|
type: Input
|
|
41735
41691
|
}], isClearable: [{
|
|
41736
41692
|
type: Input
|
|
41737
|
-
}], cleared: [{
|
|
41738
|
-
type: Input
|
|
41739
41693
|
}], disabled: [{
|
|
41740
41694
|
type: Input
|
|
41741
41695
|
}], invalid: [{
|
|
@@ -41748,6 +41702,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
41748
41702
|
type: Input
|
|
41749
41703
|
}], lang: [{
|
|
41750
41704
|
type: Input
|
|
41705
|
+
}], cleared: [{
|
|
41706
|
+
type: Output
|
|
41751
41707
|
}], selectionChanged: [{
|
|
41752
41708
|
type: Output
|
|
41753
41709
|
}], itemsChanged: [{
|
|
@@ -41798,6 +41754,7 @@ let SignaturePadComponent = class SignaturePadComponent {
|
|
|
41798
41754
|
_element;
|
|
41799
41755
|
_zone;
|
|
41800
41756
|
_accessor;
|
|
41757
|
+
_cleared;
|
|
41801
41758
|
_signStarted;
|
|
41802
41759
|
_signEnded;
|
|
41803
41760
|
_signStrokeBeforeUpdated;
|
|
@@ -41811,6 +41768,8 @@ let SignaturePadComponent = class SignaturePadComponent {
|
|
|
41811
41768
|
this._zone = inject(NgZone);
|
|
41812
41769
|
this._accessor = signaturePadElementValueAccessor(this._element);
|
|
41813
41770
|
this._element.addController(this._accessor);
|
|
41771
|
+
this._cleared = new EventEmitter();
|
|
41772
|
+
this._element.on('cleared', (e) => this.onEmit(this._cleared, e));
|
|
41814
41773
|
this._signStarted = new EventEmitter();
|
|
41815
41774
|
this._element.on('signStarted', (e) => this.onEmit(this._signStarted, e));
|
|
41816
41775
|
this._signEnded = new EventEmitter();
|
|
@@ -41977,16 +41936,6 @@ let SignaturePadComponent = class SignaturePadComponent {
|
|
|
41977
41936
|
this._element.isClearable = value;
|
|
41978
41937
|
});
|
|
41979
41938
|
}
|
|
41980
|
-
get cleared() {
|
|
41981
|
-
// @ts-ignore - temporary fix for the type error
|
|
41982
|
-
return this._element.cleared;
|
|
41983
|
-
}
|
|
41984
|
-
set cleared(value) {
|
|
41985
|
-
this._zone.runOutsideAngular(() => {
|
|
41986
|
-
// @ts-ignore - temporary fix for the type error
|
|
41987
|
-
this._element.cleared = value;
|
|
41988
|
-
});
|
|
41989
|
-
}
|
|
41990
41939
|
get disabled() {
|
|
41991
41940
|
// @ts-ignore - temporary fix for the type error
|
|
41992
41941
|
return this._element.disabled;
|
|
@@ -42077,6 +42026,9 @@ let SignaturePadComponent = class SignaturePadComponent {
|
|
|
42077
42026
|
this._element.lang = value;
|
|
42078
42027
|
});
|
|
42079
42028
|
}
|
|
42029
|
+
get cleared() {
|
|
42030
|
+
return this._cleared;
|
|
42031
|
+
}
|
|
42080
42032
|
get signStarted() {
|
|
42081
42033
|
return this._signStarted;
|
|
42082
42034
|
}
|
|
@@ -42122,7 +42074,7 @@ let SignaturePadComponent = class SignaturePadComponent {
|
|
|
42122
42074
|
}
|
|
42123
42075
|
}
|
|
42124
42076
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: SignaturePadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
42125
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.4", type: SignaturePadComponent, isStandalone: true, selector: "mosaik-signaturepad", inputs: { isEmpty: "isEmpty", width: "width", height: "height", placeholder: "placeholder", minDistance: "minDistance", throttle: "throttle", dotSize: "dotSize", minWidth: "minWidth", maxWidth: "maxWidth", velocityFilterWeight: "velocityFilterWeight", backgroundColor: "backgroundColor", penColor: "penColor", required: "required", themeName: "themeName", isClearable: "isClearable",
|
|
42077
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.4", type: SignaturePadComponent, isStandalone: true, selector: "mosaik-signaturepad", inputs: { isEmpty: "isEmpty", width: "width", height: "height", placeholder: "placeholder", minDistance: "minDistance", throttle: "throttle", dotSize: "dotSize", minWidth: "minWidth", maxWidth: "maxWidth", velocityFilterWeight: "velocityFilterWeight", backgroundColor: "backgroundColor", penColor: "penColor", required: "required", themeName: "themeName", isClearable: "isClearable", disabled: "disabled", isFocused: "isFocused", variant: "variant", invalid: "invalid", value: "value", label: "label", appearance: "appearance", dir: "dir", lang: "lang" }, outputs: { cleared: "cleared", signStarted: "signStarted", signEnded: "signEnded", signStrokeBeforeUpdated: "signStrokeBeforeUpdated", signStrokeAfterUpdated: "signStrokeAfterUpdated", connected: "connected", disconnected: "disconnected", changed: "changed" }, providers: [
|
|
42126
42078
|
{
|
|
42127
42079
|
provide: NG_VALUE_ACCESSOR,
|
|
42128
42080
|
useExisting: forwardRef(() => SignaturePadComponent),
|
|
@@ -42137,7 +42089,7 @@ let SignaturePadComponent = class SignaturePadComponent {
|
|
|
42137
42089
|
SignaturePadComponent = __decorate$J([
|
|
42138
42090
|
ProxyCmp({
|
|
42139
42091
|
defineCustomElementFn: () => customElements.define('mosaik-signaturepad', SignaturePadElement),
|
|
42140
|
-
inputs: ['isEmpty', 'width', 'height', 'placeholder', 'minDistance', 'throttle', 'dotSize', 'minWidth', 'maxWidth', 'velocityFilterWeight', 'backgroundColor', 'penColor', 'required', 'themeName', 'isClearable', '
|
|
42092
|
+
inputs: ['isEmpty', 'width', 'height', 'placeholder', 'minDistance', 'throttle', 'dotSize', 'minWidth', 'maxWidth', 'velocityFilterWeight', 'backgroundColor', 'penColor', 'required', 'themeName', 'isClearable', 'disabled', 'isFocused', 'variant', 'invalid', 'value', 'label', 'appearance', 'dir', 'lang'],
|
|
42141
42093
|
methods: ['checkValidity', 'reset', 'toData', 'toDataURL', 'toBlob', 'fromData', 'fromDataURL', 'clear', 'hasVisibleFocusInTree', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
|
|
42142
42094
|
}),
|
|
42143
42095
|
__metadata$J("design:paramtypes", [])
|
|
@@ -42149,8 +42101,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
42149
42101
|
standalone: true,
|
|
42150
42102
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
42151
42103
|
template: '<ng-content></ng-content>',
|
|
42152
|
-
inputs: ['isEmpty', 'width', 'height', 'placeholder', 'minDistance', 'throttle', 'dotSize', 'minWidth', 'maxWidth', 'velocityFilterWeight', 'backgroundColor', 'penColor', 'required', 'themeName', 'isClearable', '
|
|
42153
|
-
outputs: ['signStarted', 'signEnded', 'signStrokeBeforeUpdated', 'signStrokeAfterUpdated', 'connected', 'disconnected', 'changed'],
|
|
42104
|
+
inputs: ['isEmpty', 'width', 'height', 'placeholder', 'minDistance', 'throttle', 'dotSize', 'minWidth', 'maxWidth', 'velocityFilterWeight', 'backgroundColor', 'penColor', 'required', 'themeName', 'isClearable', 'disabled', 'isFocused', 'variant', 'invalid', 'value', 'label', 'appearance', 'dir', 'lang'],
|
|
42105
|
+
outputs: ['cleared', 'signStarted', 'signEnded', 'signStrokeBeforeUpdated', 'signStrokeAfterUpdated', 'connected', 'disconnected', 'changed'],
|
|
42154
42106
|
hostDirectives: [FormStatusDirective],
|
|
42155
42107
|
providers: [
|
|
42156
42108
|
{
|
|
@@ -42194,8 +42146,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
42194
42146
|
type: Input
|
|
42195
42147
|
}], isClearable: [{
|
|
42196
42148
|
type: Input
|
|
42197
|
-
}], cleared: [{
|
|
42198
|
-
type: Input
|
|
42199
42149
|
}], disabled: [{
|
|
42200
42150
|
type: Input
|
|
42201
42151
|
}], isFocused: [{
|
|
@@ -42214,6 +42164,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
42214
42164
|
type: Input
|
|
42215
42165
|
}], lang: [{
|
|
42216
42166
|
type: Input
|
|
42167
|
+
}], cleared: [{
|
|
42168
|
+
type: Output
|
|
42217
42169
|
}], signStarted: [{
|
|
42218
42170
|
type: Output
|
|
42219
42171
|
}], signEnded: [{
|
|
@@ -47857,6 +47809,7 @@ let TextBoxComponent = class TextBoxComponent {
|
|
|
47857
47809
|
_element;
|
|
47858
47810
|
_zone;
|
|
47859
47811
|
_accessor;
|
|
47812
|
+
_cleared;
|
|
47860
47813
|
_connected;
|
|
47861
47814
|
_disconnected;
|
|
47862
47815
|
_changed;
|
|
@@ -47866,6 +47819,8 @@ let TextBoxComponent = class TextBoxComponent {
|
|
|
47866
47819
|
this._zone = inject(NgZone);
|
|
47867
47820
|
this._accessor = textBoxElementValueAccessor(this._element);
|
|
47868
47821
|
this._element.addController(this._accessor);
|
|
47822
|
+
this._cleared = new EventEmitter();
|
|
47823
|
+
this._element.on('cleared', (e) => this.onEmit(this._cleared, e));
|
|
47869
47824
|
this._connected = new EventEmitter();
|
|
47870
47825
|
this._element.on('connected', (e) => this.onEmit(this._connected, e));
|
|
47871
47826
|
this._disconnected = new EventEmitter();
|
|
@@ -48054,16 +48009,6 @@ let TextBoxComponent = class TextBoxComponent {
|
|
|
48054
48009
|
this._element.isClearable = value;
|
|
48055
48010
|
});
|
|
48056
48011
|
}
|
|
48057
|
-
get cleared() {
|
|
48058
|
-
// @ts-ignore - temporary fix for the type error
|
|
48059
|
-
return this._element.cleared;
|
|
48060
|
-
}
|
|
48061
|
-
set cleared(value) {
|
|
48062
|
-
this._zone.runOutsideAngular(() => {
|
|
48063
|
-
// @ts-ignore - temporary fix for the type error
|
|
48064
|
-
this._element.cleared = value;
|
|
48065
|
-
});
|
|
48066
|
-
}
|
|
48067
48012
|
get appearance() {
|
|
48068
48013
|
// @ts-ignore - temporary fix for the type error
|
|
48069
48014
|
return this._element.appearance;
|
|
@@ -48194,6 +48139,9 @@ let TextBoxComponent = class TextBoxComponent {
|
|
|
48194
48139
|
this._element.lang = value;
|
|
48195
48140
|
});
|
|
48196
48141
|
}
|
|
48142
|
+
get cleared() {
|
|
48143
|
+
return this._cleared;
|
|
48144
|
+
}
|
|
48197
48145
|
get connected() {
|
|
48198
48146
|
return this._connected;
|
|
48199
48147
|
}
|
|
@@ -48227,7 +48175,7 @@ let TextBoxComponent = class TextBoxComponent {
|
|
|
48227
48175
|
}
|
|
48228
48176
|
}
|
|
48229
48177
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: TextBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
48230
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.4", type: TextBoxComponent, isStandalone: true, selector: "mosaik-textbox", inputs: { multiline: "multiline", multilineRows: "multilineRows", multilineMaxRows: "multilineMaxRows", readonly: "readonly", required: "required", autofocus: "autofocus", name: "name", type: "type", pattern: "pattern", placeholder: "placeholder", autocomplete: "autocomplete", keyboard: "keyboard", minlength: "minlength", maxlength: "maxlength", resize: "resize", textAlign: "textAlign", themeName: "themeName", isClearable: "isClearable",
|
|
48178
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.4", type: TextBoxComponent, isStandalone: true, selector: "mosaik-textbox", inputs: { multiline: "multiline", multilineRows: "multilineRows", multilineMaxRows: "multilineMaxRows", readonly: "readonly", required: "required", autofocus: "autofocus", name: "name", type: "type", pattern: "pattern", placeholder: "placeholder", autocomplete: "autocomplete", keyboard: "keyboard", minlength: "minlength", maxlength: "maxlength", resize: "resize", textAlign: "textAlign", themeName: "themeName", isClearable: "isClearable", appearance: "appearance", variant: "variant", label: "label", invalid: "invalid", value: "value", isBusy: "isBusy", disabled: "disabled", state: "state", formatter: "formatter", parser: "parser", isFocused: "isFocused", dir: "dir", lang: "lang" }, outputs: { cleared: "cleared", connected: "connected", disconnected: "disconnected", changed: "changed" }, providers: [
|
|
48231
48179
|
{
|
|
48232
48180
|
provide: NG_VALUE_ACCESSOR,
|
|
48233
48181
|
useExisting: forwardRef(() => TextBoxComponent),
|
|
@@ -48242,7 +48190,7 @@ let TextBoxComponent = class TextBoxComponent {
|
|
|
48242
48190
|
TextBoxComponent = __decorate$j([
|
|
48243
48191
|
ProxyCmp({
|
|
48244
48192
|
defineCustomElementFn: () => customElements.define('mosaik-textbox', TextBoxElement),
|
|
48245
|
-
inputs: ['multiline', 'multilineRows', 'multilineMaxRows', 'readonly', 'required', 'autofocus', 'name', 'type', 'pattern', 'placeholder', 'autocomplete', 'keyboard', 'minlength', 'maxlength', 'resize', 'textAlign', 'themeName', 'isClearable', '
|
|
48193
|
+
inputs: ['multiline', 'multilineRows', 'multilineMaxRows', 'readonly', 'required', 'autofocus', 'name', 'type', 'pattern', 'placeholder', 'autocomplete', 'keyboard', 'minlength', 'maxlength', 'resize', 'textAlign', 'themeName', 'isClearable', 'appearance', 'variant', 'label', 'invalid', 'value', 'isBusy', 'disabled', 'state', 'formatter', 'parser', 'isFocused', 'dir', 'lang'],
|
|
48246
48194
|
methods: ['focus', 'blur', 'reset', 'clear', 'checkValidity', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'hasVisibleFocusInTree', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
|
|
48247
48195
|
}),
|
|
48248
48196
|
__metadata$j("design:paramtypes", [])
|
|
@@ -48254,8 +48202,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
48254
48202
|
standalone: true,
|
|
48255
48203
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
48256
48204
|
template: '<ng-content></ng-content>',
|
|
48257
|
-
inputs: ['multiline', 'multilineRows', 'multilineMaxRows', 'readonly', 'required', 'autofocus', 'name', 'type', 'pattern', 'placeholder', 'autocomplete', 'keyboard', 'minlength', 'maxlength', 'resize', 'textAlign', 'themeName', 'isClearable', '
|
|
48258
|
-
outputs: ['connected', 'disconnected', 'changed'],
|
|
48205
|
+
inputs: ['multiline', 'multilineRows', 'multilineMaxRows', 'readonly', 'required', 'autofocus', 'name', 'type', 'pattern', 'placeholder', 'autocomplete', 'keyboard', 'minlength', 'maxlength', 'resize', 'textAlign', 'themeName', 'isClearable', 'appearance', 'variant', 'label', 'invalid', 'value', 'isBusy', 'disabled', 'state', 'formatter', 'parser', 'isFocused', 'dir', 'lang'],
|
|
48206
|
+
outputs: ['cleared', 'connected', 'disconnected', 'changed'],
|
|
48259
48207
|
hostDirectives: [FormStatusDirective],
|
|
48260
48208
|
providers: [
|
|
48261
48209
|
{
|
|
@@ -48305,8 +48253,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
48305
48253
|
type: Input
|
|
48306
48254
|
}], isClearable: [{
|
|
48307
48255
|
type: Input
|
|
48308
|
-
}], cleared: [{
|
|
48309
|
-
type: Input
|
|
48310
48256
|
}], appearance: [{
|
|
48311
48257
|
type: Input
|
|
48312
48258
|
}], variant: [{
|
|
@@ -48333,6 +48279,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
48333
48279
|
type: Input
|
|
48334
48280
|
}], lang: [{
|
|
48335
48281
|
type: Input
|
|
48282
|
+
}], cleared: [{
|
|
48283
|
+
type: Output
|
|
48336
48284
|
}], connected: [{
|
|
48337
48285
|
type: Output
|
|
48338
48286
|
}], disconnected: [{
|
|
@@ -49191,6 +49139,7 @@ let TimeBoxComponent = class TimeBoxComponent {
|
|
|
49191
49139
|
_element;
|
|
49192
49140
|
_zone;
|
|
49193
49141
|
_accessor;
|
|
49142
|
+
_cleared;
|
|
49194
49143
|
_connected;
|
|
49195
49144
|
_disconnected;
|
|
49196
49145
|
_changed;
|
|
@@ -49200,6 +49149,8 @@ let TimeBoxComponent = class TimeBoxComponent {
|
|
|
49200
49149
|
this._zone = inject(NgZone);
|
|
49201
49150
|
this._accessor = timeBoxElementValueAccessor(this._element);
|
|
49202
49151
|
this._element.addController(this._accessor);
|
|
49152
|
+
this._cleared = new EventEmitter();
|
|
49153
|
+
this._element.on('cleared', (e) => this.onEmit(this._cleared, e));
|
|
49203
49154
|
this._connected = new EventEmitter();
|
|
49204
49155
|
this._element.on('connected', (e) => this.onEmit(this._connected, e));
|
|
49205
49156
|
this._disconnected = new EventEmitter();
|
|
@@ -49368,16 +49319,6 @@ let TimeBoxComponent = class TimeBoxComponent {
|
|
|
49368
49319
|
this._element.isClearable = value;
|
|
49369
49320
|
});
|
|
49370
49321
|
}
|
|
49371
|
-
get cleared() {
|
|
49372
|
-
// @ts-ignore - temporary fix for the type error
|
|
49373
|
-
return this._element.cleared;
|
|
49374
|
-
}
|
|
49375
|
-
set cleared(value) {
|
|
49376
|
-
this._zone.runOutsideAngular(() => {
|
|
49377
|
-
// @ts-ignore - temporary fix for the type error
|
|
49378
|
-
this._element.cleared = value;
|
|
49379
|
-
});
|
|
49380
|
-
}
|
|
49381
49322
|
get locale() {
|
|
49382
49323
|
// @ts-ignore - temporary fix for the type error
|
|
49383
49324
|
return this._element.locale;
|
|
@@ -49578,6 +49519,9 @@ let TimeBoxComponent = class TimeBoxComponent {
|
|
|
49578
49519
|
this._element.lang = value;
|
|
49579
49520
|
});
|
|
49580
49521
|
}
|
|
49522
|
+
get cleared() {
|
|
49523
|
+
return this._cleared;
|
|
49524
|
+
}
|
|
49581
49525
|
get connected() {
|
|
49582
49526
|
return this._connected;
|
|
49583
49527
|
}
|
|
@@ -49611,7 +49555,7 @@ let TimeBoxComponent = class TimeBoxComponent {
|
|
|
49611
49555
|
}
|
|
49612
49556
|
}
|
|
49613
49557
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: TimeBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
49614
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.4", type: TimeBoxComponent, isStandalone: true, selector: "mosaik-timebox", inputs: { readonly: "readonly", required: "required", autofocus: "autofocus", name: "name", placeholder: "placeholder", autocomplete: "autocomplete", isEditable: "isEditable", interval: "interval", blackoutTimes: "blackoutTimes", specialTimes: "specialTimes", minTime: "minTime", maxTime: "maxTime", markerHandler: "markerHandler", textAlign: "textAlign", themeName: "themeName", isClearable: "isClearable",
|
|
49558
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.4", type: TimeBoxComponent, isStandalone: true, selector: "mosaik-timebox", inputs: { readonly: "readonly", required: "required", autofocus: "autofocus", name: "name", placeholder: "placeholder", autocomplete: "autocomplete", isEditable: "isEditable", interval: "interval", blackoutTimes: "blackoutTimes", specialTimes: "specialTimes", minTime: "minTime", maxTime: "maxTime", markerHandler: "markerHandler", textAlign: "textAlign", themeName: "themeName", isClearable: "isClearable", locale: "locale", invalid: "invalid", value: "value", variant: "variant", appearance: "appearance", dropDownPlacement: "dropDownPlacement", dropDownStrategy: "dropDownStrategy", dropDownDistance: "dropDownDistance", dropDownSkidding: "dropDownSkidding", dropDownStaysOpen: "dropDownStaysOpen", maxDropDownHeight: "maxDropDownHeight", isDropDownOpen: "isDropDownOpen", label: "label", disabled: "disabled", state: "state", formatter: "formatter", parser: "parser", isFocused: "isFocused", dir: "dir", lang: "lang" }, outputs: { cleared: "cleared", connected: "connected", disconnected: "disconnected", changed: "changed" }, providers: [
|
|
49615
49559
|
{
|
|
49616
49560
|
provide: NG_VALUE_ACCESSOR,
|
|
49617
49561
|
useExisting: forwardRef(() => TimeBoxComponent),
|
|
@@ -49626,7 +49570,7 @@ let TimeBoxComponent = class TimeBoxComponent {
|
|
|
49626
49570
|
TimeBoxComponent = __decorate$e([
|
|
49627
49571
|
ProxyCmp({
|
|
49628
49572
|
defineCustomElementFn: () => customElements.define('mosaik-timebox', TimeBoxElement),
|
|
49629
|
-
inputs: ['readonly', 'required', 'autofocus', 'name', 'placeholder', 'autocomplete', 'isEditable', 'interval', 'blackoutTimes', 'specialTimes', 'minTime', 'maxTime', 'markerHandler', 'textAlign', 'themeName', 'isClearable', '
|
|
49573
|
+
inputs: ['readonly', 'required', 'autofocus', 'name', 'placeholder', 'autocomplete', 'isEditable', 'interval', 'blackoutTimes', 'specialTimes', 'minTime', 'maxTime', 'markerHandler', 'textAlign', 'themeName', 'isClearable', 'locale', 'invalid', 'value', 'variant', 'appearance', 'dropDownPlacement', 'dropDownStrategy', 'dropDownDistance', 'dropDownSkidding', 'dropDownStaysOpen', 'maxDropDownHeight', 'isDropDownOpen', 'label', 'disabled', 'state', 'formatter', 'parser', 'isFocused', 'dir', 'lang'],
|
|
49630
49574
|
methods: ['selectNext', 'selectPrevious', 'focus', 'blur', 'clear', 'reset', 'checkValidity', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'open', 'close', 'toggle', 'hasVisibleFocusInTree', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
|
|
49631
49575
|
}),
|
|
49632
49576
|
__metadata$e("design:paramtypes", [])
|
|
@@ -49638,8 +49582,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
49638
49582
|
standalone: true,
|
|
49639
49583
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
49640
49584
|
template: '<ng-content></ng-content>',
|
|
49641
|
-
inputs: ['readonly', 'required', 'autofocus', 'name', 'placeholder', 'autocomplete', 'isEditable', 'interval', 'blackoutTimes', 'specialTimes', 'minTime', 'maxTime', 'markerHandler', 'textAlign', 'themeName', 'isClearable', '
|
|
49642
|
-
outputs: ['connected', 'disconnected', 'changed'],
|
|
49585
|
+
inputs: ['readonly', 'required', 'autofocus', 'name', 'placeholder', 'autocomplete', 'isEditable', 'interval', 'blackoutTimes', 'specialTimes', 'minTime', 'maxTime', 'markerHandler', 'textAlign', 'themeName', 'isClearable', 'locale', 'invalid', 'value', 'variant', 'appearance', 'dropDownPlacement', 'dropDownStrategy', 'dropDownDistance', 'dropDownSkidding', 'dropDownStaysOpen', 'maxDropDownHeight', 'isDropDownOpen', 'label', 'disabled', 'state', 'formatter', 'parser', 'isFocused', 'dir', 'lang'],
|
|
49586
|
+
outputs: ['cleared', 'connected', 'disconnected', 'changed'],
|
|
49643
49587
|
hostDirectives: [FormStatusDirective],
|
|
49644
49588
|
providers: [
|
|
49645
49589
|
{
|
|
@@ -49685,8 +49629,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
49685
49629
|
type: Input
|
|
49686
49630
|
}], isClearable: [{
|
|
49687
49631
|
type: Input
|
|
49688
|
-
}], cleared: [{
|
|
49689
|
-
type: Input
|
|
49690
49632
|
}], locale: [{
|
|
49691
49633
|
type: Input
|
|
49692
49634
|
}], invalid: [{
|
|
@@ -49727,6 +49669,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
49727
49669
|
type: Input
|
|
49728
49670
|
}], lang: [{
|
|
49729
49671
|
type: Input
|
|
49672
|
+
}], cleared: [{
|
|
49673
|
+
type: Output
|
|
49730
49674
|
}], connected: [{
|
|
49731
49675
|
type: Output
|
|
49732
49676
|
}], disconnected: [{
|