novo-elements 7.1.2-next.0 → 7.2.0-next.0

package/fesm2020/novo-elements.mjs

@@ -1335,7 +1335,7 @@ class TooltipDirective {
         this.type = 'normal';
         this.active = true;
         this.removeArrow = false;
-        this.autoPosition = false;
+        this.autoPosition = true;
     }
     isPosition(position) {
         return position.toLowerCase() === (this.position || '').toLowerCase();
@@ -1403,59 +1403,59 @@ class TooltipDirective {
         let offsetX;
         let offsetY;
         let autoPositions = [
-            { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetX: 0, offsetY: 8 },
-            { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top', offsetX: 0, offsetY: 8 },
-            { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center', offsetX: 8, offsetY: 0 },
-            { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center', offsetX: -8, offsetY: 0 },
-            { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetX: 0, offsetY: -8 },
-            { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top', offsetX: 0, offsetY: 8 },
-            { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom', offsetX: 0, offsetY: -8 },
-            { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom', offsetX: 0, offsetY: -8 },
-            { originX: 'start', originY: 'top', overlayX: 'end', overlayY: 'bottom', offsetX: 8, offsetY: -8 },
-            { originX: 'start', originY: 'bottom', overlayX: 'end', overlayY: 'top', offsetX: 8, offsetY: 8 },
-            { originX: 'end', originY: 'top', overlayX: 'start', overlayY: 'bottom', offsetX: -8, offsetY: -8 },
-            { originX: 'end', originY: 'bottom', overlayX: 'start', overlayY: 'top', offsetX: -8, offsetY: 8 },
+            { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetX: 0, offsetY: 12 },
+            { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top', offsetX: 0, offsetY: 12 },
+            { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center', offsetX: 12, offsetY: 0 },
+            { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center', offsetX: -12, offsetY: 0 },
+            { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetX: 0, offsetY: -12 },
+            { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top', offsetX: 0, offsetY: 12 },
+            { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom', offsetX: 0, offsetY: -12 },
+            { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom', offsetX: 0, offsetY: -12 },
+            { originX: 'start', originY: 'top', overlayX: 'end', overlayY: 'bottom', offsetX: 12, offsetY: -12 },
+            { originX: 'start', originY: 'bottom', overlayX: 'end', overlayY: 'top', offsetX: 12, offsetY: 12 },
+            { originX: 'end', originY: 'top', overlayX: 'start', overlayY: 'bottom', offsetX: -12, offsetY: -12 },
+            { originX: 'end', originY: 'bottom', overlayX: 'start', overlayY: 'top', offsetX: -12, offsetY: 12 },
         ];
         switch (this.position) {
             case 'right':
                 defaultPosition = { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center' };
-                offsetX = 8;
+                offsetX = 12;
                 offsetY = 0;
                 break;
             case 'bottom':
                 defaultPosition = { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top' };
                 offsetX = 0;
-                offsetY = 8;
+                offsetY = 12;
                 break;
             case 'top':
                 defaultPosition = { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom' };
                 offsetX = 0;
-                offsetY = -8;
+                offsetY = -12;
                 break;
             case 'left':
                 defaultPosition = { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center' };
-                offsetX = -8;
+                offsetX = -12;
                 offsetY = 0;
                 break;
             case 'top-left':
                 defaultPosition = { originX: 'start', originY: 'top', overlayX: 'end', overlayY: 'bottom' };
-                offsetX = 8;
-                offsetY = -8;
+                offsetX = 12;
+                offsetY = -12;
                 break;
             case 'bottom-left':
                 defaultPosition = { originX: 'start', originY: 'bottom', overlayX: 'end', overlayY: 'top' };
-                offsetX = 8;
-                offsetY = 8;
+                offsetX = 12;
+                offsetY = 12;
                 break;
             case 'top-right':
                 defaultPosition = { originX: 'end', originY: 'top', overlayX: 'start', overlayY: 'bottom' };
-                offsetX = -8;
-                offsetY = -8;
+                offsetX = -12;
+                offsetY = -12;
                 break;
             case 'bottom-right':
                 defaultPosition = { originX: 'end', originY: 'bottom', overlayX: 'start', overlayY: 'top' };
-                offsetX = -8;
-                offsetY = 8;
+                offsetX = -12;
+                offsetY = 12;
                 break;
             default:
                 break;
@@ -35186,7 +35186,6 @@ NovoRowChipsElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
       (typing)="onTyping($event)"
       (blur)="onTouched($event)"
       [selected]="items"
-      [overrideElement]="element"
       *ngIf="!maxlength || (maxlength && items.length < maxlength)"
     >
     </novo-picker>
@@ -35247,7 +35246,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
       (typing)="onTyping($event)"
       (blur)="onTouched($event)"
       [selected]="items"
-      [overrideElement]="element"
       *ngIf="!maxlength || (maxlength && items.length < maxlength)"
     >
     </novo-picker>
@@ -37847,7 +37845,7 @@ NovoDataTableCellHeader.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
           class="filter-button"
           [class.filter-active]="filterActive"
           [tooltip]="labels.filters"
-          [tooltipPosition]="'left'"
+          tooltipPosition="right"
           [attr.data-feature-id]="'novo-data-table-filter-' + this.id"
           (click)="focusInput()"
           >filter</novo-icon
@@ -38019,7 +38017,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
           class="filter-button"
           [class.filter-active]="filterActive"
           [tooltip]="labels.filters"
-          [tooltipPosition]="'left'"
+          tooltipPosition="right"
           [attr.data-feature-id]="'novo-data-table-filter-' + this.id"
           (click)="focusInput()"
           >filter</novo-icon
@@ -43629,6 +43627,8 @@ class NovoFileInputElement extends NovoFileInputMixins {
     }
     writeValue(model) {
         this.model = model;
+        // If model is cleared programmatically (E.g. form.patchValue({file: undefined})), empty file list.
+        this.files = !model ? [] : this.files;
     }
     registerOnChange(fn) {
         this.onModelChange = fn;
@@ -43638,6 +43638,8 @@ class NovoFileInputElement extends NovoFileInputMixins {
     }
     check(event) {
         this.process(Array.from(event.target.files));
+        // After processing file upload, clear input element value. Allows for delete and upload of same file.
+        event.target.value = '';
     }
     validate(files) {
         let passedValidation = true;
@@ -43723,11 +43725,12 @@ class NovoFileInputElement extends NovoFileInputMixins {
     }
 }
 NovoFileInputElement.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: NovoFileInputElement, deps: [{ token: i0.ElementRef }, { token: NovoLabelService }, { token: NovoDragulaService }, { token: ErrorStateMatcher }, { token: i4.NgForm, optional: true }, { token: i4.FormGroupDirective, optional: true }, { token: i4.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
-NovoFileInputElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: NovoFileInputElement, selector: "novo-file-input", inputs: { id: "id", tabindex: "tabindex", errorStateMatcher: "errorStateMatcher", multiple: "multiple", layoutOptions: "layoutOptions", value: "value", dataFeatureId: "dataFeatureId", name: "name", disabled: "disabled", required: "required", placeholder: "placeholder" }, outputs: { edit: "edit", save: "save", delete: "delete", upload: "upload" }, host: { properties: { "class.disabled": "this.disabled" } }, providers: [{ provide: NovoFieldControl, useExisting: NovoFileInputElement }], viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true, static: true }, { propertyName: "fileOutput", first: true, predicate: ["fileOutput"], descendants: true, static: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: `
+NovoFileInputElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: NovoFileInputElement, selector: "novo-file-input", inputs: { id: "id", tabindex: "tabindex", errorStateMatcher: "errorStateMatcher", multiple: "multiple", layoutOptions: "layoutOptions", value: "value", dataFeatureId: "dataFeatureId", name: "name", disabled: "disabled", required: "required", placeholder: "placeholder" }, outputs: { edit: "edit", save: "save", delete: "delete", upload: "upload" }, host: { properties: { "class.disabled": "this.disabled" } }, providers: [{ provide: NovoFieldControl, useExisting: NovoFileInputElement }], viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true, static: true }, { propertyName: "fileOutput", first: true, predicate: ["fileOutput"], descendants: true, static: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
     <div #container></div>
     <ng-template #fileInput>
       <div class="file-input-group" [class.disabled]="disabled" [class.active]="active">
         <input
+          #inputElement
           *ngIf="!layoutOptions.customActions"
           type="file"
           [name]="name"
@@ -43738,6 +43741,7 @@ NovoFileInputElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
           [attr.data-feature-id]="dataFeatureId"
         />
         <input
+          #inputElement
           *ngIf="layoutOptions.customActions"
           type="file"
           [name]="name"
@@ -43828,7 +43832,7 @@ NovoFileInputElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
         </div>
       </div>
     </ng-template>
-  `, isInline: true, components: [{ type: NovoButtonElement, selector: "novo-button,button[theme]", inputs: ["color", "side", "size", "theme", "loading", "icon", "disabled"] }, { type: NovoLoadingElement, selector: "novo-loading", inputs: ["theme", "color", "size"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: NovoDragulaElement, selector: "[dragula]", inputs: ["dragula", "dragulaModel"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "decodeURI": DecodeURIPipe } });
+`, isInline: true, components: [{ type: NovoButtonElement, selector: "novo-button,button[theme]", inputs: ["color", "side", "size", "theme", "loading", "icon", "disabled"] }, { type: NovoLoadingElement, selector: "novo-loading", inputs: ["theme", "color", "size"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: NovoDragulaElement, selector: "[dragula]", inputs: ["dragula", "dragulaModel"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "decodeURI": DecodeURIPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: NovoFileInputElement, decorators: [{
             type: Component,
             args: [{
@@ -43839,6 +43843,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
     <ng-template #fileInput>
       <div class="file-input-group" [class.disabled]="disabled" [class.active]="active">
         <input
+          #inputElement
           *ngIf="!layoutOptions.customActions"
           type="file"
           [name]="name"
@@ -43849,6 +43854,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
           [attr.data-feature-id]="dataFeatureId"
         />
         <input
+          #inputElement
           *ngIf="layoutOptions.customActions"
           type="file"
           [name]="name"
@@ -43939,7 +43945,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
         </div>
       </div>
     </ng-template>
-  `,
+`,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: NovoLabelService }, { type: NovoDragulaService }, { type: ErrorStateMatcher }, { type: i4.NgForm, decorators: [{
                     type: Optional
@@ -43964,6 +43970,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
             }], container: [{
                 type: ViewChild,
                 args: ['container', { read: ViewContainerRef, static: true }]
+            }], inputElement: [{
+                type: ViewChild,
+                args: ['inputElement']
             }], multiple: [{
                 type: Input
             }], layoutOptions: [{