oasys-lib 1.83.0-rc.0 → 1.83.0-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/form/errors/form-errors.component.mjs +14 -3
- package/fesm2022/oasys-lib.mjs +13 -2
- package/fesm2022/oasys-lib.mjs.map +1 -1
- package/lib/components/form/errors/form-errors.component.d.ts +3 -0
- package/lib/components/form/errors/form-errors.component.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/assets/bloomandwild/variables.css +1 -1
- package/src/assets/bloomon/variables.css +1 -1
- package/src/assets/global/scss-breakpoints.scss +1 -1
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { Component, computed, input } from '@angular/core';
|
|
1
|
+
import { Component, computed, effect, inject, input, NgZone } from '@angular/core';
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { LiveAnnouncer } from '@angular/cdk/a11y';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
export class FormErrorsComponent {
|
|
5
6
|
constructor() {
|
|
@@ -15,6 +16,16 @@ export class FormErrorsComponent {
|
|
|
15
16
|
const firstErrorKey = errorKeys.length ? errorKeys[0] : undefined;
|
|
16
17
|
return firstErrorKey ? messages[firstErrorKey] : undefined;
|
|
17
18
|
});
|
|
19
|
+
this.liveAnnouncer = inject(LiveAnnouncer);
|
|
20
|
+
this.ngZone = inject(NgZone);
|
|
21
|
+
effect(() => {
|
|
22
|
+
const message = this.errorMessage();
|
|
23
|
+
if (message) {
|
|
24
|
+
this.ngZone.runOutsideAngular(async () => {
|
|
25
|
+
await this.liveAnnouncer.announce(message, 'assertive');
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
});
|
|
18
29
|
}
|
|
19
30
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormErrorsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
20
31
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: FormErrorsComponent, isStandalone: true, selector: "ui-form-errors", inputs: { errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, error_messages: { classPropertyName: "error_messages", publicName: "error_messages", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (errorMessage()) {\n <ui-box\n box_background=\"none\"\n box_space=\"none\"\n box_space_left=\"near\"\n box_space_right=\"near\"\n box_space_bottom=\"near\"\n >\n <p class=\"text-color--error\">{{ errorMessage() }}</p>\n </ui-box>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
@@ -22,5 +33,5 @@ export class FormErrorsComponent {
|
|
|
22
33
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormErrorsComponent, decorators: [{
|
|
23
34
|
type: Component,
|
|
24
35
|
args: [{ selector: 'ui-form-errors', standalone: true, imports: [CommonModule], template: "@if (errorMessage()) {\n <ui-box\n box_background=\"none\"\n box_space=\"none\"\n box_space_left=\"near\"\n box_space_right=\"near\"\n box_space_bottom=\"near\"\n >\n <p class=\"text-color--error\">{{ errorMessage() }}</p>\n </ui-box>\n}\n" }]
|
|
25
|
-
}] });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
}], ctorParameters: () => [] });
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1lcnJvcnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb2FzeXMtbGliL3NyYy9saWIvY29tcG9uZW50cy9mb3JtL2Vycm9ycy9mb3JtLWVycm9ycy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0vZXJyb3JzL2Zvcm0tZXJyb3JzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsUUFBUSxFQUNSLE1BQU0sRUFDTixNQUFNLEVBQ04sS0FBSyxFQUNMLE1BQU0sRUFDUCxNQUFNLGVBQWUsQ0FBQztBQUd2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1CQUFtQixDQUFDOztBQVFsRCxNQUFNLE9BQU8sbUJBQW1CO0lBbUI5QjtRQWxCUyxXQUFNLEdBQUcsS0FBSyxDQUFzQyxJQUFJLENBQUMsQ0FBQztRQUMxRCxtQkFBYyxHQUFHLEtBQUssQ0FBbUMsRUFBRSxDQUFDLENBQUM7UUFFN0QsaUJBQVksR0FBRyxRQUFRLENBQUMsR0FBVyxFQUFFO1lBQzVDLE1BQU0sYUFBYSxHQUFHLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUNwQyxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsY0FBYyxFQUFFLElBQUksRUFBRSxDQUFDO1lBRTdDLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztnQkFDbkIsT0FBTyxTQUFTLENBQUM7WUFDbkIsQ0FBQztZQUNELE1BQU0sU0FBUyxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7WUFDN0MsTUFBTSxhQUFhLEdBQUcsU0FBUyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7WUFDbEUsT0FBTyxhQUFhLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO1FBQzdELENBQUMsQ0FBQyxDQUFDO1FBRUssa0JBQWEsR0FBRyxNQUFNLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDdEMsV0FBTSxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUc5QixNQUFNLENBQUMsR0FBRyxFQUFFO1lBQ1YsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1lBQ3BDLElBQUksT0FBTyxFQUFFLENBQUM7Z0JBQ1osSUFBSSxDQUFDLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLElBQUksRUFBRTtvQkFDdkMsTUFBTSxJQUFJLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxPQUFPLEVBQUUsV0FBVyxDQUFDLENBQUM7Z0JBQzFELENBQUMsQ0FBQyxDQUFDO1lBQ0wsQ0FBQztRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzsrR0E1QlUsbUJBQW1CO21HQUFuQixtQkFBbUIsb1dDbkJoQyxzUUFXQSwyQ0RNWSxZQUFZOzs0RkFFWCxtQkFBbUI7a0JBTi9CLFNBQVM7K0JBQ0UsZ0JBQWdCLGNBRWQsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBjb21wdXRlZCxcbiAgZWZmZWN0LFxuICBpbmplY3QsXG4gIGlucHV0LFxuICBOZ1pvbmVcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBWYWxpZGF0aW9uRXJyb3JUeXBlcyB9IGZyb20gJy4uL2Zvcm1zJztcbmltcG9ydCB7IFZhbGlkYXRpb25FcnJvcnMgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTGl2ZUFubm91bmNlciB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9hMTF5JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndWktZm9ybS1lcnJvcnMnLFxuICB0ZW1wbGF0ZVVybDogJy4vZm9ybS1lcnJvcnMuY29tcG9uZW50Lmh0bWwnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXVxufSlcbmV4cG9ydCBjbGFzcyBGb3JtRXJyb3JzQ29tcG9uZW50IHtcbiAgcmVhZG9ubHkgZXJyb3JzID0gaW5wdXQ8VmFsaWRhdGlvbkVycm9ycyB8IG51bGwgfCB1bmRlZmluZWQ+KG51bGwpO1xuICByZWFkb25seSBlcnJvcl9tZXNzYWdlcyA9IGlucHV0PFZhbGlkYXRpb25FcnJvclR5cGVzIHwgdW5kZWZpbmVkPih7fSk7XG5cbiAgcmVhZG9ubHkgZXJyb3JNZXNzYWdlID0gY29tcHV0ZWQoKCk6IHN0cmluZyA9PiB7XG4gICAgY29uc3QgY3VycmVudEVycm9ycyA9IHRoaXMuZXJyb3JzKCk7XG4gICAgY29uc3QgbWVzc2FnZXMgPSB0aGlzLmVycm9yX21lc3NhZ2VzKCkgfHwge307XG5cbiAgICBpZiAoIWN1cnJlbnRFcnJvcnMpIHtcbiAgICAgIHJldHVybiB1bmRlZmluZWQ7XG4gICAgfVxuICAgIGNvbnN0IGVycm9yS2V5cyA9IE9iamVjdC5rZXlzKGN1cnJlbnRFcnJvcnMpO1xuICAgIGNvbnN0IGZpcnN0RXJyb3JLZXkgPSBlcnJvcktleXMubGVuZ3RoID8gZXJyb3JLZXlzWzBdIDogdW5kZWZpbmVkO1xuICAgIHJldHVybiBmaXJzdEVycm9yS2V5ID8gbWVzc2FnZXNbZmlyc3RFcnJvcktleV0gOiB1bmRlZmluZWQ7XG4gIH0pO1xuXG4gIHByaXZhdGUgbGl2ZUFubm91bmNlciA9IGluamVjdChMaXZlQW5ub3VuY2VyKTtcbiAgcHJpdmF0ZSBuZ1pvbmUgPSBpbmplY3QoTmdab25lKTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBlZmZlY3QoKCkgPT4ge1xuICAgICAgY29uc3QgbWVzc2FnZSA9IHRoaXMuZXJyb3JNZXNzYWdlKCk7XG4gICAgICBpZiAobWVzc2FnZSkge1xuICAgICAgICB0aGlzLm5nWm9uZS5ydW5PdXRzaWRlQW5ndWxhcihhc3luYyAoKSA9PiB7XG4gICAgICAgICAgYXdhaXQgdGhpcy5saXZlQW5ub3VuY2VyLmFubm91bmNlKG1lc3NhZ2UsICdhc3NlcnRpdmUnKTtcbiAgICAgICAgfSk7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cbn1cbiIsIkBpZiAoZXJyb3JNZXNzYWdlKCkpIHtcbiAgPHVpLWJveFxuICAgIGJveF9iYWNrZ3JvdW5kPVwibm9uZVwiXG4gICAgYm94X3NwYWNlPVwibm9uZVwiXG4gICAgYm94X3NwYWNlX2xlZnQ9XCJuZWFyXCJcbiAgICBib3hfc3BhY2VfcmlnaHQ9XCJuZWFyXCJcbiAgICBib3hfc3BhY2VfYm90dG9tPVwibmVhclwiXG4gID5cbiAgICA8cCBjbGFzcz1cInRleHQtY29sb3ItLWVycm9yXCI+e3sgZXJyb3JNZXNzYWdlKCkgfX08L3A+XG4gIDwvdWktYm94PlxufVxuIl19
|
package/fesm2022/oasys-lib.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Directive, Injectable, Inject, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, InjectionToken, HostListener, EventEmitter, Output, ViewChild, ContentChild, NgModule, HostBinding, Optional, inject, ElementRef, signal, forwardRef, input, computed, CUSTOM_ELEMENTS_SCHEMA, ViewChildren, NO_ERRORS_SCHEMA, ContentChildren } from '@angular/core';
|
|
2
|
+
import { Directive, Injectable, Inject, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, InjectionToken, HostListener, EventEmitter, Output, ViewChild, ContentChild, NgModule, HostBinding, Optional, inject, ElementRef, signal, forwardRef, input, computed, NgZone, effect, CUSTOM_ELEMENTS_SCHEMA, ViewChildren, NO_ERRORS_SCHEMA, ContentChildren } from '@angular/core';
|
|
3
3
|
import { BehaviorSubject, Subject, Observable } from 'rxjs';
|
|
4
4
|
import { takeUntil, take, map } from 'rxjs/operators';
|
|
5
5
|
import * as i1 from '@angular/cdk/layout';
|
|
@@ -8,6 +8,7 @@ import { DOCUMENT, CommonModule, NgStyle, NgClass, NgFor, NgIf } from '@angular/
|
|
|
8
8
|
import { RouterModule } from '@angular/router';
|
|
9
9
|
import * as i4 from '@angular/forms';
|
|
10
10
|
import { NG_VALUE_ACCESSOR, ReactiveFormsModule, FormsModule } from '@angular/forms';
|
|
11
|
+
import { LiveAnnouncer } from '@angular/cdk/a11y';
|
|
11
12
|
import { register } from 'swiper/element/bundle';
|
|
12
13
|
|
|
13
14
|
class OasysAlertCancelDirective {
|
|
@@ -1777,6 +1778,16 @@ class FormErrorsComponent {
|
|
|
1777
1778
|
const firstErrorKey = errorKeys.length ? errorKeys[0] : undefined;
|
|
1778
1779
|
return firstErrorKey ? messages[firstErrorKey] : undefined;
|
|
1779
1780
|
});
|
|
1781
|
+
this.liveAnnouncer = inject(LiveAnnouncer);
|
|
1782
|
+
this.ngZone = inject(NgZone);
|
|
1783
|
+
effect(() => {
|
|
1784
|
+
const message = this.errorMessage();
|
|
1785
|
+
if (message) {
|
|
1786
|
+
this.ngZone.runOutsideAngular(async () => {
|
|
1787
|
+
await this.liveAnnouncer.announce(message, 'assertive');
|
|
1788
|
+
});
|
|
1789
|
+
}
|
|
1790
|
+
});
|
|
1780
1791
|
}
|
|
1781
1792
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormErrorsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1782
1793
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: FormErrorsComponent, isStandalone: true, selector: "ui-form-errors", inputs: { errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, error_messages: { classPropertyName: "error_messages", publicName: "error_messages", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (errorMessage()) {\n <ui-box\n box_background=\"none\"\n box_space=\"none\"\n box_space_left=\"near\"\n box_space_right=\"near\"\n box_space_bottom=\"near\"\n >\n <p class=\"text-color--error\">{{ errorMessage() }}</p>\n </ui-box>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
@@ -1784,7 +1795,7 @@ class FormErrorsComponent {
|
|
|
1784
1795
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormErrorsComponent, decorators: [{
|
|
1785
1796
|
type: Component,
|
|
1786
1797
|
args: [{ selector: 'ui-form-errors', standalone: true, imports: [CommonModule], template: "@if (errorMessage()) {\n <ui-box\n box_background=\"none\"\n box_space=\"none\"\n box_space_left=\"near\"\n box_space_right=\"near\"\n box_space_bottom=\"near\"\n >\n <p class=\"text-color--error\">{{ errorMessage() }}</p>\n </ui-box>\n}\n" }]
|
|
1787
|
-
}] });
|
|
1798
|
+
}], ctorParameters: () => [] });
|
|
1788
1799
|
|
|
1789
1800
|
class OasysFormErrorsModule {
|
|
1790
1801
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysFormErrorsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|