@mosa-ng/material 21.0.4 → 21.1.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.
@@ -51,10 +51,10 @@ class AlertWidget {
51
51
  }
52
52
  }
53
53
  }
54
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AlertWidget, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
55
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: AlertWidget, isStandalone: true, selector: "mosa-alert-widget", inputs: { icon: "icon", title: "title", message: "message", type: "type" }, usesOnChanges: true, ngImport: i0, template: "<div [class]=\"'alert-' + type\" class=\"alert\">\n <div class=\"icon\">\n <mat-icon>icon</mat-icon>\n {{ title }}\n </div>\n <div>{{ message }}</div>\n</div>\n", styles: [":host{display:block}.alert{position:relative;padding:15px;border-radius:4px;width:100%;display:table;color:#222;border:1px solid #222222;border-left-width:5px}.alert .icon{display:flex;align-items:center;margin-bottom:10px}.alert .icon mat-icon{margin-right:10px}.alert-danger{background:#f443361a;border-color:#f44336}.alert-warning{background:#ffaa001a;border-color:#fa0}.alert-info{background:#008eff1a;border-color:#008eff}.alert-primary{background:#66cc331a;border-color:#6c3}.alert-success{background:#3ad15d1a;border-color:#3ad15d}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
54
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AlertWidget, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
55
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: AlertWidget, isStandalone: true, selector: "mosa-alert-widget", inputs: { icon: "icon", title: "title", message: "message", type: "type" }, usesOnChanges: true, ngImport: i0, template: "<div [class]=\"'alert-' + type\" class=\"alert\">\n <div class=\"icon\">\n <mat-icon>icon</mat-icon>\n {{ title }}\n </div>\n <div>{{ message }}</div>\n</div>\n", styles: [":host{display:block}.alert{position:relative;padding:15px;border-radius:4px;width:100%;display:table;color:#222;border:1px solid #222222;border-left-width:5px}.alert .icon{display:flex;align-items:center;margin-bottom:10px}.alert .icon mat-icon{margin-right:10px}.alert-danger{background:#f443361a;border-color:#f44336}.alert-warning{background:#ffaa001a;border-color:#fa0}.alert-info{background:#008eff1a;border-color:#008eff}.alert-primary{background:#66cc331a;border-color:#6c3}.alert-success{background:#3ad15d1a;border-color:#3ad15d}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
56
56
  }
57
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AlertWidget, decorators: [{
57
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AlertWidget, decorators: [{
58
58
  type: Component,
59
59
  args: [{ selector: 'mosa-alert-widget', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatIcon], template: "<div [class]=\"'alert-' + type\" class=\"alert\">\n <div class=\"icon\">\n <mat-icon>icon</mat-icon>\n {{ title }}\n </div>\n <div>{{ message }}</div>\n</div>\n", styles: [":host{display:block}.alert{position:relative;padding:15px;border-radius:4px;width:100%;display:table;color:#222;border:1px solid #222222;border-left-width:5px}.alert .icon{display:flex;align-items:center;margin-bottom:10px}.alert .icon mat-icon{margin-right:10px}.alert-danger{background:#f443361a;border-color:#f44336}.alert-warning{background:#ffaa001a;border-color:#fa0}.alert-info{background:#008eff1a;border-color:#008eff}.alert-primary{background:#66cc331a;border-color:#6c3}.alert-success{background:#3ad15d1a;border-color:#3ad15d}\n"] }]
60
60
  }], ctorParameters: () => [], propDecorators: { icon: [{
@@ -119,10 +119,10 @@ class ConfirmDialog {
119
119
  confirm(result) {
120
120
  this.myMatDialogRef.close(result);
121
121
  }
122
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ConfirmDialog, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
123
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: ConfirmDialog, isStandalone: true, selector: "mosa-confirm-dialog", ngImport: i0, template: "<h1 class=\"active\" mat-dialog-title>{{ dialogData.title | translate }}</h1>\n<div mat-dialog-content>\n {{ dialogData.message | translate }}\n</div>\n<div mat-dialog-actions>\n @if (dialogData.cancel?.visible) {\n <button (click)=\"confirm(result.cancelled)\" mat-stroked-button [class.uppercase]=\"dialogData.uppercase\">\n @if (dialogData.cancel?.icon) {\n <mat-icon>{{ dialogData.cancel?.icon }}</mat-icon>\n }\n {{ dialogData.cancel?.label | translate }}\n </button>\n }\n @if (dialogData.deny?.visible) {\n <button (click)=\"confirm(result.denied)\" mat-stroked-button [class.uppercase]=\"dialogData.uppercase\">\n @if (dialogData.deny?.icon) {\n <mat-icon>{{ dialogData.deny?.icon }}</mat-icon>\n }\n {{ dialogData.deny?.label | translate }}\n </button>\n }\n @if (dialogData.confirm?.visible) {\n <button (click)=\"confirm(result.confirmed)\" mat-flat-button [class.uppercase]=\"dialogData.uppercase\">\n @if (dialogData.confirm?.icon) {\n <mat-icon>{{ dialogData.confirm?.icon }}</mat-icon>\n }\n {{ dialogData.confirm?.label | translate }}\n </button>\n }\n</div>\n", styles: [".mat-dialog-actions{margin-top:20px}.uppercase{text-transform:uppercase}\n"], dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
122
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ConfirmDialog, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
123
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: ConfirmDialog, isStandalone: true, selector: "mosa-confirm-dialog", ngImport: i0, template: "<h1 class=\"active\" mat-dialog-title>{{ dialogData.title | translate }}</h1>\n<div mat-dialog-content>\n {{ dialogData.message | translate }}\n</div>\n<div mat-dialog-actions>\n @if (dialogData.cancel?.visible) {\n <button (click)=\"confirm(result.cancelled)\" mat-stroked-button [class.uppercase]=\"dialogData.uppercase\">\n @if (dialogData.cancel?.icon) {\n <mat-icon>{{ dialogData.cancel?.icon }}</mat-icon>\n }\n {{ dialogData.cancel?.label | translate }}\n </button>\n }\n @if (dialogData.deny?.visible) {\n <button (click)=\"confirm(result.denied)\" mat-stroked-button [class.uppercase]=\"dialogData.uppercase\">\n @if (dialogData.deny?.icon) {\n <mat-icon>{{ dialogData.deny?.icon }}</mat-icon>\n }\n {{ dialogData.deny?.label | translate }}\n </button>\n }\n @if (dialogData.confirm?.visible) {\n <button (click)=\"confirm(result.confirmed)\" mat-flat-button [class.uppercase]=\"dialogData.uppercase\">\n @if (dialogData.confirm?.icon) {\n <mat-icon>{{ dialogData.confirm?.icon }}</mat-icon>\n }\n {{ dialogData.confirm?.label | translate }}\n </button>\n }\n</div>\n", styles: [".mat-dialog-actions{margin-top:20px}.uppercase{text-transform:uppercase}\n"], dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
124
124
  }
125
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ConfirmDialog, decorators: [{
125
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ConfirmDialog, decorators: [{
126
126
  type: Component,
127
127
  args: [{ selector: 'mosa-confirm-dialog', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
128
128
  MatDialogTitle,
@@ -176,10 +176,10 @@ class CellEditorBaseComponent {
176
176
  .afterClosed());
177
177
  return result === ConfirmDialogResult.confirmed;
178
178
  }
179
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CellEditorBaseComponent, deps: [{ token: i1$1.MatDialog, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
180
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: CellEditorBaseComponent, isStandalone: true, selector: "mosa-cell-editor-base", ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
179
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: CellEditorBaseComponent, deps: [{ token: i1$1.MatDialog, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
180
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: CellEditorBaseComponent, isStandalone: true, selector: "mosa-cell-editor-base", ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
181
181
  }
182
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CellEditorBaseComponent, decorators: [{
182
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: CellEditorBaseComponent, decorators: [{
183
183
  type: Component,
184
184
  args: [{
185
185
  selector: 'mosa-cell-editor-base',
@@ -254,10 +254,10 @@ class CellEditorComponent {
254
254
  }
255
255
  });
256
256
  }
257
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CellEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
258
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: CellEditorComponent, isStandalone: true, selector: "mosa-cell-editor", inputs: { key: "key", rowItem: "rowItem", value: "value" }, outputs: { valueChange: "valueChange", cellClick: "cellClick", cellChange: "cellChange", cellCancel: "cellCancel" }, queries: [{ propertyName: "select", first: true, predicate: MatSelect, descendants: true }], ngImport: i0, template: "@if (mode === 'input') {\n <div class=\"input-wrapper\">\n <ng-content select=\".cell-input\"></ng-content>\n </div>\n}\n@if (mode === 'output') {\n <div class=\"output-wrapper\">\n <ng-content select=\".cell-output\"></ng-content>\n </div>\n}\n", styles: [":host{display:flex;align-items:center;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}:host.focused .input-wrapper{height:calc(100% - 6px);width:100%;box-shadow:0 0 0 3px #1387dfcc;outline:0;display:flex;flex-direction:column}:host.edited{color:#1387df;font-weight:500}::ng-deep .editable-cell{position:relative}::ng-deep .editable-cell:first-child mosa-cell-editor:not(.focused){padding-left:24px}::ng-deep .cell-input{padding:10px}::ng-deep .cell-output{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}::ng-deep input.cell-input{font-size:14px;font-family:Roboto,sans-serif;background:none;flex-grow:1;outline:0;border:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
257
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: CellEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
258
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: CellEditorComponent, isStandalone: true, selector: "mosa-cell-editor", inputs: { key: "key", rowItem: "rowItem", value: "value" }, outputs: { valueChange: "valueChange", cellClick: "cellClick", cellChange: "cellChange", cellCancel: "cellCancel" }, queries: [{ propertyName: "select", first: true, predicate: MatSelect, descendants: true }], ngImport: i0, template: "@if (mode === 'input') {\n <div class=\"input-wrapper\">\n <ng-content select=\".cell-input\"></ng-content>\n </div>\n}\n@if (mode === 'output') {\n <div class=\"output-wrapper\">\n <ng-content select=\".cell-output\"></ng-content>\n </div>\n}\n", styles: [":host{display:flex;align-items:center;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}:host.focused .input-wrapper{height:calc(100% - 6px);width:100%;box-shadow:0 0 0 3px #1387dfcc;outline:0;display:flex;flex-direction:column}:host.edited{color:#1387df;font-weight:500}::ng-deep .editable-cell{position:relative}::ng-deep .editable-cell:first-child mosa-cell-editor:not(.focused){padding-left:24px}::ng-deep .cell-input{padding:10px}::ng-deep .cell-output{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}::ng-deep input.cell-input{font-size:14px;font-family:Roboto,sans-serif;background:none;flex-grow:1;outline:0;border:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
259
259
  }
260
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CellEditorComponent, decorators: [{
260
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: CellEditorComponent, decorators: [{
261
261
  type: Component,
262
262
  args: [{ selector: 'mosa-cell-editor', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (mode === 'input') {\n <div class=\"input-wrapper\">\n <ng-content select=\".cell-input\"></ng-content>\n </div>\n}\n@if (mode === 'output') {\n <div class=\"output-wrapper\">\n <ng-content select=\".cell-output\"></ng-content>\n </div>\n}\n", styles: [":host{display:flex;align-items:center;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}:host.focused .input-wrapper{height:calc(100% - 6px);width:100%;box-shadow:0 0 0 3px #1387dfcc;outline:0;display:flex;flex-direction:column}:host.edited{color:#1387df;font-weight:500}::ng-deep .editable-cell{position:relative}::ng-deep .editable-cell:first-child mosa-cell-editor:not(.focused){padding-left:24px}::ng-deep .cell-input{padding:10px}::ng-deep .cell-output{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}::ng-deep input.cell-input{font-size:14px;font-family:Roboto,sans-serif;background:none;flex-grow:1;outline:0;border:none}\n"] }]
263
263
  }], ctorParameters: () => [], propDecorators: { key: [{
@@ -292,10 +292,10 @@ class LoadingButtonComponent {
292
292
  e.stopPropagation();
293
293
  this.click.emit(e);
294
294
  }
295
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LoadingButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
296
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: LoadingButtonComponent, isStandalone: true, selector: "mosa-loading-button", inputs: { mode: "mode", loading: "loading", disabled: "disabled", color: "color", buttonType: "buttonType", icon: "icon" }, outputs: { click: "click" }, ngImport: i0, template: "@switch (buttonType) {\n @default {\n <button (click)=\"onClick($event)\" [class]=\"mode\" [color]=\"color\"\n [disabled]=\"loading || disabled\" mat-button [class.with-spinner]=\"mode === 'spinner'\">\n @if (icon) {\n <mat-icon>{{ icon }}</mat-icon>\n }\n <ng-container [ngTemplateOutlet]=\"labelContent\"/>\n\n </button>\n }\n @case ('raised') {\n <button (click)=\"onClick($event)\" [class]=\"mode\" [color]=\"color\"\n [disabled]=\"loading || disabled\" mat-raised-button [class.with-spinner]=\"mode === 'spinner'\">\n @if (icon) {\n <mat-icon>{{ icon }}</mat-icon>\n }\n <ng-container [ngTemplateOutlet]=\"labelContent\"/>\n\n </button>\n }\n @case ('stroked') {\n <button (click)=\"onClick($event)\" [class]=\"mode\" [color]=\"color\"\n [disabled]=\"loading || disabled\" mat-stroked-button [class.with-spinner]=\"mode === 'spinner'\">\n @if (icon) {\n <mat-icon>{{ icon }}</mat-icon>\n }\n <ng-container [ngTemplateOutlet]=\"labelContent\"/>\n\n </button>\n }\n @case ('flat') {\n <button (click)=\"onClick($event)\" [class]=\"mode\" [color]=\"color\"\n [disabled]=\"loading || disabled\" mat-flat-button [class.with-spinner]=\"mode === 'spinner'\">\n @if (icon) {\n <mat-icon>{{ icon }}</mat-icon>\n }\n <ng-container [ngTemplateOutlet]=\"labelContent\"/>\n </button>\n <ng-container [ngTemplateOutlet]=\"loaderContent\"/>\n }\n @case ('icon') {\n <button (click)=\"onClick($event)\" [class]=\"mode\" [color]=\"color\"\n [disabled]=\"loading || disabled\" mat-icon-button>\n @if (loading) {\n <mat-progress-spinner [color]=\"color\" [diameter]=\"40\" [strokeWidth]=\"2\"/>\n }\n @if (icon) {\n <mat-icon>{{ icon }}</mat-icon>\n }\n <ng-content select=\".icon\"></ng-content>\n </button>\n }\n}\n\n<ng-template #loaderContent>\n @if (loading) {\n @if (mode === 'spinner') {\n <mat-spinner [diameter]=\"20\"/>\n } @else {\n <mat-progress-bar mode=\"indeterminate\"/>\n }\n }\n</ng-template>\n\n<ng-template #labelContent>\n <ng-content/>\n</ng-template>\n", styles: [":host{position:relative;overflow:hidden;display:inline-block;pointer-events:none;border-radius:var(--mdc-protected-button-container-shape, var(--mat-sys-corner-full))}button{position:relative;overflow:hidden;width:100%}button:not(disabled){pointer-events:all}mat-spinner{position:absolute;top:50%;transform:translateY(-50%);left:16px}mat-progress-bar{position:absolute;bottom:0;left:0;width:100%}\n"], dependencies: [{ kind: "component", type: MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
295
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: LoadingButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
296
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: LoadingButtonComponent, isStandalone: true, selector: "mosa-loading-button", inputs: { mode: "mode", loading: "loading", disabled: "disabled", color: "color", buttonType: "buttonType", icon: "icon" }, outputs: { click: "click" }, ngImport: i0, template: "@switch (buttonType) {\n @default {\n <button (click)=\"onClick($event)\" [class]=\"mode\" [color]=\"color\"\n [disabled]=\"loading || disabled\" mat-button [class.with-spinner]=\"mode === 'spinner'\">\n @if (icon) {\n <mat-icon>{{ icon }}</mat-icon>\n }\n <ng-container [ngTemplateOutlet]=\"labelContent\"/>\n\n </button>\n }\n @case ('raised') {\n <button (click)=\"onClick($event)\" [class]=\"mode\" [color]=\"color\"\n [disabled]=\"loading || disabled\" mat-raised-button [class.with-spinner]=\"mode === 'spinner'\">\n @if (icon) {\n <mat-icon>{{ icon }}</mat-icon>\n }\n <ng-container [ngTemplateOutlet]=\"labelContent\"/>\n\n </button>\n }\n @case ('stroked') {\n <button (click)=\"onClick($event)\" [class]=\"mode\" [color]=\"color\"\n [disabled]=\"loading || disabled\" mat-stroked-button [class.with-spinner]=\"mode === 'spinner'\">\n @if (icon) {\n <mat-icon>{{ icon }}</mat-icon>\n }\n <ng-container [ngTemplateOutlet]=\"labelContent\"/>\n\n </button>\n }\n @case ('flat') {\n <button (click)=\"onClick($event)\" [class]=\"mode\" [color]=\"color\"\n [disabled]=\"loading || disabled\" mat-flat-button [class.with-spinner]=\"mode === 'spinner'\">\n @if (icon) {\n <mat-icon>{{ icon }}</mat-icon>\n }\n <ng-container [ngTemplateOutlet]=\"labelContent\"/>\n </button>\n <ng-container [ngTemplateOutlet]=\"loaderContent\"/>\n }\n @case ('icon') {\n <button (click)=\"onClick($event)\" [class]=\"mode\" [color]=\"color\"\n [disabled]=\"loading || disabled\" mat-icon-button>\n @if (loading) {\n <mat-progress-spinner [color]=\"color\" [diameter]=\"40\" [strokeWidth]=\"2\"/>\n }\n @if (icon) {\n <mat-icon>{{ icon }}</mat-icon>\n }\n <ng-content select=\".icon\"></ng-content>\n </button>\n }\n}\n\n<ng-template #loaderContent>\n @if (loading) {\n @if (mode === 'spinner') {\n <mat-spinner [diameter]=\"20\"/>\n } @else {\n <mat-progress-bar mode=\"indeterminate\"/>\n }\n }\n</ng-template>\n\n<ng-template #labelContent>\n <ng-content/>\n</ng-template>\n", styles: [":host{position:relative;overflow:hidden;display:inline-block;pointer-events:none;border-radius:var(--mdc-protected-button-container-shape, var(--mat-sys-corner-full))}button{position:relative;overflow:hidden;width:100%}button:not(disabled){pointer-events:all}mat-spinner{position:absolute;top:50%;transform:translateY(-50%);left:16px}mat-progress-bar{position:absolute;bottom:0;left:0;width:100%}\n"], dependencies: [{ kind: "component", type: MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
297
297
  }
298
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LoadingButtonComponent, decorators: [{
298
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: LoadingButtonComponent, decorators: [{
299
299
  type: Component,
300
300
  args: [{ selector: 'mosa-loading-button', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
301
301
  MatButton,
@@ -340,10 +340,10 @@ class LoggerFacade {
340
340
  updateState(state) {
341
341
  this.store$.next(_state = state);
342
342
  }
343
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LoggerFacade, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
344
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LoggerFacade, providedIn: 'root' }); }
343
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: LoggerFacade, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
344
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: LoggerFacade, providedIn: 'root' }); }
345
345
  }
346
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LoggerFacade, decorators: [{
346
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: LoggerFacade, decorators: [{
347
347
  type: Injectable,
348
348
  args: [{
349
349
  providedIn: 'root',
@@ -419,8 +419,8 @@ class LoggerComponent {
419
419
  log.config.action?.callback?.call(this);
420
420
  this.slideOut(log.id);
421
421
  }
422
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LoggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
423
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: LoggerComponent, isStandalone: true, selector: "mosa-logger", viewQueries: [{ propertyName: "elements", predicate: ["loggerElement"], descendants: true }], ngImport: i0, template: "@if (loggerState$ | async; as state) {\n @for (log of state.logs; track log) {\n <div #loggerElement\n [@slide]=\"log.state\"\n [class.none]=\"!log.state\"\n [class]=\"log.config.className\"\n (click)=\"onClickLog(log)\"\n [class.touch]=\"log.config.closeOnClick\"\n class=\"logger-element\">\n <div class=\"content\">\n <mat-icon class=\"icon\">{{ log.icon }}</mat-icon>\n <div>\n @if (log.title) {\n <div class=\"title\">{{ log.title | translate }}</div>\n } @if (log.message) {\n <div [innerHTML]=\"log.message | translate\" class=\"message\"></div>\n }\n </div>\n </div>\n @if (log.config.action || log.config.showDismiss) {\n <div class=\"actions\">\n @if (log.config.showDismiss) {\n <button (click)=\"slideOut(log.id)\" class=\"dismiss\" mat-button>\n {{ 'mosa.commons.buttons.dismiss' | translate | uppercase }}\n </button>\n } @if (log.config.action && log.config.action.label && log.config.action.callback) {\n <button (click)=\"$event.stopPropagation(); callAction(log)\"\n class=\"action-btn\" mat-button>\n {{ log.config.action.label | translate | uppercase }}\n </button>\n }\n </div>\n }\n </div>\n }\n}\n\n", styles: [":host{width:100%;height:100%;top:safe-area-inset-top;left:0;display:flex;flex-direction:column;position:fixed;z-index:10000;align-items:flex-end;pointer-events:none}.logger-element{padding:10px 15px;margin:10px 10px 0;width:350px;background:#fff;border-radius:4px;box-shadow:3px 3px 10px #0000004d;border-left:5px solid;pointer-events:all;max-height:400px}.logger-element.touch{cursor:pointer}.logger-element .content{display:flex;width:100%}.logger-element .content .icon{flex-shrink:0;margin-right:10px}.logger-element .content .title{font-weight:500;color:#222}.logger-element .content .message{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-lines:3;text-overflow:ellipsis;flex:1 auto;font-size:15px;margin-top:3px;color:#222}.logger-element .actions{display:flex;justify-content:flex-end;margin-top:10px}.logger-element .dismiss{color:#222}.logger-element button:not(:first-child){margin-left:10px}.logger-element.snackbar-error{border-color:#f44336;color:#f44336}.logger-element.snackbar-error button.action-btn{background-color:#d2190b;color:#fff}.logger-element.snackbar-success{border-color:#3ad15d;color:#3ad15d}.logger-element.snackbar-success button.action-btn{background-color:#249a40;color:#fff}.logger-element.snackbar-warning{border-color:#fa0;color:#fa0}.logger-element.snackbar-warning button.action-btn{background-color:#c80;color:#fff}.logger-element.snackbar-info{border-color:#008eff;color:#008eff}.logger-element.snackbar-info button.action-btn{background-color:#0063b3;color:#fff}.logger-element.snackbar-default{border-color:#222;color:#222}.logger-element.snackbar-default button.action-btn{background-color:#222;color:#fff}@media screen and (max-width:480px){.logger-element{width:calc(100% - 55px)}}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], animations: [
422
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: LoggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
423
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: LoggerComponent, isStandalone: true, selector: "mosa-logger", viewQueries: [{ propertyName: "elements", predicate: ["loggerElement"], descendants: true }], ngImport: i0, template: "@if (loggerState$ | async; as state) {\n @for (log of state.logs; track log) {\n <div #loggerElement\n [@slide]=\"log.state\"\n [class.none]=\"!log.state\"\n [class]=\"log.config.className\"\n (click)=\"onClickLog(log)\"\n [class.touch]=\"log.config.closeOnClick\"\n class=\"logger-element\">\n <div class=\"content\">\n <mat-icon class=\"icon\">{{ log.icon }}</mat-icon>\n <div>\n @if (log.title) {\n <div class=\"title\">{{ log.title | translate }}</div>\n } @if (log.message) {\n <div [innerHTML]=\"log.message | translate\" class=\"message\"></div>\n }\n </div>\n </div>\n @if (log.config.action || log.config.showDismiss) {\n <div class=\"actions\">\n @if (log.config.showDismiss) {\n <button (click)=\"slideOut(log.id)\" class=\"dismiss\" mat-button>\n {{ 'mosa.commons.buttons.dismiss' | translate | uppercase }}\n </button>\n } @if (log.config.action && log.config.action.label && log.config.action.callback) {\n <button (click)=\"$event.stopPropagation(); callAction(log)\"\n class=\"action-btn\" mat-button>\n {{ log.config.action.label | translate | uppercase }}\n </button>\n }\n </div>\n }\n </div>\n }\n}\n\n", styles: [":host{width:100%;height:100%;top:safe-area-inset-top;left:0;display:flex;flex-direction:column;position:fixed;z-index:10000;align-items:flex-end;pointer-events:none}.logger-element{padding:10px 15px;margin:10px 10px 0;width:350px;background:#fff;border-radius:4px;box-shadow:3px 3px 10px #0000004d;border-left:5px solid;pointer-events:all;max-height:400px}.logger-element.touch{cursor:pointer}.logger-element .content{display:flex;width:100%}.logger-element .content .icon{flex-shrink:0;margin-right:10px}.logger-element .content .title{font-weight:500;color:#222}.logger-element .content .message{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-lines:3;text-overflow:ellipsis;flex:1 auto;font-size:15px;margin-top:3px;color:#222}.logger-element .actions{display:flex;justify-content:flex-end;margin-top:10px}.logger-element .dismiss{color:#222}.logger-element button:not(:first-child){margin-left:10px}.logger-element.snackbar-error{border-color:#f44336;color:#f44336}.logger-element.snackbar-error button.action-btn{background-color:#d2190b;color:#fff}.logger-element.snackbar-success{border-color:#3ad15d;color:#3ad15d}.logger-element.snackbar-success button.action-btn{background-color:#249a40;color:#fff}.logger-element.snackbar-warning{border-color:#fa0;color:#fa0}.logger-element.snackbar-warning button.action-btn{background-color:#c80;color:#fff}.logger-element.snackbar-info{border-color:#008eff;color:#008eff}.logger-element.snackbar-info button.action-btn{background-color:#0063b3;color:#fff}.logger-element.snackbar-default{border-color:#222;color:#222}.logger-element.snackbar-default button.action-btn{background-color:#222;color:#fff}@media screen and (max-width:480px){.logger-element{width:calc(100% - 55px)}}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], animations: [
424
424
  trigger('slide', [
425
425
  state('enter', style({ transform: 'translateX(0)' })),
426
426
  transition(':leave', [
@@ -433,7 +433,7 @@ class LoggerComponent {
433
433
  ]),
434
434
  ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
435
435
  }
436
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LoggerComponent, decorators: [{
436
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: LoggerComponent, decorators: [{
437
437
  type: Component,
438
438
  args: [{ selector: 'mosa-logger', animations: [
439
439
  trigger('slide', [
@@ -504,10 +504,10 @@ class SkeletonComponent {
504
504
  }
505
505
  return val || '';
506
506
  }
507
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SkeletonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
508
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: SkeletonComponent, isStandalone: true, selector: "mosa-skeleton", inputs: { skeleton: "skeleton", width: "width", height: "height", randomizeOffset: "randomizeOffset", borderRadius: "borderRadius" }, ngImport: i0, template: "", styles: [":host{display:flex;background:#d4d4d4;flex-shrink:0;animation:loading .25s infinite linear alternate-reverse}@keyframes loading{0%{opacity:1}to{opacity:.5}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
507
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: SkeletonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
508
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: SkeletonComponent, isStandalone: true, selector: "mosa-skeleton", inputs: { skeleton: "skeleton", width: "width", height: "height", randomizeOffset: "randomizeOffset", borderRadius: "borderRadius" }, ngImport: i0, template: "", styles: [":host{display:flex;background:#d4d4d4;flex-shrink:0;animation:loading .25s infinite linear alternate-reverse}@keyframes loading{0%{opacity:1}to{opacity:.5}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
509
509
  }
510
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SkeletonComponent, decorators: [{
510
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: SkeletonComponent, decorators: [{
511
511
  type: Component,
512
512
  args: [{ selector: 'mosa-skeleton', changeDetection: ChangeDetectionStrategy.OnPush, template: "", styles: [":host{display:flex;background:#d4d4d4;flex-shrink:0;animation:loading .25s infinite linear alternate-reverse}@keyframes loading{0%{opacity:1}to{opacity:.5}}\n"] }]
513
513
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { skeleton: [{
@@ -524,10 +524,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
524
524
 
525
525
  // eslint-disable-next-line @angular-eslint/component-class-suffix
526
526
  class BaseSkeletonLoader {
527
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BaseSkeletonLoader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
528
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: BaseSkeletonLoader, isStandalone: true, selector: "mosa-skeleton-loader", inputs: { itemCount: "itemCount" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
527
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: BaseSkeletonLoader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
528
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: BaseSkeletonLoader, isStandalone: true, selector: "mosa-skeleton-loader", inputs: { itemCount: "itemCount" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
529
529
  }
530
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BaseSkeletonLoader, decorators: [{
530
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: BaseSkeletonLoader, decorators: [{
531
531
  type: Component,
532
532
  args: [{
533
533
  selector: 'mosa-skeleton-loader',
@@ -547,10 +547,10 @@ class ListSkeletonLoader extends BaseSkeletonLoader {
547
547
  ngOnInit() {
548
548
  this.items = Array(this.itemCount).fill(this.itemCount).map((x, i) => i);
549
549
  }
550
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ListSkeletonLoader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
551
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: ListSkeletonLoader, isStandalone: true, selector: "mosa-list-skeleton-loader", inputs: { content: "content" }, usesInheritance: true, ngImport: i0, template: "<mat-list>\n @for (item of items; track item) {\n <mat-list-item>\n <ng-container *ngTemplateOutlet=\"content, context: { $implicit: item }\"></ng-container>\n </mat-list-item>\n }\n</mat-list>\n", styles: [""], dependencies: [{ kind: "component", type: MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
550
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ListSkeletonLoader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
551
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: ListSkeletonLoader, isStandalone: true, selector: "mosa-list-skeleton-loader", inputs: { content: "content" }, usesInheritance: true, ngImport: i0, template: "<mat-list>\n @for (item of items; track item) {\n <mat-list-item>\n <ng-container *ngTemplateOutlet=\"content, context: { $implicit: item }\"></ng-container>\n </mat-list-item>\n }\n</mat-list>\n", styles: [""], dependencies: [{ kind: "component", type: MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
552
552
  }
553
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ListSkeletonLoader, decorators: [{
553
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ListSkeletonLoader, decorators: [{
554
554
  type: Component,
555
555
  args: [{ selector: 'mosa-list-skeleton-loader', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
556
556
  MatList,
@@ -587,10 +587,10 @@ class TableSkeletonLoader extends BaseSkeletonLoader {
587
587
  this.items.push(skeletons);
588
588
  }
589
589
  }
590
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TableSkeletonLoader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
591
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: TableSkeletonLoader, isStandalone: true, selector: "mosa-table-skeleton-loader", inputs: { columns: "columns" }, usesInheritance: true, ngImport: i0, template: "<table [dataSource]=\"items\" mat-table>\n @for (column of columns; track column; let i = $index) {\n <ng-container [matColumnDef]=\"'column-' + i\">\n <th *matHeaderCellDef mat-header-cell>\n <mosa-skeleton [skeleton]=\"column[0]\"></mosa-skeleton>\n </th>\n <td *matCellDef=\"let row\" mat-cell>\n <mosa-skeleton [skeleton]=\"column[1]\"></mosa-skeleton>\n </td>\n </ng-container>\n }\n <tr *matHeaderRowDef=\"displayedColumns;sticky:true\" mat-header-row></tr>\n <tr *matRowDef=\"let row; columns: displayedColumns;\" class=\"row-hover\" mat-row></tr>\n</table>\n", styles: ["table{width:100%}\n"], dependencies: [{ kind: "component", type: MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "component", type: SkeletonComponent, selector: "mosa-skeleton", inputs: ["skeleton", "width", "height", "randomizeOffset", "borderRadius"] }, { kind: "directive", type: MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "directive", type: MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "component", type: MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "directive", type: MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "component", type: MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
590
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TableSkeletonLoader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
591
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: TableSkeletonLoader, isStandalone: true, selector: "mosa-table-skeleton-loader", inputs: { columns: "columns" }, usesInheritance: true, ngImport: i0, template: "<table [dataSource]=\"items\" mat-table>\n @for (column of columns; track column; let i = $index) {\n <ng-container [matColumnDef]=\"'column-' + i\">\n <th *matHeaderCellDef mat-header-cell>\n <mosa-skeleton [skeleton]=\"column[0]\"></mosa-skeleton>\n </th>\n <td *matCellDef=\"let row\" mat-cell>\n <mosa-skeleton [skeleton]=\"column[1]\"></mosa-skeleton>\n </td>\n </ng-container>\n }\n <tr *matHeaderRowDef=\"displayedColumns;sticky:true\" mat-header-row></tr>\n <tr *matRowDef=\"let row; columns: displayedColumns;\" class=\"row-hover\" mat-row></tr>\n</table>\n", styles: ["table{width:100%}\n"], dependencies: [{ kind: "component", type: MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "component", type: SkeletonComponent, selector: "mosa-skeleton", inputs: ["skeleton", "width", "height", "randomizeOffset", "borderRadius"] }, { kind: "directive", type: MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "directive", type: MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "component", type: MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "directive", type: MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "component", type: MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
592
592
  }
593
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TableSkeletonLoader, decorators: [{
593
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TableSkeletonLoader, decorators: [{
594
594
  type: Component,
595
595
  args: [{ selector: 'mosa-table-skeleton-loader', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
596
596
  MatTable,
@@ -620,10 +620,10 @@ class MatUpdateDialog {
620
620
  close(result) {
621
621
  this.myMatDialogRef.close(result);
622
622
  }
623
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: MatUpdateDialog, deps: [{ token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
624
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: MatUpdateDialog, isStandalone: true, selector: "mosa-mat-update-dialog", ngImport: i0, template: "<h1 class=\"active\" mat-dialog-title>{{ config.title | translate }}</h1>\n<div mat-dialog-content>\n {{ config.message | translate }}\n</div>\n<div mat-dialog-actions>\n <button (click)=\"close(0)\" [class.cancel-btn]=\"config.showIgnore\" mat-stroked-button>\n {{ 'mosa.commons.buttons.cancel' | translate | uppercase }}\n </button>\n @if (config.showIgnore) {\n <button (click)=\"close(1)\" color=\"primary\" mat-stroked-button>\n {{\n 'mosa.commons.buttons.ignoreFor' | translate: {\n duration: config.ignoreTimeout | mosaDuration: 'auto' | async | uppercase\n } | uppercase\n }}\n </button>\n }\n <button mat-flat-button color=\"primary\" (click)=\"close(2)\">\n {{ 'mosa.commons.buttons.reloadNow' | translate | uppercase }}\n </button>\n</div>\n", styles: [".cancel-btn{margin-right:auto}\n"], dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: MosaDurationPipe, name: "mosaDuration" }] }); }
623
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: MatUpdateDialog, deps: [{ token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
624
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: MatUpdateDialog, isStandalone: true, selector: "mosa-mat-update-dialog", ngImport: i0, template: "<h1 class=\"active\" mat-dialog-title>{{ config.title | translate }}</h1>\n<div mat-dialog-content>\n {{ config.message | translate }}\n</div>\n<div mat-dialog-actions>\n <button (click)=\"close(0)\" [class.cancel-btn]=\"config.showIgnore\" mat-stroked-button>\n {{ 'mosa.commons.buttons.cancel' | translate | uppercase }}\n </button>\n @if (config.showIgnore) {\n <button (click)=\"close(1)\" color=\"primary\" mat-stroked-button>\n {{\n 'mosa.commons.buttons.ignoreFor' | translate: {\n duration: config.ignoreTimeout | mosaDuration: 'auto' | async | uppercase\n } | uppercase\n }}\n </button>\n }\n <button mat-flat-button color=\"primary\" (click)=\"close(2)\">\n {{ 'mosa.commons.buttons.reloadNow' | translate | uppercase }}\n </button>\n</div>\n", styles: [".cancel-btn{margin-right:auto}\n"], dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: MosaDurationPipe, name: "mosaDuration" }] }); }
625
625
  }
626
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: MatUpdateDialog, decorators: [{
626
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: MatUpdateDialog, decorators: [{
627
627
  type: Component,
628
628
  args: [{ selector: 'mosa-mat-update-dialog', imports: [
629
629
  MatDialogTitle,
@@ -737,10 +737,10 @@ class UpdateDialog {
737
737
  clearInterval(this.interval);
738
738
  this.interval = undefined;
739
739
  }
740
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: UpdateDialog, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
741
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: UpdateDialog, isStandalone: true, selector: "mosa-update-dialog[config]", inputs: { updateConfig: ["config", "updateConfig"] }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
740
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UpdateDialog, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
741
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: UpdateDialog, isStandalone: true, selector: "mosa-update-dialog[config]", inputs: { updateConfig: ["config", "updateConfig"] }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
742
742
  }
743
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: UpdateDialog, decorators: [{
743
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UpdateDialog, decorators: [{
744
744
  type: Component,
745
745
  args: [{
746
746
  selector: 'mosa-update-dialog[config]',
@@ -782,10 +782,10 @@ class CellEditorService {
782
782
  isEditingCellValid() {
783
783
  return this.cellEditor?.element != null && Array.from(this.cellEditor.element.querySelectorAll('.ng-invalid')).length === 0;
784
784
  }
785
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CellEditorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
786
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CellEditorService, providedIn: 'root' }); }
785
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: CellEditorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
786
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: CellEditorService, providedIn: 'root' }); }
787
787
  }
788
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CellEditorService, decorators: [{
788
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: CellEditorService, decorators: [{
789
789
  type: Injectable,
790
790
  args: [{
791
791
  providedIn: 'root',
@@ -916,10 +916,10 @@ class CellEditorDirective {
916
916
  CellEditorDirective.invokeElementMethod(targetCell, 'click');
917
917
  }
918
918
  }
919
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CellEditorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
920
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: CellEditorDirective, isStandalone: true, selector: "td[mosaCellEditor]", host: { listeners: { "keydown.escape": "onEscapeKeyDown($event)", "keydown.tab": "onShiftKeyDown($event)", "keydown.shift.tab": "onShiftKeyDown($event)", "keydown.meta.tab": "onShiftKeyDown($event)", "keydown.enter": "onEnterKeyDown($event)", "click": "onClick($event)" } }, queries: [{ propertyName: "cellEditor", first: true, predicate: CellEditorComponent, descendants: true }], ngImport: i0 }); }
919
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: CellEditorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
920
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: CellEditorDirective, isStandalone: true, selector: "td[mosaCellEditor]", host: { listeners: { "keydown.escape": "onEscapeKeyDown($event)", "keydown.tab": "onShiftKeyDown($event)", "keydown.shift.tab": "onShiftKeyDown($event)", "keydown.meta.tab": "onShiftKeyDown($event)", "keydown.enter": "onEnterKeyDown($event)", "click": "onClick($event)" } }, queries: [{ propertyName: "cellEditor", first: true, predicate: CellEditorComponent, descendants: true }], ngImport: i0 }); }
921
921
  }
922
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CellEditorDirective, decorators: [{
922
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: CellEditorDirective, decorators: [{
923
923
  type: Directive,
924
924
  args: [{ selector: 'td[mosaCellEditor]' }]
925
925
  }], ctorParameters: () => [], propDecorators: { cellEditor: [{
@@ -979,10 +979,10 @@ class ClickOutsideDirective {
979
979
  }
980
980
  return null;
981
981
  }
982
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ClickOutsideDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
983
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: ClickOutsideDirective, isStandalone: true, selector: "[clickOutside]", inputs: { enableWhiteListing: "enableWhiteListing" }, outputs: { clickOutside: "clickOutside" }, host: { listeners: { "document:click": "onClick($event.target)" } }, ngImport: i0 }); }
982
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ClickOutsideDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
983
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: ClickOutsideDirective, isStandalone: true, selector: "[clickOutside]", inputs: { enableWhiteListing: "enableWhiteListing" }, outputs: { clickOutside: "clickOutside" }, host: { listeners: { "document:click": "onClick($event.target)" } }, ngImport: i0 }); }
984
984
  }
985
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ClickOutsideDirective, decorators: [{
985
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ClickOutsideDirective, decorators: [{
986
986
  type: Directive,
987
987
  args: [{
988
988
  // eslint-disable-next-line @angular-eslint/directive-selector
@@ -1027,10 +1027,10 @@ class LoggerService extends CoreLoggerService {
1027
1027
  }
1028
1028
  }
1029
1029
  }
1030
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LoggerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
1031
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LoggerService, providedIn: 'root' }); }
1030
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: LoggerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
1031
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: LoggerService, providedIn: 'root' }); }
1032
1032
  }
1033
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LoggerService, decorators: [{
1033
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: LoggerService, decorators: [{
1034
1034
  type: Injectable,
1035
1035
  args: [{
1036
1036
  providedIn: 'root',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mosa-ng/material",
3
- "version": "21.0.4",
3
+ "version": "21.1.1",
4
4
  "peerDependencies": {
5
5
  "@angular/common": ">=21.0.0 < 22.0.0",
6
6
  "@angular/core": ">=21.0.0 < 22.0.0"
@@ -8,6 +8,10 @@
8
8
  "dependencies": {
9
9
  "tslib": "^2.3.0"
10
10
  },
11
+ "repository": {
12
+ "type": "git",
13
+ "url": "https://github.com/codingsamuel/mosa-ng.git"
14
+ },
11
15
  "sideEffects": false,
12
16
  "module": "fesm2022/mosa-ng-material.mjs",
13
17
  "typings": "types/mosa-ng-material.d.ts",