@breadstone/mosaik-elements-angular 0.0.49 → 0.0.51
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.
|
@@ -6,7 +6,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
|
6
6
|
import { filter, of, isObservable, Subject, BehaviorSubject, fromEvent, takeUntil, from } from 'rxjs';
|
|
7
7
|
import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, TemplatePortal } from '@angular/cdk/portal';
|
|
8
8
|
import { CdkScrollable } from '@angular/cdk/scrolling';
|
|
9
|
-
import { DOCUMENT,
|
|
9
|
+
import { DOCUMENT, AsyncPipe } from '@angular/common';
|
|
10
10
|
import { ConfigurableFocusTrapFactory } from '@angular/cdk/a11y';
|
|
11
11
|
import { OverlayPositionBuilder, Overlay } from '@angular/cdk/overlay';
|
|
12
12
|
import { emit } from '@breadstone/mosaik-elements';
|
|
@@ -53901,15 +53901,13 @@ class DialogPortalComponent extends PortalComponent {
|
|
|
53901
53901
|
return this._portalOutlet;
|
|
53902
53902
|
}
|
|
53903
53903
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: DialogPortalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
53904
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
53904
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.4", type: DialogPortalComponent, isStandalone: true, selector: "mosaik-dialog-portal", host: { classAttribute: "dialog-portal" }, viewQueries: [{ propertyName: "_portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }, { propertyName: "_dialog", first: true, predicate: DialogComponent, descendants: true, static: true }], exportAs: ["mosaikDialogPortal"], usesInheritance: true, ngImport: i0, template: "<mosaik-dialog>\n <mosaik-dialog-header *ngIf=\"(this.dialogConfig?.header | of | async) || this.dialogConfig?.closeable\">\n <mosaik-dialog-header-text [text]=\"(this.dialogConfig?.header | of | async) ?? ''\"></mosaik-dialog-header-text>\n <mosaik-dialog-header-sub-text [text]=\"(this.dialogConfig?.subheader | of | async) ?? ''\"></mosaik-dialog-header-sub-text>\n </mosaik-dialog-header>\n <mosaik-dialog-content cdkScrollable>\n <ng-template cdkPortalOutlet></ng-template>\n </mosaik-dialog-content>\n <mosaik-dialog-actions *ngIf=\"this.dialogConfig?.actions\">\n @for (action of this.dialogConfig?.actions; track action.label) {\n <mosaik-button *ngIf=\"(action?.visible | of | async) ?? true\"\n easyButton\n easyRipple\n [appearance]=\"action?.kind !== 'primary' ? 'plain' : 'default'\"\n [label]=\"(action?.label | of | async) ?? ''\"\n [disabled]=\"(action?.disabled | of | async) ?? false\"\n [variant]=\"'primary'\"\n (click)=\"action?.handler()\"></mosaik-button>\n }\n </mosaik-dialog-actions>\n</mosaik-dialog>", dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: OfPipe, name: "of" }, { kind: "directive", type: CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: DialogComponent, selector: "mosaik-dialog", inputs: ["dragging", "offsetX", "offsetY", "isFullScreen", "isDraggable", "themeName", "enter", "exit", "width", "height", "elevation", "appearance", "isOpen", "hasBackdrop", "pressEscapeToClose", "clickOutsideToClose", "closeable", "dir", "lang"], outputs: ["closed", "opened", "connected", "disconnected", "changed"] }, { kind: "component", type: DialogHeaderComponent, selector: "mosaik-dialog-header", inputs: ["text", "subText", "themeName", "formatter", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: DialogHeaderTextComponent, selector: "mosaik-dialog-header-text", inputs: ["text", "themeName", "formatter", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: DialogHeaderSubTextComponent, selector: "mosaik-dialog-header-sub-text", inputs: ["text", "themeName", "formatter", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: DialogActionsComponent, selector: "mosaik-dialog-actions", inputs: ["themeName", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: ButtonComponent, selector: "mosaik-button", inputs: ["download", "href", "rel", "target", "themeName", "reverse", "orientation", "verticalContentAlignment", "horizontalContentAlignment", "fit", "isBusy", "label", "icon", "iconPosition", "iconSize", "type", "variant", "appearance", "size", "value", "disabled", "isFocused", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
53905
53905
|
}
|
|
53906
53906
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: DialogPortalComponent, decorators: [{
|
|
53907
53907
|
type: Component,
|
|
53908
53908
|
args: [{ selector: 'mosaik-dialog-portal', exportAs: 'mosaikDialogPortal', host: {
|
|
53909
53909
|
class: 'dialog-portal'
|
|
53910
53910
|
}, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [
|
|
53911
|
-
NgFor,
|
|
53912
|
-
NgIf,
|
|
53913
53911
|
AsyncPipe,
|
|
53914
53912
|
OfPipe,
|
|
53915
53913
|
CdkScrollable,
|
|
@@ -53920,7 +53918,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
53920
53918
|
DialogHeaderSubTextComponent,
|
|
53921
53919
|
DialogActionsComponent,
|
|
53922
53920
|
ButtonComponent
|
|
53923
|
-
], template: "<mosaik-dialog>\n <mosaik-dialog-header *ngIf=\"(this.dialogConfig?.header | of | async) || this.dialogConfig?.closeable\">\n <mosaik-dialog-header-text [text]=\"(this.dialogConfig?.header | of | async) ?? ''\"></mosaik-dialog-header-text>\n <mosaik-dialog-header-sub-text [text]=\"(this.dialogConfig?.subheader | of | async) ?? ''\"></mosaik-dialog-header-sub-text>\n </mosaik-dialog-header>\n <mosaik-dialog-content cdkScrollable>\n <ng-template cdkPortalOutlet></ng-template>\n </mosaik-dialog-content>\n <mosaik-dialog-actions *ngIf=\"this.dialogConfig?.actions\">\n
|
|
53921
|
+
], template: "<mosaik-dialog>\n <mosaik-dialog-header *ngIf=\"(this.dialogConfig?.header | of | async) || this.dialogConfig?.closeable\">\n <mosaik-dialog-header-text [text]=\"(this.dialogConfig?.header | of | async) ?? ''\"></mosaik-dialog-header-text>\n <mosaik-dialog-header-sub-text [text]=\"(this.dialogConfig?.subheader | of | async) ?? ''\"></mosaik-dialog-header-sub-text>\n </mosaik-dialog-header>\n <mosaik-dialog-content cdkScrollable>\n <ng-template cdkPortalOutlet></ng-template>\n </mosaik-dialog-content>\n <mosaik-dialog-actions *ngIf=\"this.dialogConfig?.actions\">\n @for (action of this.dialogConfig?.actions; track action.label) {\n <mosaik-button *ngIf=\"(action?.visible | of | async) ?? true\"\n easyButton\n easyRipple\n [appearance]=\"action?.kind !== 'primary' ? 'plain' : 'default'\"\n [label]=\"(action?.label | of | async) ?? ''\"\n [disabled]=\"(action?.disabled | of | async) ?? false\"\n [variant]=\"'primary'\"\n (click)=\"action?.handler()\"></mosaik-button>\n }\n </mosaik-dialog-actions>\n</mosaik-dialog>" }]
|
|
53924
53922
|
}], ctorParameters: () => [], propDecorators: { _portalOutlet: [{
|
|
53925
53923
|
type: ViewChild,
|
|
53926
53924
|
args: [CdkPortalOutlet, { static: true }]
|
|
@@ -54693,13 +54691,11 @@ class FormValidator {
|
|
|
54693
54691
|
else if (innerControl instanceof FormArray) {
|
|
54694
54692
|
messages.push(...this.errors(innerControl, `${field}.${index}`));
|
|
54695
54693
|
}
|
|
54696
|
-
else {
|
|
54697
|
-
|
|
54698
|
-
|
|
54699
|
-
|
|
54700
|
-
|
|
54701
|
-
});
|
|
54702
|
-
}
|
|
54694
|
+
else if (innerControl.errors) {
|
|
54695
|
+
messages.push({
|
|
54696
|
+
name: parent ? `${parent}.${field}.${index}` : `${field}.${index}`,
|
|
54697
|
+
errors: innerControl.errors
|
|
54698
|
+
});
|
|
54703
54699
|
}
|
|
54704
54700
|
});
|
|
54705
54701
|
}
|
|
@@ -54806,7 +54802,7 @@ class Validators {
|
|
|
54806
54802
|
const pattern = `^\w+([-+.']\w+)*@?(${domains.join('|')})$`;
|
|
54807
54803
|
const regex = new RegExp(pattern);
|
|
54808
54804
|
return (control) => {
|
|
54809
|
-
if (control.value
|
|
54805
|
+
if (control.value === null || control.value.length === 0) {
|
|
54810
54806
|
return null;
|
|
54811
54807
|
}
|
|
54812
54808
|
return regex.test(control.value)
|
|
@@ -54832,7 +54828,7 @@ class Validators {
|
|
|
54832
54828
|
const pattern = '^[+]*[(]{0,1}[0-9]{1,4}[)]{0,1}[-\s\./0-9]*$';
|
|
54833
54829
|
const regex = new RegExp(pattern);
|
|
54834
54830
|
return (control) => {
|
|
54835
|
-
if (control.value
|
|
54831
|
+
if (control.value === null || control.value.length === 0) {
|
|
54836
54832
|
return null;
|
|
54837
54833
|
}
|
|
54838
54834
|
return regex.test(control.value)
|
|
@@ -54886,7 +54882,8 @@ class FlipToDirective {
|
|
|
54886
54882
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: FlipToDirective, decorators: [{
|
|
54887
54883
|
type: Directive,
|
|
54888
54884
|
args: [{
|
|
54889
|
-
selector: '[mosaik-flip-to]'
|
|
54885
|
+
selector: '[mosaik-flip-to]',
|
|
54886
|
+
standalone: true
|
|
54890
54887
|
}]
|
|
54891
54888
|
}], ctorParameters: () => [], propDecorators: { to: [{
|
|
54892
54889
|
type: Input,
|
|
@@ -55031,7 +55028,8 @@ class TranslateDirective {
|
|
|
55031
55028
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: TranslateDirective, decorators: [{
|
|
55032
55029
|
type: Directive,
|
|
55033
55030
|
args: [{
|
|
55034
|
-
selector: '[translate]'
|
|
55031
|
+
selector: '[translate]',
|
|
55032
|
+
standalone: true
|
|
55035
55033
|
}]
|
|
55036
55034
|
}], ctorParameters: () => [], propDecorators: { scope: [{
|
|
55037
55035
|
type: Input,
|
|
@@ -55323,19 +55321,13 @@ class BreakpointDirective {
|
|
|
55323
55321
|
this._cdr.markForCheck();
|
|
55324
55322
|
}
|
|
55325
55323
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: BreakpointDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
55326
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.4", type: BreakpointDirective, isStandalone: true, selector: "[breakpoint]",
|
|
55327
|
-
BreakpointObserver,
|
|
55328
|
-
BreakpointRegistry
|
|
55329
|
-
], ngImport: i0 });
|
|
55324
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.4", type: BreakpointDirective, isStandalone: true, selector: "[breakpoint]", ngImport: i0 });
|
|
55330
55325
|
}
|
|
55331
55326
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: BreakpointDirective, decorators: [{
|
|
55332
55327
|
type: Directive,
|
|
55333
55328
|
args: [{
|
|
55334
55329
|
selector: '[breakpoint]',
|
|
55335
|
-
|
|
55336
|
-
BreakpointObserver,
|
|
55337
|
-
BreakpointRegistry
|
|
55338
|
-
]
|
|
55330
|
+
standalone: true
|
|
55339
55331
|
}]
|
|
55340
55332
|
}], ctorParameters: () => [] });
|
|
55341
55333
|
|
|
@@ -55427,7 +55419,8 @@ class FlexDirective {
|
|
|
55427
55419
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: FlexDirective, decorators: [{
|
|
55428
55420
|
type: Directive,
|
|
55429
55421
|
args: [{
|
|
55430
|
-
selector: '[mosaikFlex]'
|
|
55422
|
+
selector: '[mosaikFlex]',
|
|
55423
|
+
standalone: true
|
|
55431
55424
|
}]
|
|
55432
55425
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { justify: [{
|
|
55433
55426
|
type: Input,
|
|
@@ -55713,7 +55706,8 @@ class AnimateDirective {
|
|
|
55713
55706
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AnimateDirective, decorators: [{
|
|
55714
55707
|
type: Directive,
|
|
55715
55708
|
args: [{
|
|
55716
|
-
selector: '[mosaikAnimate]'
|
|
55709
|
+
selector: '[mosaikAnimate]',
|
|
55710
|
+
standalone: true
|
|
55717
55711
|
}]
|
|
55718
55712
|
}], ctorParameters: () => [], propDecorators: { animation: [{
|
|
55719
55713
|
type: Input,
|