@ajsf/material 0.3.0-beta.4 → 0.4.0-beta.1

package/fesm2015/ajsf-material.js

@@ -1,6 +1,5 @@
 import { Component, ChangeDetectionStrategy, Input, Inject, Optional, ChangeDetectorRef, Injectable, NgModule } from '@angular/core';
 import { JsonSchemaFormService, hasOwn, buildTitleMap, dateToString, isDefined, isArray, Framework, WidgetLibraryModule, JsonSchemaFormModule, FrameworkLibraryService, WidgetLibraryService } from '@ajsf/core';
-import { MAT_LABEL_GLOBAL_OPTIONS, MatNativeDateModule } from '@angular/material/core';
 import { MAT_FORM_FIELD_DEFAULT_OPTIONS, MatFormFieldModule } from '@angular/material/form-field';
 import cloneDeep from 'lodash/cloneDeep';
 import { CommonModule } from '@angular/common';
@@ -12,6 +11,7 @@ import { MatButtonToggleModule } from '@angular/material/button-toggle';
 import { MatCardModule } from '@angular/material/card';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import { MatChipsModule } from '@angular/material/chips';
+import { MatNativeDateModule } from '@angular/material/core';
 import { MatDatepickerModule } from '@angular/material/datepicker';
 import { MatExpansionModule } from '@angular/material/expansion';
 import { MatIconModule } from '@angular/material/icon';
@@ -706,9 +706,8 @@ MaterialChipListComponent.propDecorators = {
 };
 
 class MaterialDatepickerComponent {
-    constructor(matFormFieldDefaultOptions, matLabelGlobalOptions, jsf) {
+    constructor(matFormFieldDefaultOptions, jsf) {
         this.matFormFieldDefaultOptions = matFormFieldDefaultOptions;
-        this.matLabelGlobalOptions = matLabelGlobalOptions;
         this.jsf = jsf;
         this.controlDisabled = false;
         this.boundControl = false;
@@ -738,7 +737,7 @@ MaterialDatepickerComponent.decorators = [
                 template: `
     <mat-form-field [appearance]="options?.appearance || matFormFieldDefaultOptions?.appearance || 'standard'"
                     [class]="options?.htmlClass || ''"
-                    [floatLabel]="options?.floatLabel || matLabelGlobalOptions?.float || (options?.notitle ? 'never' : 'auto')"
+                    [floatLabel]="options?.floatLabel || matFormFieldDefaultOptions?.floatLabel || (options?.notitle ? 'never' : 'auto')"
                     [hideRequiredMarker]="options?.hideRequired ? 'true' : 'false'"
                     [style.width]="'100%'">
       <mat-label *ngIf="!options?.notitle">{{options?.title}}</mat-label>
@@ -796,7 +795,6 @@ MaterialDatepickerComponent.decorators = [
 ];
 MaterialDatepickerComponent.ctorParameters = () => [
     { type: undefined, decorators: [{ type: Inject, args: [MAT_FORM_FIELD_DEFAULT_OPTIONS,] }, { type: Optional }] },
-    { type: undefined, decorators: [{ type: Inject, args: [MAT_LABEL_GLOBAL_OPTIONS,] }, { type: Optional }] },
     { type: JsonSchemaFormService }
 ];
 MaterialDatepickerComponent.propDecorators = {
@@ -890,7 +888,7 @@ MaterialDesignFrameworkComponent.decorators = [
                 // tslint:disable-next-line:component-selector
                 selector: 'material-design-framework',
                 template: "<div\n  [class.array-item]=\"widgetLayoutNode?.arrayItem && widgetLayoutNode?.type !== '$ref'\"\n  [orderable]=\"isOrderable\"\n  [dataIndex]=\"dataIndex\"\n  [layoutIndex]=\"layoutIndex\"\n  [layoutNode]=\"widgetLayoutNode\">\n  <svg *ngIf=\"showRemoveButton\"\n       xmlns=\"http://www.w3.org/2000/svg\"\n       height=\"18\" width=\"18\" viewBox=\"0 0 24 24\"\n       class=\"close-button\"\n       (click)=\"removeItem()\">\n    <path\n      d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z\"/>\n  </svg>\n  <select-widget-widget\n    [dataIndex]=\"dataIndex\"\n    [layoutIndex]=\"layoutIndex\"\n    [layoutNode]=\"widgetLayoutNode\"></select-widget-widget>\n</div>\n<div class=\"spacer\" *ngIf=\"widgetLayoutNode?.arrayItem && widgetLayoutNode?.type !== '$ref'\"></div>\n",
-                styles: [".array-item{border-radius:2px;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);padding:6px;position:relative;transition:all .28s cubic-bezier(.4,0,.2,1)}.close-button{cursor:pointer;fill:rgba(0,0,0,.4);position:absolute;right:6px;top:6px;visibility:hidden;z-index:500}.close-button:hover{fill:rgba(0,0,0,.8)}.array-item:hover>.close-button{visibility:visible}.spacer{margin:6px 0}[draggable=true]:hover{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);cursor:move;z-index:10}[draggable=true].drag-target-top{box-shadow:0 -2px 0 #000;position:relative;z-index:20}[draggable=true].drag-target-bottom{box-shadow:0 2px 0 #000;position:relative;z-index:20}"]
+                styles: [".array-item{border-radius:2px;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);padding:6px;position:relative;transition:all .28s cubic-bezier(.4,0,.2,1)}.close-button{cursor:pointer;position:absolute;top:6px;right:6px;fill:rgba(0,0,0,.4);visibility:hidden;z-index:500}.close-button:hover{fill:rgba(0,0,0,.8)}.array-item:hover>.close-button{visibility:visible}.spacer{margin:6px 0}[draggable=true]:hover{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);cursor:move;z-index:10}[draggable=true].drag-target-top{box-shadow:0 -2px 0 #000;position:relative;z-index:20}[draggable=true].drag-target-bottom{box-shadow:0 2px 0 #000;position:relative;z-index:20}"]
             },] }
 ];
 MaterialDesignFrameworkComponent.ctorParameters = () => [
@@ -935,9 +933,8 @@ MaterialFileComponent.propDecorators = {
 };
 
 class MaterialInputComponent {
-    constructor(matFormFieldDefaultOptions, matLabelGlobalOptions, jsf) {
+    constructor(matFormFieldDefaultOptions, jsf) {
         this.matFormFieldDefaultOptions = matFormFieldDefaultOptions;
-        this.matLabelGlobalOptions = matLabelGlobalOptions;
         this.jsf = jsf;
         this.controlDisabled = false;
         this.boundControl = false;
@@ -961,7 +958,7 @@ MaterialInputComponent.decorators = [
                 template: `
     <mat-form-field [appearance]="options?.appearance || matFormFieldDefaultOptions?.appearance || 'standard'"
       [class]="options?.htmlClass || ''"
-      [floatLabel]="options?.floatLabel || matLabelGlobalOptions?.float || (options?.notitle ? 'never' : 'auto')"
+      [floatLabel]="options?.floatLabel || matFormFieldDefaultOptions?.floatLabel || (options?.notitle ? 'never' : 'auto')"
       [hideRequiredMarker]="options?.hideRequired ? 'true' : 'false'"
       [style.width]="'100%'">
       <mat-label *ngIf="!options?.notitle">{{options?.title}}</mat-label>
@@ -1019,7 +1016,6 @@ MaterialInputComponent.decorators = [
 ];
 MaterialInputComponent.ctorParameters = () => [
     { type: undefined, decorators: [{ type: Inject, args: [MAT_FORM_FIELD_DEFAULT_OPTIONS,] }, { type: Optional }] },
-    { type: undefined, decorators: [{ type: Inject, args: [MAT_LABEL_GLOBAL_OPTIONS,] }, { type: Optional }] },
     { type: JsonSchemaFormService }
 ];
 MaterialInputComponent.propDecorators = {
@@ -1029,9 +1025,8 @@ MaterialInputComponent.propDecorators = {
 };
 
 class MaterialNumberComponent {
-    constructor(matFormFieldDefaultOptions, matLabelGlobalOptions, jsf) {
+    constructor(matFormFieldDefaultOptions, jsf) {
         this.matFormFieldDefaultOptions = matFormFieldDefaultOptions;
-        this.matLabelGlobalOptions = matLabelGlobalOptions;
         this.jsf = jsf;
         this.controlDisabled = false;
         this.boundControl = false;
@@ -1061,7 +1056,7 @@ MaterialNumberComponent.decorators = [
                 template: `
     <mat-form-field [appearance]="options?.appearance || matFormFieldDefaultOptions?.appearance || 'standard'"
     [class]="options?.htmlClass || ''"
-    [floatLabel]="options?.floatLabel || matLabelGlobalOptions?.float || (options?.notitle ? 'never' : 'auto')"
+    [floatLabel]="options?.floatLabel || matFormFieldDefaultOptions?.floatLabel || (options?.notitle ? 'never' : 'auto')"
     [hideRequiredMarker]="options?.hideRequired ? 'true' : 'false'"
     [style.width]="'100%'">
     <mat-label *ngIf="!options?.notitle">{{options?.title}}</mat-label>
@@ -1115,7 +1110,6 @@ MaterialNumberComponent.decorators = [
 ];
 MaterialNumberComponent.ctorParameters = () => [
     { type: undefined, decorators: [{ type: Inject, args: [MAT_FORM_FIELD_DEFAULT_OPTIONS,] }, { type: Optional }] },
-    { type: undefined, decorators: [{ type: Inject, args: [MAT_LABEL_GLOBAL_OPTIONS,] }, { type: Optional }] },
     { type: JsonSchemaFormService }
 ];
 MaterialNumberComponent.propDecorators = {
@@ -1238,9 +1232,8 @@ MaterialRadiosComponent.propDecorators = {
 };
 
 class MaterialSelectComponent {
-    constructor(matFormFieldDefaultOptions, matLabelGlobalOptions, jsf) {
+    constructor(matFormFieldDefaultOptions, jsf) {
         this.matFormFieldDefaultOptions = matFormFieldDefaultOptions;
-        this.matLabelGlobalOptions = matLabelGlobalOptions;
         this.jsf = jsf;
         this.controlDisabled = false;
         this.boundControl = false;
@@ -1268,7 +1261,7 @@ MaterialSelectComponent.decorators = [
     <mat-form-field
       [appearance]="options?.appearance || matFormFieldDefaultOptions?.appearance || 'standard'"
       [class]="options?.htmlClass || ''"
-      [floatLabel]="options?.floatLabel || matLabelGlobalOptions?.float || (options?.notitle ? 'never' : 'auto')"
+      [floatLabel]="options?.floatLabel || matFormFieldDefaultOptions?.floatLabel || (options?.notitle ? 'never' : 'auto')"
       [hideRequiredMarker]="options?.hideRequired ? 'true' : 'false'"
       [style.width]="'100%'">
       <mat-label *ngIf="!options?.notitle">{{options?.title}}</mat-label>
@@ -1342,7 +1335,6 @@ MaterialSelectComponent.decorators = [
 ];
 MaterialSelectComponent.ctorParameters = () => [
     { type: undefined, decorators: [{ type: Inject, args: [MAT_FORM_FIELD_DEFAULT_OPTIONS,] }, { type: Optional }] },
-    { type: undefined, decorators: [{ type: Inject, args: [MAT_LABEL_GLOBAL_OPTIONS,] }, { type: Optional }] },
     { type: JsonSchemaFormService }
 ];
 MaterialSelectComponent.propDecorators = {
@@ -1508,9 +1500,8 @@ MaterialTabsComponent.propDecorators = {
 };
 
 class MaterialTextareaComponent {
-    constructor(matFormFieldDefaultOptions, matLabelGlobalOptions, jsf) {
+    constructor(matFormFieldDefaultOptions, jsf) {
         this.matFormFieldDefaultOptions = matFormFieldDefaultOptions;
-        this.matLabelGlobalOptions = matLabelGlobalOptions;
         this.jsf = jsf;
         this.controlDisabled = false;
         this.boundControl = false;
@@ -1533,7 +1524,7 @@ MaterialTextareaComponent.decorators = [
                 template: `
     <mat-form-field [appearance]="options?.appearance || matFormFieldDefaultOptions?.appearance || 'standard'"
       [class]="options?.htmlClass || ''"
-      [floatLabel]="options?.floatLabel || matLabelGlobalOptions?.float || (options?.notitle ? 'never' : 'auto')"
+      [floatLabel]="options?.floatLabel || matFormFieldDefaultOptions?.floatLabel || (options?.notitle ? 'never' : 'auto')"
       [hideRequiredMarker]="options?.hideRequired ? 'true' : 'false'"
       [style.width]="'100%'">
       <mat-label *ngIf="!options?.notitle">{{options?.title}}</mat-label>
@@ -1585,7 +1576,6 @@ MaterialTextareaComponent.decorators = [
 ];
 MaterialTextareaComponent.ctorParameters = () => [
     { type: undefined, decorators: [{ type: Inject, args: [MAT_FORM_FIELD_DEFAULT_OPTIONS,] }, { type: Optional }] },
-    { type: undefined, decorators: [{ type: Inject, args: [MAT_LABEL_GLOBAL_OPTIONS,] }, { type: Optional }] },
     { type: JsonSchemaFormService }
 ];
 MaterialTextareaComponent.propDecorators = {