@open-rlb/ng-bootstrap 3.1.2 → 3.1.4
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.
|
@@ -5993,14 +5993,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
|
|
|
5993
5993
|
|
|
5994
5994
|
class OptionComponent {
|
|
5995
5995
|
constructor() {
|
|
5996
|
-
this.value = input
|
|
5996
|
+
this.value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
|
|
5997
5997
|
this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
|
|
5998
5998
|
// 'template' is used by SelectComponent (contains <option> tag)
|
|
5999
5999
|
this.template = viewChild.required('element');
|
|
6000
6000
|
this.contentTemplate = viewChild.required('content');
|
|
6001
6001
|
}
|
|
6002
6002
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: OptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6003
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.5", type: OptionComponent, isStandalone: false, selector: "rlb-option", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired:
|
|
6003
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.5", type: OptionComponent, isStandalone: false, selector: "rlb-option", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "template", first: true, predicate: ["element"], descendants: true, isSignal: true }, { propertyName: "contentTemplate", first: true, predicate: ["content"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
6004
6004
|
<ng-template #content>
|
|
6005
6005
|
<ng-content></ng-content>
|
|
6006
6006
|
</ng-template>
|
|
@@ -6037,7 +6037,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
|
|
|
6037
6037
|
`,
|
|
6038
6038
|
standalone: false,
|
|
6039
6039
|
}]
|
|
6040
|
-
}], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required:
|
|
6040
|
+
}], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], template: [{ type: i0.ViewChild, args: ['element', { isSignal: true }] }], contentTemplate: [{ type: i0.ViewChild, args: ['content', { isSignal: true }] }] } });
|
|
6041
6041
|
|
|
6042
6042
|
const RLB_TRANSLATION_SERVICE = new InjectionToken('RLB_TRANSLATION_SERVICE_TOKEN');
|
|
6043
6043
|
|
|
@@ -6099,18 +6099,13 @@ class SelectComponent extends AbstractComponent {
|
|
|
6099
6099
|
this.control = control;
|
|
6100
6100
|
this.placeholder = input(undefined, { ...(ngDevMode ? { debugName: "placeholder" } : {}), alias: 'placeholder' });
|
|
6101
6101
|
this.size = input(undefined, { ...(ngDevMode ? { debugName: "size" } : {}), alias: 'size' });
|
|
6102
|
-
|
|
6103
|
-
|
|
6104
|
-
alias: 'disabled',
|
|
6105
|
-
transform: booleanAttribute,
|
|
6106
|
-
});
|
|
6102
|
+
this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), alias: 'disabled',
|
|
6103
|
+
transform: booleanAttribute });
|
|
6107
6104
|
this.readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : {}), alias: 'readonly', transform: booleanAttribute });
|
|
6108
6105
|
this.multiple = input(false, { ...(ngDevMode ? { debugName: "multiple" } : {}), alias: 'multiple', transform: booleanAttribute });
|
|
6109
6106
|
this.display = input(undefined, { ...(ngDevMode ? { debugName: "display" } : {}), alias: 'display', transform: numberAttribute });
|
|
6110
|
-
this.userDefinedId = input('', {
|
|
6111
|
-
|
|
6112
|
-
transform: (v) => v || '',
|
|
6113
|
-
}); // Abstract expects InputSignal<string> strictly, but inference might vary
|
|
6107
|
+
this.userDefinedId = input('', { ...(ngDevMode ? { debugName: "userDefinedId" } : {}), alias: 'id',
|
|
6108
|
+
transform: (v) => v || '' });
|
|
6114
6109
|
this.enableValidation = input(false, { ...(ngDevMode ? { debugName: "enableValidation" } : {}), transform: booleanAttribute, alias: 'enable-validation' });
|
|
6115
6110
|
this.el = viewChild.required('select');
|
|
6116
6111
|
this._projectedDisplayOptions = viewChild('projectedDisplayOptions', { ...(ngDevMode ? { debugName: "_projectedDisplayOptions" } : {}), read: ViewContainerRef });
|
|
@@ -6464,9 +6459,7 @@ class AbstractAutocompleteComponent extends AbstractComponent {
|
|
|
6464
6459
|
this.suggestionsList = [];
|
|
6465
6460
|
this.activeIndex = signal(-1, ...(ngDevMode ? [{ debugName: "activeIndex" }] : []));
|
|
6466
6461
|
// COMMON INPUT/OUTPUT
|
|
6467
|
-
this.disabled = input(false, {
|
|
6468
|
-
transform: booleanAttribute,
|
|
6469
|
-
});
|
|
6462
|
+
this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
|
|
6470
6463
|
this.isDisabled = computed(() => this.disabled() || this.cvaDisabled(), ...(ngDevMode ? [{ debugName: "isDisabled" }] : []));
|
|
6471
6464
|
this.readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : {}), transform: booleanAttribute });
|
|
6472
6465
|
this.loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : {}), transform: booleanAttribute });
|
|
@@ -6517,9 +6510,7 @@ class AbstractAutocompleteComponent extends AbstractComponent {
|
|
|
6517
6510
|
update(ev) {
|
|
6518
6511
|
const t = ev;
|
|
6519
6512
|
const inputValue = t?.value || '';
|
|
6520
|
-
const valueToPropagate = inputValue === ''
|
|
6521
|
-
? { text: '', value: '' }
|
|
6522
|
-
: { text: inputValue, value: inputValue };
|
|
6513
|
+
const valueToPropagate = inputValue === '' ? { text: '', value: '' } : { text: inputValue, value: inputValue };
|
|
6523
6514
|
this.setValue(valueToPropagate);
|
|
6524
6515
|
if (this.control && this.control.control) {
|
|
6525
6516
|
this.control.control.markAsDirty();
|
|
@@ -6581,8 +6572,7 @@ class AbstractAutocompleteComponent extends AbstractComponent {
|
|
|
6581
6572
|
this.setActiveItem(newIndex);
|
|
6582
6573
|
}
|
|
6583
6574
|
setActiveItem(index) {
|
|
6584
|
-
if (this.activeIndex() !== -1 &&
|
|
6585
|
-
this.dropdown.nativeElement.children[this.activeIndex()]) {
|
|
6575
|
+
if (this.activeIndex() !== -1 && this.dropdown.nativeElement.children[this.activeIndex()]) {
|
|
6586
6576
|
const oldItem = this.dropdown.nativeElement.children[this.activeIndex()];
|
|
6587
6577
|
this.renderer.removeClass(oldItem, 'active');
|
|
6588
6578
|
}
|
|
@@ -6644,7 +6634,7 @@ class AbstractAutocompleteComponent extends AbstractComponent {
|
|
|
6644
6634
|
if (!dropdown)
|
|
6645
6635
|
return;
|
|
6646
6636
|
this.clearDropdown();
|
|
6647
|
-
this.suggestionsList = suggestions.map(
|
|
6637
|
+
this.suggestionsList = suggestions.map(s => typeof s === 'string' ? { text: s, value: s } : s);
|
|
6648
6638
|
if (this.suggestionsList.length === 0) {
|
|
6649
6639
|
const el = this.renderer.createElement('a');
|
|
6650
6640
|
this.renderer.addClass(el, 'dropdown-item');
|
|
@@ -6657,7 +6647,7 @@ class AbstractAutocompleteComponent extends AbstractComponent {
|
|
|
6657
6647
|
const el = this.renderer.createElement('a');
|
|
6658
6648
|
this.renderer.addClass(el, 'dropdown-item');
|
|
6659
6649
|
this.renderer.appendChild(el, this.renderer.createText(item.text));
|
|
6660
|
-
this.renderer.listen(el, 'click',
|
|
6650
|
+
this.renderer.listen(el, 'click', ev => {
|
|
6661
6651
|
this.activeIndex.set(i);
|
|
6662
6652
|
this.selectActiveItem();
|
|
6663
6653
|
ev.stopPropagation();
|
|
@@ -8831,7 +8821,7 @@ class CheckboxComponent extends AbstractComponent {
|
|
|
8831
8821
|
constructor(idService, control) {
|
|
8832
8822
|
super(idService, control);
|
|
8833
8823
|
this.control = control;
|
|
8834
|
-
this.disabled = input(false, { transform: booleanAttribute });
|
|
8824
|
+
this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
|
|
8835
8825
|
this.readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : {}), transform: booleanAttribute });
|
|
8836
8826
|
this.indeterminate = input(false, { ...(ngDevMode ? { debugName: "indeterminate" } : {}), transform: booleanAttribute });
|
|
8837
8827
|
this.userDefinedId = input('', { ...(ngDevMode ? { debugName: "userDefinedId" } : {}), alias: 'id' });
|
|
@@ -8899,7 +8889,8 @@ class CheckboxComponent extends AbstractComponent {
|
|
|
8899
8889
|
</div>
|
|
8900
8890
|
}
|
|
8901
8891
|
<ng-content select="[after]"></ng-content>
|
|
8902
|
-
</div
|
|
8892
|
+
</div>
|
|
8893
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i3.JsonPipe, name: "json" }] }); }
|
|
8903
8894
|
}
|
|
8904
8895
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: CheckboxComponent, decorators: [{
|
|
8905
8896
|
type: Component,
|
|
@@ -8926,8 +8917,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
|
|
|
8926
8917
|
</div>
|
|
8927
8918
|
}
|
|
8928
8919
|
<ng-content select="[after]"></ng-content>
|
|
8929
|
-
</div
|
|
8930
|
-
|
|
8920
|
+
</div>
|
|
8921
|
+
`,
|
|
8922
|
+
standalone: false,
|
|
8931
8923
|
}]
|
|
8932
8924
|
}], ctorParameters: () => [{ type: UniqueIdService }, { type: i2$2.NgControl, decorators: [{
|
|
8933
8925
|
type: Self
|
|
@@ -9023,7 +9015,7 @@ class DatalistComponent extends AbstractComponent {
|
|
|
9023
9015
|
constructor(idService, control) {
|
|
9024
9016
|
super(idService, control);
|
|
9025
9017
|
this.control = control;
|
|
9026
|
-
this.disabled = input(false, { transform: booleanAttribute });
|
|
9018
|
+
this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
|
|
9027
9019
|
this.readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : {}), transform: booleanAttribute });
|
|
9028
9020
|
this.placeholder = input(undefined, ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
|
|
9029
9021
|
this.size = input(undefined, ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
@@ -9065,10 +9057,11 @@ class DatalistComponent extends AbstractComponent {
|
|
|
9065
9057
|
<ng-content></ng-content>
|
|
9066
9058
|
</datalist>
|
|
9067
9059
|
@if (errors() && showError()) {
|
|
9068
|
-
<rlb-input-validation [errors]="errors()"/>
|
|
9060
|
+
<rlb-input-validation [errors]="errors()" />
|
|
9069
9061
|
}
|
|
9070
9062
|
</div>
|
|
9071
|
-
<ng-content select="[after]"></ng-content
|
|
9063
|
+
<ng-content select="[after]"></ng-content>
|
|
9064
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: InputValidationComponent, selector: "rlb-input-validation", inputs: ["errors"], outputs: ["errorsChange"] }] }); }
|
|
9072
9065
|
}
|
|
9073
9066
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DatalistComponent, decorators: [{
|
|
9074
9067
|
type: Component,
|
|
@@ -9096,11 +9089,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
|
|
|
9096
9089
|
<ng-content></ng-content>
|
|
9097
9090
|
</datalist>
|
|
9098
9091
|
@if (errors() && showError()) {
|
|
9099
|
-
<rlb-input-validation [errors]="errors()"/>
|
|
9092
|
+
<rlb-input-validation [errors]="errors()" />
|
|
9100
9093
|
}
|
|
9101
9094
|
</div>
|
|
9102
|
-
<ng-content select="[after]"></ng-content
|
|
9103
|
-
|
|
9095
|
+
<ng-content select="[after]"></ng-content>
|
|
9096
|
+
`,
|
|
9097
|
+
standalone: false,
|
|
9104
9098
|
}]
|
|
9105
9099
|
}], ctorParameters: () => [{ type: UniqueIdService }, { type: i2$2.NgControl, decorators: [{
|
|
9106
9100
|
type: Self
|
|
@@ -9274,7 +9268,7 @@ class FileComponent extends AbstractComponent {
|
|
|
9274
9268
|
constructor(idService, control) {
|
|
9275
9269
|
super(idService, control);
|
|
9276
9270
|
this.control = control;
|
|
9277
|
-
this.disabled = input(false, { transform: booleanAttribute });
|
|
9271
|
+
this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
|
|
9278
9272
|
this.readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : {}), transform: booleanAttribute });
|
|
9279
9273
|
this.multiple = input(false, { ...(ngDevMode ? { debugName: "multiple" } : {}), transform: booleanAttribute });
|
|
9280
9274
|
this.size = input(undefined, ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
@@ -9321,7 +9315,8 @@ class FileComponent extends AbstractComponent {
|
|
|
9321
9315
|
{{ errors | json }}
|
|
9322
9316
|
</div>
|
|
9323
9317
|
</div>
|
|
9324
|
-
<ng-content select="[after]"></ng-content
|
|
9318
|
+
<ng-content select="[after]"></ng-content>
|
|
9319
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i3.JsonPipe, name: "json" }] }); }
|
|
9325
9320
|
}
|
|
9326
9321
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: FileComponent, decorators: [{
|
|
9327
9322
|
type: Component,
|
|
@@ -9352,8 +9347,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
|
|
|
9352
9347
|
{{ errors | json }}
|
|
9353
9348
|
</div>
|
|
9354
9349
|
</div>
|
|
9355
|
-
<ng-content select="[after]"></ng-content
|
|
9356
|
-
|
|
9350
|
+
<ng-content select="[after]"></ng-content>
|
|
9351
|
+
`,
|
|
9352
|
+
standalone: false,
|
|
9357
9353
|
}]
|
|
9358
9354
|
}], ctorParameters: () => [{ type: UniqueIdService }, { type: i2$2.NgControl, decorators: [{
|
|
9359
9355
|
type: Self
|
|
@@ -9699,7 +9695,7 @@ class RadioComponent extends AbstractComponent {
|
|
|
9699
9695
|
constructor(idService, control) {
|
|
9700
9696
|
super(idService, control);
|
|
9701
9697
|
this.control = control;
|
|
9702
|
-
this.disabled = input(false, { transform: booleanAttribute });
|
|
9698
|
+
this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
|
|
9703
9699
|
this.readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : {}), transform: booleanAttribute });
|
|
9704
9700
|
this.userDefinedId = input('', { ...(ngDevMode ? { debugName: "userDefinedId" } : {}), alias: 'id', transform: (v) => v || '' });
|
|
9705
9701
|
this.options = contentChildren(OptionComponent, ...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
@@ -9821,7 +9817,7 @@ class RangeComponent extends AbstractComponent {
|
|
|
9821
9817
|
constructor(idService, control) {
|
|
9822
9818
|
super(idService, control);
|
|
9823
9819
|
this.control = control;
|
|
9824
|
-
this.disabled = input(false, { transform: booleanAttribute });
|
|
9820
|
+
this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
|
|
9825
9821
|
this.readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : {}), transform: booleanAttribute });
|
|
9826
9822
|
this.min = input(undefined, { ...(ngDevMode ? { debugName: "min" } : {}), transform: numberAttribute });
|
|
9827
9823
|
this.max = input(undefined, { ...(ngDevMode ? { debugName: "max" } : {}), transform: numberAttribute });
|
|
@@ -9864,7 +9860,8 @@ class RangeComponent extends AbstractComponent {
|
|
|
9864
9860
|
{{ errors() | json }}
|
|
9865
9861
|
</div>
|
|
9866
9862
|
</div>
|
|
9867
|
-
<ng-content select="[after]"></ng-content
|
|
9863
|
+
<ng-content select="[after]"></ng-content>
|
|
9864
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i3.JsonPipe, name: "json" }] }); }
|
|
9868
9865
|
}
|
|
9869
9866
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: RangeComponent, decorators: [{
|
|
9870
9867
|
type: Component,
|
|
@@ -9894,8 +9891,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
|
|
|
9894
9891
|
{{ errors() | json }}
|
|
9895
9892
|
</div>
|
|
9896
9893
|
</div>
|
|
9897
|
-
<ng-content select="[after]"></ng-content
|
|
9898
|
-
|
|
9894
|
+
<ng-content select="[after]"></ng-content>
|
|
9895
|
+
`,
|
|
9896
|
+
standalone: false,
|
|
9899
9897
|
}]
|
|
9900
9898
|
}], ctorParameters: () => [{ type: UniqueIdService }, { type: i2$2.NgControl, decorators: [{
|
|
9901
9899
|
type: Self
|
|
@@ -10010,7 +10008,7 @@ class TextAreaComponent extends AbstractComponent {
|
|
|
10010
10008
|
constructor(idService, control) {
|
|
10011
10009
|
super(idService, control);
|
|
10012
10010
|
this.control = control;
|
|
10013
|
-
this.disabled = input(false, { transform: booleanAttribute });
|
|
10011
|
+
this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
|
|
10014
10012
|
this.readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : {}), transform: booleanAttribute });
|
|
10015
10013
|
this.placeholder = input(undefined, ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
|
|
10016
10014
|
this.size = input(undefined, ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
@@ -10051,10 +10049,11 @@ class TextAreaComponent extends AbstractComponent {
|
|
|
10051
10049
|
(input)="update($event.target)"
|
|
10052
10050
|
></textarea>
|
|
10053
10051
|
@if (errors() && showError()) {
|
|
10054
|
-
<rlb-input-validation [errors]="errors()"/>
|
|
10052
|
+
<rlb-input-validation [errors]="errors()" />
|
|
10055
10053
|
}
|
|
10056
10054
|
</div>
|
|
10057
|
-
<ng-content select="[after]"></ng-content
|
|
10055
|
+
<ng-content select="[after]"></ng-content>
|
|
10056
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: InputValidationComponent, selector: "rlb-input-validation", inputs: ["errors"], outputs: ["errorsChange"] }] }); }
|
|
10058
10057
|
}
|
|
10059
10058
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: TextAreaComponent, decorators: [{
|
|
10060
10059
|
type: Component,
|
|
@@ -10079,11 +10078,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
|
|
|
10079
10078
|
(input)="update($event.target)"
|
|
10080
10079
|
></textarea>
|
|
10081
10080
|
@if (errors() && showError()) {
|
|
10082
|
-
<rlb-input-validation [errors]="errors()"/>
|
|
10081
|
+
<rlb-input-validation [errors]="errors()" />
|
|
10083
10082
|
}
|
|
10084
10083
|
</div>
|
|
10085
|
-
<ng-content select="[after]"></ng-content
|
|
10086
|
-
|
|
10084
|
+
<ng-content select="[after]"></ng-content>
|
|
10085
|
+
`,
|
|
10086
|
+
standalone: false,
|
|
10087
10087
|
}]
|
|
10088
10088
|
}], ctorParameters: () => [{ type: UniqueIdService }, { type: i2$2.NgControl, decorators: [{
|
|
10089
10089
|
type: Self
|