iobroker.webui 1.25.2 → 1.26.0

package/www/node_modules/@node-projects/web-component-designer/dist/elements/services/propertiesService/services/NativeElementsPropertiesService.js

@@ -185,6 +185,40 @@ export class NativeElementsPropertiesService extends AbstractPropertiesService {
             propertyType: PropertyType.propertyAndAttribute
         }
     ];
+    meterProperties = [
+        {
+            name: "value",
+            type: "number",
+            service: this,
+            propertyType: PropertyType.propertyAndAttribute
+        },
+        {
+            name: "min",
+            type: "number",
+            service: this,
+            propertyType: PropertyType.propertyAndAttribute
+        }, {
+            name: "max",
+            type: "number",
+            service: this,
+            propertyType: PropertyType.propertyAndAttribute
+        }, {
+            name: "low",
+            type: "number",
+            service: this,
+            propertyType: PropertyType.propertyAndAttribute
+        }, {
+            name: "high",
+            type: "number",
+            service: this,
+            propertyType: PropertyType.propertyAndAttribute
+        }, {
+            name: "optimum",
+            type: "number",
+            service: this,
+            propertyType: PropertyType.propertyAndAttribute
+        }
+    ];
     name = "native";
     getRefreshMode(designItem) {
         return RefreshMode.full;
@@ -201,6 +235,7 @@ export class NativeElementsPropertiesService extends AbstractPropertiesService {
             case 'br':
             case 'img':
             case 'iframe':
+            case 'meter':
             case 'h1':
             case 'h2':
             case 'h3':
@@ -235,6 +270,8 @@ export class NativeElementsPropertiesService extends AbstractPropertiesService {
                 return this.imgProperties;
             case 'iframe':
                 return this.iframeProperties;
+            case 'meter':
+                return this.meterProperties;
             case 'h1':
             case 'h2':
             case 'h3':

package/www/node_modules/@node-projects/web-component-designer/dist/elements/widgets/designerView/designerCanvas.js

@@ -705,6 +705,8 @@ export class DesignerCanvas extends BaseCustomWebComponentLazyAppend {
                 this.applyAllStyles();
             });
         }
+        if (serviceContainer.instanceServiceContainerCreatedCallbacks?.length)
+            serviceContainer.instanceServiceContainerCreatedCallbacks.forEach(x => x(this.instanceServiceContainer));
         this.extensionManager = new ExtensionManager(this);
         this.overlayLayer = new OverlayLayerView(serviceContainer);
         this.overlayLayer.style.pointerEvents = 'none';

package/www/node_modules/@node-projects/web-component-designer/dist/elements/widgets/designerView/extensions/buttons/OptionsContextMenuButton.js

@@ -16,8 +16,8 @@ export class OptionsContextMenuButton {
         };
         return [btn];
     }
-    showCtxMenu(event, designerCanvas) {
-        ContextMenu.show([
+    prepareContextMenu(event, designerCanvas) {
+        const ctxMenu = [
             {
                 title: 'simulate hover on hover', checked: designerCanvas.instanceServiceContainer.designContext.extensionOptions.simulateHoverOnHover, action: () => {
                     designerCanvas.instanceServiceContainer.designContext.extensionOptions.simulateHoverOnHover = !designerCanvas.instanceServiceContainer.designContext.extensionOptions.simulateHoverOnHover;
@@ -32,8 +32,33 @@ export class OptionsContextMenuButton {
                 title: 'pause animations', checked: designerCanvas.pauseAnimations, action: () => {
                     designerCanvas.pauseAnimations = !designerCanvas.pauseAnimations;
                 }
-            }
-        ], event);
+            },
+            {
+                title: 'hide overflowing content', checked: designerCanvas.instanceServiceContainer.designContext.extensionOptions.hideOverflowingContent, action: () => {
+                    designerCanvas.instanceServiceContainer.designContext.extensionOptions.hideOverflowingContent = !designerCanvas.instanceServiceContainer.designContext.extensionOptions.hideOverflowingContent;
+                    if (designerCanvas.instanceServiceContainer.designContext.extensionOptions.hideOverflowingContent) {
+                        for (let c of designerCanvas.rootDesignItem.children(true)) {
+                            if (c.element instanceof HTMLElement) {
+                                c.element.style.overflow = 'hidden';
+                                c.element.style.whiteSpace = 'nowrap';
+                            }
+                        }
+                    }
+                    else {
+                        for (let c of designerCanvas.rootDesignItem.children(true)) {
+                            if (c.element instanceof HTMLElement) {
+                                c.element.style.overflow = c.hasStyle('overflow') ? c.getStyle('overflow') : '';
+                                c.element.style.whiteSpace = c.hasStyle('white-space') ? c.getStyle('white-space') : '';
+                            }
+                        }
+                    }
+                }
+            },
+        ];
+        return ctxMenu;
+    }
+    showCtxMenu(event, designerCanvas) {
+        ContextMenu.show(this.prepareContextMenu(event, designerCanvas), event);
     }
 }
 //# sourceMappingURL=OptionsContextMenuButton.js.map