oasys-lib 1.83.0-rc.3 → 1.83.0-rc.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.
- package/esm2022/lib/components/form/errors/form-errors.component.mjs +5 -18
- package/fesm2022/oasys-lib.mjs +4 -17
- package/fesm2022/oasys-lib.mjs.map +1 -1
- package/lib/components/form/errors/form-errors.component.d.ts +0 -3
- 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,6 +1,5 @@
|
|
|
1
|
-
import { Component, computed,
|
|
1
|
+
import { Component, computed, input } from '@angular/core';
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { LiveAnnouncer } from '@angular/cdk/a11y';
|
|
4
3
|
import * as i0 from "@angular/core";
|
|
5
4
|
export class FormErrorsComponent {
|
|
6
5
|
constructor() {
|
|
@@ -16,24 +15,12 @@ export class FormErrorsComponent {
|
|
|
16
15
|
const firstErrorKey = errorKeys.length ? errorKeys[0] : undefined;
|
|
17
16
|
return firstErrorKey ? messages[firstErrorKey] : undefined;
|
|
18
17
|
});
|
|
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
|
-
setTimeout(async () => {
|
|
26
|
-
await this.liveAnnouncer.announce(message, 'assertive');
|
|
27
|
-
}, 100);
|
|
28
|
-
});
|
|
29
|
-
}
|
|
30
|
-
});
|
|
31
18
|
}
|
|
32
19
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormErrorsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
33
|
-
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
|
|
20
|
+
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: "<div class=\"form-errors\" aria-live=\"assertive\" role=\"alert\">\n @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</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
34
21
|
}
|
|
35
22
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormErrorsComponent, decorators: [{
|
|
36
23
|
type: Component,
|
|
37
|
-
args: [{ selector: 'ui-form-errors', standalone: true, imports: [CommonModule], template: "@if (errorMessage()) {\n
|
|
38
|
-
}]
|
|
39
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
args: [{ selector: 'ui-form-errors', standalone: true, imports: [CommonModule], template: "<div class=\"form-errors\" aria-live=\"assertive\" role=\"alert\">\n @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</div>\n" }]
|
|
25
|
+
}] });
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1lcnJvcnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb2FzeXMtbGliL3NyYy9saWIvY29tcG9uZW50cy9mb3JtL2Vycm9ycy9mb3JtLWVycm9ycy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0vZXJyb3JzL2Zvcm0tZXJyb3JzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUczRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBUS9DLE1BQU0sT0FBTyxtQkFBbUI7SUFOaEM7UUFPVyxXQUFNLEdBQUcsS0FBSyxDQUFzQyxJQUFJLENBQUMsQ0FBQztRQUMxRCxtQkFBYyxHQUFHLEtBQUssQ0FBbUMsRUFBRSxDQUFDLENBQUM7UUFFN0QsaUJBQVksR0FBRyxRQUFRLENBQUMsR0FBVyxFQUFFO1lBQzVDLE1BQU0sYUFBYSxHQUFHLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUNwQyxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsY0FBYyxFQUFFLElBQUksRUFBRSxDQUFDO1lBRTdDLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztnQkFDbkIsT0FBTyxTQUFTLENBQUM7WUFDbkIsQ0FBQztZQUNELE1BQU0sU0FBUyxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7WUFDN0MsTUFBTSxhQUFhLEdBQUcsU0FBUyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7WUFDbEUsT0FBTyxhQUFhLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO1FBQzdELENBQUMsQ0FBQyxDQUFDO0tBQ0o7K0dBZlksbUJBQW1CO21HQUFuQixtQkFBbUIsb1dDWGhDLHdXQWFBLDJDREpZLFlBQVk7OzRGQUVYLG1CQUFtQjtrQkFOL0IsU0FBUzsrQkFDRSxnQkFBZ0IsY0FFZCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGNvbXB1dGVkLCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVmFsaWRhdGlvbkVycm9yVHlwZXMgfSBmcm9tICcuLi9mb3Jtcyc7XG5pbXBvcnQgeyBWYWxpZGF0aW9uRXJyb3JzIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndWktZm9ybS1lcnJvcnMnLFxuICB0ZW1wbGF0ZVVybDogJy4vZm9ybS1lcnJvcnMuY29tcG9uZW50Lmh0bWwnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXVxufSlcbmV4cG9ydCBjbGFzcyBGb3JtRXJyb3JzQ29tcG9uZW50IHtcbiAgcmVhZG9ubHkgZXJyb3JzID0gaW5wdXQ8VmFsaWRhdGlvbkVycm9ycyB8IG51bGwgfCB1bmRlZmluZWQ+KG51bGwpO1xuICByZWFkb25seSBlcnJvcl9tZXNzYWdlcyA9IGlucHV0PFZhbGlkYXRpb25FcnJvclR5cGVzIHwgdW5kZWZpbmVkPih7fSk7XG5cbiAgcmVhZG9ubHkgZXJyb3JNZXNzYWdlID0gY29tcHV0ZWQoKCk6IHN0cmluZyA9PiB7XG4gICAgY29uc3QgY3VycmVudEVycm9ycyA9IHRoaXMuZXJyb3JzKCk7XG4gICAgY29uc3QgbWVzc2FnZXMgPSB0aGlzLmVycm9yX21lc3NhZ2VzKCkgfHwge307XG5cbiAgICBpZiAoIWN1cnJlbnRFcnJvcnMpIHtcbiAgICAgIHJldHVybiB1bmRlZmluZWQ7XG4gICAgfVxuICAgIGNvbnN0IGVycm9yS2V5cyA9IE9iamVjdC5rZXlzKGN1cnJlbnRFcnJvcnMpO1xuICAgIGNvbnN0IGZpcnN0RXJyb3JLZXkgPSBlcnJvcktleXMubGVuZ3RoID8gZXJyb3JLZXlzWzBdIDogdW5kZWZpbmVkO1xuICAgIHJldHVybiBmaXJzdEVycm9yS2V5ID8gbWVzc2FnZXNbZmlyc3RFcnJvcktleV0gOiB1bmRlZmluZWQ7XG4gIH0pO1xufVxuIiwiPGRpdiBjbGFzcz1cImZvcm0tZXJyb3JzXCIgYXJpYS1saXZlPVwiYXNzZXJ0aXZlXCIgcm9sZT1cImFsZXJ0XCI+XG4gIEBpZiAoZXJyb3JNZXNzYWdlKCkpIHtcbiAgICA8dWktYm94XG4gICAgICBib3hfYmFja2dyb3VuZD1cIm5vbmVcIlxuICAgICAgYm94X3NwYWNlPVwibm9uZVwiXG4gICAgICBib3hfc3BhY2VfbGVmdD1cIm5lYXJcIlxuICAgICAgYm94X3NwYWNlX3JpZ2h0PVwibmVhclwiXG4gICAgICBib3hfc3BhY2VfYm90dG9tPVwibmVhclwiXG4gICAgPlxuICAgICAgPHAgY2xhc3M9XCJ0ZXh0LWNvbG9yLS1lcnJvclwiPnt7IGVycm9yTWVzc2FnZSgpIH19PC9wPlxuICAgIDwvdWktYm94PlxuICB9XG48L2Rpdj5cbiJdfQ==
|
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,
|
|
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';
|
|
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,7 +8,6 @@ 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';
|
|
12
11
|
import { register } from 'swiper/element/bundle';
|
|
13
12
|
|
|
14
13
|
class OasysAlertCancelDirective {
|
|
@@ -1778,26 +1777,14 @@ class FormErrorsComponent {
|
|
|
1778
1777
|
const firstErrorKey = errorKeys.length ? errorKeys[0] : undefined;
|
|
1779
1778
|
return firstErrorKey ? messages[firstErrorKey] : undefined;
|
|
1780
1779
|
});
|
|
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
|
-
setTimeout(async () => {
|
|
1788
|
-
await this.liveAnnouncer.announce(message, 'assertive');
|
|
1789
|
-
}, 100);
|
|
1790
|
-
});
|
|
1791
|
-
}
|
|
1792
|
-
});
|
|
1793
1780
|
}
|
|
1794
1781
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormErrorsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1795
|
-
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
|
|
1782
|
+
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: "<div class=\"form-errors\" aria-live=\"assertive\" role=\"alert\">\n @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</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
1796
1783
|
}
|
|
1797
1784
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormErrorsComponent, decorators: [{
|
|
1798
1785
|
type: Component,
|
|
1799
|
-
args: [{ selector: 'ui-form-errors', standalone: true, imports: [CommonModule], template: "@if (errorMessage()) {\n
|
|
1800
|
-
}]
|
|
1786
|
+
args: [{ selector: 'ui-form-errors', standalone: true, imports: [CommonModule], template: "<div class=\"form-errors\" aria-live=\"assertive\" role=\"alert\">\n @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</div>\n" }]
|
|
1787
|
+
}] });
|
|
1801
1788
|
|
|
1802
1789
|
class OasysFormErrorsModule {
|
|
1803
1790
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysFormErrorsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|