@babylonjs/shared-ui-components 7.34.1 → 7.34.3

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.
Files changed (116) hide show
  1. package/components/Button.js +1 -1
  2. package/components/Button.js.map +1 -1
  3. package/components/Icon.js +1 -1
  4. package/components/Icon.js.map +1 -1
  5. package/components/Label.js +1 -1
  6. package/components/Label.js.map +1 -1
  7. package/components/MessageDialog.js +1 -1
  8. package/components/MessageDialog.js.map +1 -1
  9. package/components/TextInputWithSubmit.js +1 -1
  10. package/components/TextInputWithSubmit.js.map +1 -1
  11. package/components/Toggle.js +1 -1
  12. package/components/Toggle.js.map +1 -1
  13. package/components/bars/CommandBarComponent.js +1 -1
  14. package/components/bars/CommandBarComponent.js.map +1 -1
  15. package/components/bars/CommandButtonComponent.js +1 -1
  16. package/components/bars/CommandButtonComponent.js.map +1 -1
  17. package/components/bars/CommandDropdownComponent.js +1 -1
  18. package/components/bars/CommandDropdownComponent.js.map +1 -1
  19. package/components/colorPicker/ColorComponentEntry.js +1 -1
  20. package/components/colorPicker/ColorComponentEntry.js.map +1 -1
  21. package/components/colorPicker/ColorPicker.js +1 -1
  22. package/components/colorPicker/ColorPicker.js.map +1 -1
  23. package/components/colorPicker/HexColor.js +1 -1
  24. package/components/colorPicker/HexColor.js.map +1 -1
  25. package/components/layout/FlexibleColumn.js +1 -1
  26. package/components/layout/FlexibleColumn.js.map +1 -1
  27. package/components/layout/FlexibleDropZone.js +1 -1
  28. package/components/layout/FlexibleDropZone.js.map +1 -1
  29. package/components/layout/FlexibleGridContainer.js +1 -1
  30. package/components/layout/FlexibleGridContainer.js.map +1 -1
  31. package/components/layout/FlexibleResizeBar.js +1 -1
  32. package/components/layout/FlexibleResizeBar.js.map +1 -1
  33. package/components/layout/FlexibleTab.js +1 -1
  34. package/components/layout/FlexibleTab.js.map +1 -1
  35. package/components/layout/FlexibleTabsContainer.js +1 -1
  36. package/components/layout/FlexibleTabsContainer.js.map +1 -1
  37. package/components/lines/ColorLineComponent.js +1 -1
  38. package/components/lines/ColorLineComponent.js.map +1 -1
  39. package/components/lines/ColorPickerLineComponent.js +1 -1
  40. package/components/lines/ColorPickerLineComponent.js.map +1 -1
  41. package/components/lines/FileButtonLineComponent.js +1 -1
  42. package/components/lines/FileButtonLineComponent.js.map +1 -1
  43. package/components/lines/NumericInputComponent.js +1 -1
  44. package/components/lines/NumericInputComponent.js.map +1 -1
  45. package/components/lines/OptionsLineComponent.js +1 -1
  46. package/components/lines/OptionsLineComponent.js.map +1 -1
  47. package/components/reactGraphSystem/GraphConnectorHandle.js +1 -1
  48. package/components/reactGraphSystem/GraphConnectorHandle.js.map +1 -1
  49. package/components/reactGraphSystem/GraphContainer.js +1 -1
  50. package/components/reactGraphSystem/GraphContainer.js.map +1 -1
  51. package/components/reactGraphSystem/GraphNode.js +1 -1
  52. package/components/reactGraphSystem/GraphNode.js.map +1 -1
  53. package/nodeGraphSystem/frameNodePort.js +1 -1
  54. package/nodeGraphSystem/frameNodePort.js.map +1 -1
  55. package/nodeGraphSystem/graphCanvas.js +2 -2
  56. package/nodeGraphSystem/graphCanvas.js.map +1 -1
  57. package/nodeGraphSystem/graphFrame.js +3 -3
  58. package/nodeGraphSystem/graphFrame.js.map +1 -1
  59. package/nodeGraphSystem/graphNode.js +4 -4
  60. package/nodeGraphSystem/graphNode.js.map +1 -1
  61. package/nodeGraphSystem/{graphNode.modules.scss → graphNode.module.scss} +1 -1
  62. package/nodeGraphSystem/nodeLink.js +2 -2
  63. package/nodeGraphSystem/nodeLink.js.map +1 -1
  64. package/nodeGraphSystem/nodePort.js +2 -2
  65. package/nodeGraphSystem/nodePort.js.map +1 -1
  66. package/package.json +1 -1
  67. package/popupHelper.d.ts +12 -0
  68. package/popupHelper.js +57 -0
  69. package/popupHelper.js.map +1 -0
  70. package/split/splitContainer.d.ts +58 -0
  71. package/split/splitContainer.js +232 -0
  72. package/split/splitContainer.js.map +1 -0
  73. package/split/splitContainer.module.scss +25 -0
  74. package/split/splitContext.d.ts +43 -0
  75. package/split/splitContext.js +14 -0
  76. package/split/splitContext.js.map +1 -0
  77. package/split/splitter.d.ts +41 -0
  78. package/split/splitter.js +69 -0
  79. package/split/splitter.js.map +1 -0
  80. package/styleHelper.d.ts +6 -0
  81. package/styleHelper.js +21 -0
  82. package/styleHelper.js.map +1 -0
  83. package/lines/popup.d.ts +0 -4
  84. package/lines/popup.js +0 -69
  85. package/lines/popup.js.map +0 -1
  86. /package/components/{Button.modules.scss → Button.module.scss} +0 -0
  87. /package/components/{Icon.modules.scss → Icon.module.scss} +0 -0
  88. /package/components/{Label.modules.scss → Label.module.scss} +0 -0
  89. /package/components/{MessageDialog.modules.scss → MessageDialog.module.scss} +0 -0
  90. /package/components/{TextInputWithSubmit.modules.scss → TextInputWithSubmit.module.scss} +0 -0
  91. /package/components/{Toggle.modules.scss → Toggle.module.scss} +0 -0
  92. /package/components/bars/{CommandBar.modules.scss → CommandBar.module.scss} +0 -0
  93. /package/components/bars/{CommandButton.modules.scss → CommandButton.module.scss} +0 -0
  94. /package/components/bars/{CommandDropdown.modules.scss → CommandDropdown.module.scss} +0 -0
  95. /package/components/colorPicker/{ColorComponentEntry.modules.scss → ColorComponentEntry.module.scss} +0 -0
  96. /package/components/colorPicker/{ColorPicker.modules.scss → ColorPicker.module.scss} +0 -0
  97. /package/components/colorPicker/{HexColor.modules.scss → HexColor.module.scss} +0 -0
  98. /package/components/layout/{FlexibleColumn.modules.scss → FlexibleColumn.module.scss} +0 -0
  99. /package/components/layout/{FlexibleDropZone.modules.scss → FlexibleDropZone.module.scss} +0 -0
  100. /package/components/layout/{FlexibleGridContainer.modules.scss → FlexibleGridContainer.module.scss} +0 -0
  101. /package/components/layout/{FlexibleResizeBar.modules.scss → FlexibleResizeBar.module.scss} +0 -0
  102. /package/components/layout/{FlexibleTab.modules.scss → FlexibleTab.module.scss} +0 -0
  103. /package/components/layout/{FlexibleTabsContainer.modules.scss → FlexibleTabsContainer.module.scss} +0 -0
  104. /package/components/lines/{ColorLineComponent.modules.scss → ColorLineComponent.module.scss} +0 -0
  105. /package/components/lines/{ColorPickerLineComponent.modules.scss → ColorPickerLineComponent.module.scss} +0 -0
  106. /package/components/lines/{FileButtonLineComponent.modules.scss → FileButtonLineComponent.module.scss} +0 -0
  107. /package/components/lines/{NumericInputComponent.modules.scss → NumericInputComponent.module.scss} +0 -0
  108. /package/components/lines/{OptionsLineComponent.modules.scss → OptionsLineComponent.module.scss} +0 -0
  109. /package/components/reactGraphSystem/{GraphConnectorHandle.modules.scss → GraphConnectorHandle.module.scss} +0 -0
  110. /package/components/reactGraphSystem/{GraphContainer.modules.scss → GraphContainer.module.scss} +0 -0
  111. /package/components/reactGraphSystem/{GraphNode.modules.scss → GraphNode.module.scss} +0 -0
  112. /package/nodeGraphSystem/{common.modules.scss → common.module.scss} +0 -0
  113. /package/nodeGraphSystem/{graphCanvas.modules.scss → graphCanvas.module.scss} +0 -0
  114. /package/nodeGraphSystem/{graphFrame.modules.scss → graphFrame.module.scss} +0 -0
  115. /package/nodeGraphSystem/{nodeLink.modules.scss → nodeLink.module.scss} +0 -0
  116. /package/nodeGraphSystem/{nodePort.modules.scss → nodePort.module.scss} +0 -0
package/lines/popup.d.ts DELETED
@@ -1,4 +0,0 @@
1
- export declare class Popup {
2
- static CreatePopup(title: string, windowVariableName: string, width?: number, height?: number): HTMLDivElement | null;
3
- private static _CopyStyles;
4
- }
package/lines/popup.js DELETED
@@ -1,69 +0,0 @@
1
- export class Popup {
2
- static CreatePopup(title, windowVariableName, width = 300, height = 800) {
3
- const windowCreationOptionsList = {
4
- width: width,
5
- height: height,
6
- top: (window.innerHeight - width) / 2 + window.screenY,
7
- left: (window.innerWidth - height) / 2 + window.screenX,
8
- };
9
- const windowCreationOptions = Object.keys(windowCreationOptionsList)
10
- .map((key) => key + "=" + windowCreationOptionsList[key])
11
- .join(",");
12
- const popupWindow = window.open("", title, windowCreationOptions);
13
- if (!popupWindow) {
14
- return null;
15
- }
16
- const parentDocument = popupWindow.document;
17
- // Font
18
- const newLinkEl = parentDocument.createElement("link");
19
- newLinkEl.rel = "stylesheet";
20
- newLinkEl.href = "https://use.typekit.net/cta4xsb.css";
21
- parentDocument.head.appendChild(newLinkEl);
22
- parentDocument.title = title;
23
- parentDocument.body.style.width = "100%";
24
- parentDocument.body.style.height = "100%";
25
- parentDocument.body.style.margin = "0";
26
- parentDocument.body.style.padding = "0";
27
- const parentControl = parentDocument.createElement("div");
28
- parentControl.style.width = "100%";
29
- parentControl.style.height = "100%";
30
- parentControl.style.margin = "0";
31
- parentControl.style.padding = "0";
32
- popupWindow.document.body.appendChild(parentControl);
33
- this._CopyStyles(window.document, parentDocument);
34
- setTimeout(() => {
35
- // need this for late bindings
36
- this._CopyStyles(window.document, parentDocument);
37
- }, 0);
38
- this[windowVariableName] = popupWindow;
39
- return parentControl;
40
- }
41
- static _CopyStyles(sourceDoc, targetDoc) {
42
- for (let index = 0; index < sourceDoc.styleSheets.length; index++) {
43
- const styleSheet = sourceDoc.styleSheets[index];
44
- try {
45
- if (styleSheet.cssRules) {
46
- // for <style> elements
47
- const newStyleEl = sourceDoc.createElement("style");
48
- for (const cssRule of styleSheet.cssRules) {
49
- // write the text of each rule into the body of the style element
50
- newStyleEl.appendChild(sourceDoc.createTextNode(cssRule.cssText));
51
- }
52
- targetDoc.head.appendChild(newStyleEl);
53
- }
54
- else if (styleSheet.href) {
55
- // for <link> elements loading CSS from a URL
56
- const newLinkEl = sourceDoc.createElement("link");
57
- newLinkEl.rel = "stylesheet";
58
- newLinkEl.href = styleSheet.href;
59
- targetDoc.head.appendChild(newLinkEl);
60
- }
61
- }
62
- catch (e) {
63
- // eslint-disable-next-line no-console
64
- console.log(e);
65
- }
66
- }
67
- }
68
- }
69
- //# sourceMappingURL=popup.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"popup.js","sourceRoot":"","sources":["../../../../dev/sharedUiComponents/src/lines/popup.ts"],"names":[],"mappings":"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","sourcesContent":["export class Popup {\r\n public static CreatePopup(title: string, windowVariableName: string, width = 300, height = 800) {\r\n const windowCreationOptionsList = {\r\n width: width,\r\n height: height,\r\n top: (window.innerHeight - width) / 2 + window.screenY,\r\n left: (window.innerWidth - height) / 2 + window.screenX,\r\n };\r\n\r\n const windowCreationOptions = Object.keys(windowCreationOptionsList)\r\n .map((key) => key + \"=\" + (windowCreationOptionsList as any)[key])\r\n .join(\",\");\r\n\r\n const popupWindow = window.open(\"\", title, windowCreationOptions);\r\n if (!popupWindow) {\r\n return null;\r\n }\r\n\r\n const parentDocument = popupWindow.document;\r\n\r\n // Font\r\n const newLinkEl = parentDocument.createElement(\"link\");\r\n\r\n newLinkEl.rel = \"stylesheet\";\r\n newLinkEl.href = \"https://use.typekit.net/cta4xsb.css\";\r\n parentDocument.head!.appendChild(newLinkEl);\r\n\r\n parentDocument.title = title;\r\n parentDocument.body.style.width = \"100%\";\r\n parentDocument.body.style.height = \"100%\";\r\n parentDocument.body.style.margin = \"0\";\r\n parentDocument.body.style.padding = \"0\";\r\n\r\n const parentControl = parentDocument.createElement(\"div\");\r\n parentControl.style.width = \"100%\";\r\n parentControl.style.height = \"100%\";\r\n parentControl.style.margin = \"0\";\r\n parentControl.style.padding = \"0\";\r\n\r\n popupWindow.document.body.appendChild(parentControl);\r\n this._CopyStyles(window.document, parentDocument);\r\n setTimeout(() => {\r\n // need this for late bindings\r\n this._CopyStyles(window.document, parentDocument);\r\n }, 0);\r\n\r\n (this as any)[windowVariableName] = popupWindow;\r\n\r\n return parentControl;\r\n }\r\n\r\n private static _CopyStyles(sourceDoc: HTMLDocument, targetDoc: HTMLDocument) {\r\n for (let index = 0; index < sourceDoc.styleSheets.length; index++) {\r\n const styleSheet: any = sourceDoc.styleSheets[index];\r\n try {\r\n if (styleSheet.cssRules) {\r\n // for <style> elements\r\n const newStyleEl = sourceDoc.createElement(\"style\");\r\n\r\n for (const cssRule of styleSheet.cssRules) {\r\n // write the text of each rule into the body of the style element\r\n newStyleEl.appendChild(sourceDoc.createTextNode(cssRule.cssText));\r\n }\r\n\r\n targetDoc.head!.appendChild(newStyleEl);\r\n } else if (styleSheet.href) {\r\n // for <link> elements loading CSS from a URL\r\n const newLinkEl = sourceDoc.createElement(\"link\");\r\n\r\n newLinkEl.rel = \"stylesheet\";\r\n newLinkEl.href = styleSheet.href;\r\n targetDoc.head!.appendChild(newLinkEl);\r\n }\r\n } catch (e) {\r\n // eslint-disable-next-line no-console\r\n console.log(e);\r\n }\r\n }\r\n }\r\n}\r\n"]}