@festo-ui/angular 9.0.0-dev.749 → 9.0.1-dev.753

package/fesm2022/festo-ui-angular.mjs

@@ -804,11 +804,11 @@ class FngPopoverComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FngPopoverComponent, deps: [{ token: PopoverRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: FngPopoverComponent, isStandalone: true, selector: "fng-popover", ngImport: i0, template: "<div class=\"fwe-popover-container\">\n  <div class=\"fwe-triangle\"></div>\n  <div class=\"fwe-popover\" \n       [class.fwe-popover--legend]=\"popoverType === 'legend'\"\n       [class.fwe-popover--menu]=\"popoverType === 'menu'\">\n    @switch (type) {\n      @case ('text') {\n        <div class=\"fwe-popover-content\" [innerHTML]=\"content\"></div>\n      }\n      @case ('template') {\n        <ng-container *ngTemplateOutlet=\"content; context: context\"></ng-container>\n      }\n      @case ('component') {\n        <ng-container *ngComponentOutlet=\"content\"></ng-container>\n      }\n    }\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: FngPopoverComponent, isStandalone: true, selector: "fng-popover", ngImport: i0, template: "<div class=\"fwe-popover-container\">\n  <div class=\"fwe-triangle\"></div>\n  <div class=\"fwe-popover\" \n       [class.fwe-popover--legend]=\"popoverType === 'legend'\"\n       [class.fwe-popover--menu]=\"popoverType === 'menu'\"\n       [class.fwe-popover--content]=\"popoverType === 'content'\">\n    @switch (type) {\n      @case ('text') {\n        <div class=\"fwe-popover-content\" [innerHTML]=\"content\"></div>\n      }\n      @case ('template') {\n        <ng-container *ngTemplateOutlet=\"content; context: context\"></ng-container>\n      }\n      @case ('component') {\n        <ng-container *ngComponentOutlet=\"content\"></ng-container>\n      }\n    }\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FngPopoverComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fng-popover', imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"fwe-popover-container\">\n  <div class=\"fwe-triangle\"></div>\n  <div class=\"fwe-popover\" \n       [class.fwe-popover--legend]=\"popoverType === 'legend'\"\n       [class.fwe-popover--menu]=\"popoverType === 'menu'\">\n    @switch (type) {\n      @case ('text') {\n        <div class=\"fwe-popover-content\" [innerHTML]=\"content\"></div>\n      }\n      @case ('template') {\n        <ng-container *ngTemplateOutlet=\"content; context: context\"></ng-container>\n      }\n      @case ('component') {\n        <ng-container *ngComponentOutlet=\"content\"></ng-container>\n      }\n    }\n  </div>\n</div>\n" }]
+            args: [{ selector: 'fng-popover', imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"fwe-popover-container\">\n  <div class=\"fwe-triangle\"></div>\n  <div class=\"fwe-popover\" \n       [class.fwe-popover--legend]=\"popoverType === 'legend'\"\n       [class.fwe-popover--menu]=\"popoverType === 'menu'\"\n       [class.fwe-popover--content]=\"popoverType === 'content'\">\n    @switch (type) {\n      @case ('text') {\n        <div class=\"fwe-popover-content\" [innerHTML]=\"content\"></div>\n      }\n      @case ('template') {\n        <ng-container *ngTemplateOutlet=\"content; context: context\"></ng-container>\n      }\n      @case ('component') {\n        <ng-container *ngComponentOutlet=\"content\"></ng-container>\n      }\n    }\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: PopoverRef }] });
 
 const defaultPositions = {
@@ -1061,23 +1061,12 @@ class FngPopoverContentComponent {
         this.actions = new EventEmitter();
         this.showDefault = false;
         this.offScreen = true;
-        this.height = 16; // add default padding
-        this.width = 16; // add default padding
     }
     ngOnDestroy() {
         if (this.closeSub) {
             this.closeSub.unsubscribe();
         }
     }
-    ngAfterViewInit() {
-        const parent = this.templateRef.elementRef.nativeElement.parentElement;
-        parent.childNodes.forEach((node) => {
-            if (null != node.dataset && undefined !== node.dataset['fngRoot']) {
-                this.width = this.width + node.getBoundingClientRect().width;
-                this.height = this.height + node.getBoundingClientRect().height;
-            }
-        });
-    }
     show(origin) {
         this.offScreen = false;
         this.popoverRef = this.popoverService.open({
@@ -1085,8 +1074,6 @@ class FngPopoverContentComponent {
             origin,
             options: {
                 positions: null != this.options && this.options.positions ? this.options.positions : undefined,
-                width: this.width,
-                height: this.height,
                 maxWidth: null != this.options && this.options.maxWidth ? this.options.maxWidth : undefined,
                 type: 'content',
                 hasBackdrop: true
@@ -1109,11 +1096,11 @@ class FngPopoverContentComponent {
         this.popoverRef?.close();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FngPopoverContentComponent, deps: [{ token: FngPopoverService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: FngPopoverContentComponent, isStandalone: true, selector: "fng-popover-content", inputs: { options: "options" }, outputs: { close: "close", actions: "actions" }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["tpl"], descendants: true }, { propertyName: "contentRef", first: true, predicate: ["fngContent"], descendants: true }], ngImport: i0, template: "@if (showDefault) {\n  <div #default></div>\n} @else {\n  <ng-template #tpl>\n    <div data-fng-root [class.fng-off-screen]=\"offScreen\">\n      <div #fngContent class=\"fng-content\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  </ng-template>\n}\n", styles: [".fng-off-screen{position:absolute;top:-9999px;left:-9999px}.fng-content{font-size:var(--fwe-font-size-md);line-height:1rem}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: FngPopoverContentComponent, isStandalone: true, selector: "fng-popover-content", inputs: { options: "options" }, outputs: { close: "close", actions: "actions" }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["tpl"], descendants: true }, { propertyName: "contentRef", first: true, predicate: ["fngContent"], descendants: true }], ngImport: i0, template: "@if (showDefault) {\n  <div #default></div>\n} @else {\n  <ng-template #tpl>\n    <div data-fng-root [class.fng-off-screen]=\"offScreen\">\n      <div #fngContent class=\"fng-content\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  </ng-template>\n}\n", styles: [".fng-off-screen{position:absolute;top:-9999px;left:-9999px}.fng-content{font-size:var(--fwe-font-size-md);line-height:1rem;min-width:max-content;width:auto}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FngPopoverContentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fng-popover-content', imports: [], encapsulation: ViewEncapsulation.None, template: "@if (showDefault) {\n  <div #default></div>\n} @else {\n  <ng-template #tpl>\n    <div data-fng-root [class.fng-off-screen]=\"offScreen\">\n      <div #fngContent class=\"fng-content\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  </ng-template>\n}\n", styles: [".fng-off-screen{position:absolute;top:-9999px;left:-9999px}.fng-content{font-size:var(--fwe-font-size-md);line-height:1rem}\n"] }]
+            args: [{ selector: 'fng-popover-content', imports: [], encapsulation: ViewEncapsulation.None, template: "@if (showDefault) {\n  <div #default></div>\n} @else {\n  <ng-template #tpl>\n    <div data-fng-root [class.fng-off-screen]=\"offScreen\">\n      <div #fngContent class=\"fng-content\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  </ng-template>\n}\n", styles: [".fng-off-screen{position:absolute;top:-9999px;left:-9999px}.fng-content{font-size:var(--fwe-font-size-md);line-height:1rem;min-width:max-content;width:auto}\n"] }]
         }], ctorParameters: () => [{ type: FngPopoverService }], propDecorators: { options: [{
                 type: Input
             }], close: [{