@node-projects/web-component-designer 0.1.242 → 0.1.243

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.
@@ -4,5 +4,10 @@ import { IDesignViewConfigButtonsProvider } from "./IDesignViewConfigButtonsProv
4
4
  export declare class OptionsContextMenuButton implements IDesignViewConfigButtonsProvider {
5
5
  constructor();
6
6
  provideButtons(designerView: DesignerView, designerCanvas: IDesignerCanvas): HTMLElement[];
7
+ protected prepareContextMenu(event: MouseEvent, designerCanvas: IDesignerCanvas): {
8
+ title: string;
9
+ checked: any;
10
+ action: () => void;
11
+ }[];
7
12
  showCtxMenu(event: MouseEvent, designerCanvas: IDesignerCanvas): void;
8
13
  }
@@ -16,8 +16,8 @@ export class OptionsContextMenuButton {
16
16
  };
17
17
  return [btn];
18
18
  }
19
- showCtxMenu(event, designerCanvas) {
20
- ContextMenu.show([
19
+ prepareContextMenu(event, designerCanvas) {
20
+ const ctxMenu = [
21
21
  {
22
22
  title: 'simulate hover on hover', checked: designerCanvas.instanceServiceContainer.designContext.extensionOptions.simulateHoverOnHover, action: () => {
23
23
  designerCanvas.instanceServiceContainer.designContext.extensionOptions.simulateHoverOnHover = !designerCanvas.instanceServiceContainer.designContext.extensionOptions.simulateHoverOnHover;
@@ -32,8 +32,33 @@ export class OptionsContextMenuButton {
32
32
  title: 'pause animations', checked: designerCanvas.pauseAnimations, action: () => {
33
33
  designerCanvas.pauseAnimations = !designerCanvas.pauseAnimations;
34
34
  }
35
- }
36
- ], event);
35
+ },
36
+ {
37
+ title: 'hide overflowing content', checked: designerCanvas.instanceServiceContainer.designContext.extensionOptions.hideOverflowingContent, action: () => {
38
+ designerCanvas.instanceServiceContainer.designContext.extensionOptions.hideOverflowingContent = !designerCanvas.instanceServiceContainer.designContext.extensionOptions.hideOverflowingContent;
39
+ if (designerCanvas.instanceServiceContainer.designContext.extensionOptions.hideOverflowingContent) {
40
+ for (let c of designerCanvas.rootDesignItem.children(true)) {
41
+ if (c.element instanceof HTMLElement) {
42
+ c.element.style.overflow = 'hidden';
43
+ c.element.style.whiteSpace = 'nowrap';
44
+ }
45
+ }
46
+ }
47
+ else {
48
+ for (let c of designerCanvas.rootDesignItem.children(true)) {
49
+ if (c.element instanceof HTMLElement) {
50
+ c.element.style.overflow = c.hasStyle('overflow') ? c.getStyle('overflow') : '';
51
+ c.element.style.whiteSpace = c.hasStyle('white-space') ? c.getStyle('white-space') : '';
52
+ }
53
+ }
54
+ }
55
+ }
56
+ },
57
+ ];
58
+ return ctxMenu;
59
+ }
60
+ showCtxMenu(event, designerCanvas) {
61
+ ContextMenu.show(this.prepareContextMenu(event, designerCanvas), event);
37
62
  }
38
63
  }
39
64
  //# sourceMappingURL=OptionsContextMenuButton.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"OptionsContextMenuButton.js","sourceRoot":"","sources":["../../../../../../src/elements/widgets/designerView/extensions/buttons/OptionsContextMenuButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAK5E,MAAM,OAAO,wBAAwB;IAEnC;IACA,CAAC;IAED,cAAc,CAAC,YAA0B,EAAE,cAA+B;QACxE,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,GAAG,CAAC,SAAS,GAAG,GAAG,CAAC;QACpB,GAAG,CAAC,KAAK,GAAG,SAAS,CAAC;QACtB,GAAG,CAAC,SAAS,GAAG,iBAAiB,CAAC;QAClC,GAAG,CAAC,OAAO,GAAG,CAAC,CAAC,EAAE,EAAE;YAClB,IAAI,CAAC,WAAW,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC;QACtC,CAAC,CAAA;QACD,GAAG,CAAC,aAAa,GAAG,CAAC,CAAC,EAAE,EAAE;YACxB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,WAAW,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC;QACtC,CAAC,CAAA;QAED,OAAO,CAAC,GAAG,CAAC,CAAC;IACf,CAAC;IAED,WAAW,CAAC,KAAiB,EAAE,cAA+B;QAC5D,WAAW,CAAC,IAAI,CAAC;YACf;gBACE,KAAK,EAAE,yBAAyB,EAAE,OAAO,EAAE,cAAc,CAAC,wBAAwB,CAAC,aAAa,CAAC,gBAAgB,CAAC,oBAAoB,EAAE,MAAM,EAAE,GAAG,EAAE;oBACnJ,cAAc,CAAC,wBAAwB,CAAC,aAAa,CAAC,gBAAgB,CAAC,oBAAoB,GAAG,CAAC,cAAc,CAAC,wBAAwB,CAAC,aAAa,CAAC,gBAAgB,CAAC,oBAAoB,CAAC;gBAC7L,CAAC;aACF;YACD;gBACE,KAAK,EAAE,2BAA2B,EAAE,OAAO,EAAE,cAAc,CAAC,wBAAwB,CAAC,aAAa,CAAC,gBAAgB,CAAC,uBAAuB,EAAE,MAAM,EAAE,GAAG,EAAE;oBACxJ,cAAc,CAAC,wBAAwB,CAAC,aAAa,CAAC,gBAAgB,CAAC,uBAAuB,GAAG,CAAC,cAAc,CAAC,wBAAwB,CAAC,aAAa,CAAC,gBAAgB,CAAC,uBAAuB,CAAC;gBACnM,CAAC;aACF;YACD;gBACE,KAAK,EAAE,kBAAkB,EAAE,OAAO,EAAE,cAAc,CAAC,eAAe,EAAE,MAAM,EAAE,GAAG,EAAE;oBAC/E,cAAc,CAAC,eAAe,GAAG,CAAC,cAAc,CAAC,eAAe,CAAC;gBACnE,CAAC;aACF;SACF,EAAE,KAAK,CAAC,CAAC;IACZ,CAAC;CACF"}
1
+ {"version":3,"file":"OptionsContextMenuButton.js","sourceRoot":"","sources":["../../../../../../src/elements/widgets/designerView/extensions/buttons/OptionsContextMenuButton.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "description": "A WYSIWYG designer webcomponent for html components",
3
3
  "name": "@node-projects/web-component-designer",
4
- "version": "0.1.242",
4
+ "version": "0.1.243",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
7
7
  "author": "jochen.kuehner@gmx.de",