@babylonjs/shared-ui-components 5.28.0

package/nodeGraphSystem/tools.js

@@ -0,0 +1,37 @@
+export const IsFramePortData = (variableToCheck) => {
+    if (variableToCheck) {
+        return variableToCheck.port !== undefined;
+    }
+    else {
+        return false;
+    }
+};
+export const RefreshNode = (node, visitedNodes, visitedLinks) => {
+    node.refresh();
+    const links = node.links;
+    if (visitedNodes) {
+        // refresh first the nodes so that the right types are assigned to the auto-detect ports
+        links.forEach((link) => {
+            const nodeA = link.nodeA, nodeB = link.nodeB;
+            if (!visitedNodes.has(nodeA)) {
+                visitedNodes.add(nodeA);
+                RefreshNode(nodeA, visitedNodes, visitedLinks);
+            }
+            if (nodeB && !visitedNodes.has(nodeB)) {
+                visitedNodes.add(nodeB);
+                RefreshNode(nodeB, visitedNodes, visitedLinks);
+            }
+        });
+    }
+    if (!visitedLinks) {
+        return;
+    }
+    // then refresh the links to display the right color between ports
+    links.forEach((link) => {
+        if (!visitedLinks.has(link)) {
+            visitedLinks.add(link);
+            link.update();
+        }
+    });
+};
+//# sourceMappingURL=tools.js.map

package/nodeGraphSystem/tools.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tools.js","sourceRoot":"","sources":["../../../../../dev/sharedUiComponents/src/nodeGraphSystem/tools.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,eAAoB,EAAoC,EAAE;IACtF,IAAI,eAAe,EAAE;QACjB,OAAQ,eAAiC,CAAC,IAAI,KAAK,SAAS,CAAC;KAChE;SAAM;QACH,OAAO,KAAK,CAAC;KAChB;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,IAAe,EAAE,YAA6B,EAAE,YAA4B,EAAE,EAAE;IACxG,IAAI,CAAC,OAAO,EAAE,CAAC;IAEf,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;IAEzB,IAAI,YAAY,EAAE;QACd,wFAAwF;QACxF,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACnB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EACpB,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;YAEvB,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;gBAC1B,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;gBACxB,WAAW,CAAC,KAAK,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC;aAClD;YAED,IAAI,KAAK,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;gBACnC,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;gBACxB,WAAW,CAAC,KAAK,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC;aAClD;QACL,CAAC,CAAC,CAAC;KACN;IAED,IAAI,CAAC,YAAY,EAAE;QACf,OAAO;KACV;IAED,kEAAkE;IAClE,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QACnB,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;YACzB,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YACvB,IAAI,CAAC,MAAM,EAAE,CAAC;SACjB;IACL,CAAC,CAAC,CAAC;AACP,CAAC,CAAC","sourcesContent":["import type { GraphNode } from \"./graphNode\";\r\nimport type { NodeLink } from \"./nodeLink\";\r\nimport type { FramePortData } from \"./types/framePortData\";\r\n\r\nexport const IsFramePortData = (variableToCheck: any): variableToCheck is FramePortData => {\r\n    if (variableToCheck) {\r\n        return (variableToCheck as FramePortData).port !== undefined;\r\n    } else {\r\n        return false;\r\n    }\r\n};\r\n\r\nexport const RefreshNode = (node: GraphNode, visitedNodes?: Set<GraphNode>, visitedLinks?: Set<NodeLink>) => {\r\n    node.refresh();\r\n\r\n    const links = node.links;\r\n\r\n    if (visitedNodes) {\r\n        // refresh first the nodes so that the right types are assigned to the auto-detect ports\r\n        links.forEach((link) => {\r\n            const nodeA = link.nodeA,\r\n                nodeB = link.nodeB;\r\n\r\n            if (!visitedNodes.has(nodeA)) {\r\n                visitedNodes.add(nodeA);\r\n                RefreshNode(nodeA, visitedNodes, visitedLinks);\r\n            }\r\n\r\n            if (nodeB && !visitedNodes.has(nodeB)) {\r\n                visitedNodes.add(nodeB);\r\n                RefreshNode(nodeB, visitedNodes, visitedLinks);\r\n            }\r\n        });\r\n    }\r\n\r\n    if (!visitedLinks) {\r\n        return;\r\n    }\r\n\r\n    // then refresh the links to display the right color between ports\r\n    links.forEach((link) => {\r\n        if (!visitedLinks.has(link)) {\r\n            visitedLinks.add(link);\r\n            link.update();\r\n        }\r\n    });\r\n};\r\n"]}

package/nodeGraphSystem/typeLedger.d.ts

@@ -0,0 +1,8 @@
+import type { INodeContainer } from "./interfaces/nodeContainer";
+import type { INodeData } from "./interfaces/nodeData";
+import type { IPortData } from "./interfaces/portData";
+import type { NodePort } from "./nodePort";
+export declare class TypeLedger {
+    static PortDataBuilder: (port: NodePort, nodeContainer: INodeContainer) => IPortData;
+    static NodeDataBuilder: (data: any, nodeContainer: INodeContainer) => INodeData;
+}

package/nodeGraphSystem/typeLedger.js

@@ -0,0 +1,3 @@
+export class TypeLedger {
+}
+//# sourceMappingURL=typeLedger.js.map

package/nodeGraphSystem/typeLedger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typeLedger.js","sourceRoot":"","sources":["../../../../../dev/sharedUiComponents/src/nodeGraphSystem/typeLedger.ts"],"names":[],"mappings":"AAKA,MAAM,OAAO,UAAU;CAGtB","sourcesContent":["import type { INodeContainer } from \"./interfaces/nodeContainer\";\r\nimport type { INodeData } from \"./interfaces/nodeData\";\r\nimport type { IPortData } from \"./interfaces/portData\";\r\nimport type { NodePort } from \"./nodePort\";\r\n\r\nexport class TypeLedger {\r\n    public static PortDataBuilder: (port: NodePort, nodeContainer: INodeContainer) => IPortData;\r\n    public static NodeDataBuilder: (data: any, nodeContainer: INodeContainer) => INodeData;\r\n}\r\n"]}

package/nodeGraphSystem/types/framePortData.d.ts

@@ -0,0 +1,7 @@
+import type { GraphFrame } from "../graphFrame";
+declare type FrameNodePort = import("../frameNodePort").FrameNodePort;
+export declare type FramePortData = {
+    frame: GraphFrame;
+    port: FrameNodePort;
+};
+export {};

package/nodeGraphSystem/types/framePortData.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=framePortData.js.map

package/nodeGraphSystem/types/framePortData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"framePortData.js","sourceRoot":"","sources":["../../../../../../dev/sharedUiComponents/src/nodeGraphSystem/types/framePortData.ts"],"names":[],"mappings":"","sourcesContent":["import type { GraphFrame } from \"../graphFrame\";\r\n\r\ndeclare type FrameNodePort = import(\"../frameNodePort\").FrameNodePort;\r\n\r\nexport type FramePortData = {\r\n    frame: GraphFrame;\r\n    port: FrameNodePort;\r\n};\r\n"]}

package/package.json

@@ -0,0 +1,55 @@
+{
+    "name": "@babylonjs/shared-ui-components",
+    "version": "5.28.0",
+    "main": "index.js",
+    "module": "index.js",
+    "types": "index.d.ts",
+    "files": [
+        "**/*.js",
+        "**/*.d.ts",
+        "**/*.map",
+        "readme.md",
+        "license.md"
+    ],
+    "scripts": {
+        "build": "npm run clean && npm run compile",
+        "clean": "rimraf dist && rimraf *.tsbuildinfo && rimraf \"./**/*.!(md|json|build.json)\"",
+        "compile": "tsc -b tsconfig.build.json --verbose",
+        "precompile": "build-tools -c process-assets --path-prefix ../../../dev/sharedUiComponents/",
+        "postcompile": "build-tools -c add-js-to-es6",
+        "prepublishOnly": "build-tools -c prepare-es6-build"
+    },
+    "devDependencies": {
+        "@dev/build-tools": "^1.0.0",
+        "@lts/gui": "1.0.0",
+        "@lts/core": "1.0.0",
+        "rimraf": "^3.0.2",
+        "typescript": "^4.4.4"
+    },
+    "peerDependencies": {
+        "@babylonjs/core": "^5.22.0",
+        "@babylonjs/gui": "^5.22.0",
+        "react": "^17.0.2",
+        "react-dom": "^17.0.2"
+    },
+    "keywords": [
+        "3D",
+        "javascript",
+        "html5",
+        "webgl",
+        "babylon.js"
+    ],
+    "license": "Apache-2.0",
+    "esnext": "index.js",
+    "type": "module",
+    "sideEffects": true,
+    "homepage": "https://www.babylonjs.com",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/BabylonJS/Babylon.js.git"
+    },
+    "bugs": {
+        "url": "https://github.com/BabylonJS/Babylon.js/issues"
+    }
+}
+

package/propertyChangedEvent.d.ts

@@ -0,0 +1,7 @@
+export declare class PropertyChangedEvent {
+    object: any;
+    property: string;
+    value: any;
+    initialValue: any;
+    allowNullValue?: boolean;
+}

package/propertyChangedEvent.js

@@ -0,0 +1,3 @@
+export class PropertyChangedEvent {
+}
+//# sourceMappingURL=propertyChangedEvent.js.map

package/propertyChangedEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"propertyChangedEvent.js","sourceRoot":"","sources":["../../../../dev/sharedUiComponents/src/propertyChangedEvent.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,oBAAoB;CAMhC","sourcesContent":["export class PropertyChangedEvent {\r\n    public object: any;\r\n    public property: string;\r\n    public value: any;\r\n    public initialValue: any;\r\n    public allowNullValue?: boolean;\r\n}\r\n"]}

package/readme.md

@@ -0,0 +1,6 @@
+Babylon.js shared ui components
+=====================
+
+This is a collection of UI components mainly used in the babylon.js toolset.
+
+For further information please visit https://github.com/BabylonJS/Babylon.js

package/stories/Button.stories.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { ButtonProps } from "../components/Button";
+declare const _default: {
+    title: string;
+    component: import("react").FC<ButtonProps>;
+};
+export default _default;
+export declare const Default: any;
+export declare const Wide: any;
+export declare const Small: any;

package/stories/Button.stories.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button } from "../components/Button.js";
+import { Icon } from "../components/Icon.js";
+import resizeToFitIcon from "../imgs/resizeToFitIcon.svg";
+export default {
+    title: "Inputs/Button",
+    component: Button,
+};
+const Template = (args) => (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx("h1", { children: "Icons" }), _jsx(Button, { ...args, color: "light", title: "Foo", children: _jsx(Icon, { icon: resizeToFitIcon, color: "dark" }) }), _jsx(Button, { ...args, color: "dark", title: "Bar", children: _jsx(Icon, { icon: resizeToFitIcon, color: "light" }) })] }), _jsxs("div", { children: [_jsx("h1", { children: "Text" }), _jsx(Button, { ...args, color: "light", title: "Foo", children: "HELLO" }), _jsx(Button, { ...args, color: "dark", title: "Bar", children: "WORLD" })] })] }));
+export const Default = Template.bind({});
+Default.args = {};
+export const Wide = Template.bind({});
+Wide.args = {
+    size: "wide",
+};
+export const Small = Template.bind({});
+Small.args = {
+    size: "small",
+};
+//# sourceMappingURL=Button.stories.js.map

package/stories/Button.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../../dev/sharedUiComponents/src/stories/Button.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,eAAe,MAAM,6BAA6B,CAAC;AAE1D,eAAe;IACX,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,MAAM;CACpB,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAiB,EAAE,EAAE,CAAC,CACpC,8BACI,0BACI,iCAAc,EACd,KAAC,MAAM,OAAK,IAAI,EAAE,KAAK,EAAC,OAAO,EAAC,KAAK,EAAC,KAAK,YACvC,KAAC,IAAI,IAAC,IAAI,EAAE,eAAe,EAAE,KAAK,EAAC,MAAM,GAAG,GACvC,EACT,KAAC,MAAM,OAAK,IAAI,EAAE,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,KAAK,YACtC,KAAC,IAAI,IAAC,IAAI,EAAE,eAAe,EAAE,KAAK,EAAC,OAAO,GAAG,GACxC,IACP,EACN,0BACI,gCAAa,EACb,KAAC,MAAM,OAAK,IAAI,EAAE,KAAK,EAAC,OAAO,EAAC,KAAK,EAAC,KAAK,sBAElC,EACT,KAAC,MAAM,OAAK,IAAI,EAAE,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,KAAK,sBAEjC,IACP,IACP,CACN,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG,EAAE,CAAC;AAClB,MAAM,CAAC,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACtC,IAAI,CAAC,IAAI,GAAG;IACR,IAAI,EAAE,MAAM;CACf,CAAC;AACF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;IACT,IAAI,EAAE,OAAO;CAChB,CAAC","sourcesContent":["import type { ButtonProps } from \"../components/Button\";\r\nimport { Button } from \"../components/Button\";\r\n\r\nimport { Icon } from \"../components/Icon\";\r\nimport resizeToFitIcon from \"../imgs/resizeToFitIcon.svg\";\r\n\r\nexport default {\r\n    title: \"Inputs/Button\",\r\n    component: Button,\r\n};\r\n\r\nconst Template = (args: ButtonProps) => (\r\n    <>\r\n        <div>\r\n            <h1>Icons</h1>\r\n            <Button {...args} color=\"light\" title=\"Foo\">\r\n                <Icon icon={resizeToFitIcon} color=\"dark\" />\r\n            </Button>\r\n            <Button {...args} color=\"dark\" title=\"Bar\">\r\n                <Icon icon={resizeToFitIcon} color=\"light\" />\r\n            </Button>\r\n        </div>\r\n        <div>\r\n            <h1>Text</h1>\r\n            <Button {...args} color=\"light\" title=\"Foo\">\r\n                HELLO\r\n            </Button>\r\n            <Button {...args} color=\"dark\" title=\"Bar\">\r\n                WORLD\r\n            </Button>\r\n        </div>\r\n    </>\r\n);\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {};\r\nexport const Wide = Template.bind({});\r\nWide.args = {\r\n    size: \"wide\",\r\n};\r\nexport const Small = Template.bind({});\r\nSmall.args = {\r\n    size: \"small\",\r\n};\r\n"]}

package/stories/Icon.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { IconProps } from "../components/Icon";
+declare const _default: {
+    title: string;
+    component: import("react").FC<IconProps>;
+};
+export default _default;
+export declare const Light: any;
+export declare const Dark: any;

package/stories/Icon.stories.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon } from "../components/Icon.js";
+import resizeToFitIcon from "../imgs/resizeToFitIcon.svg";
+export default {
+    title: "Layout/Icon",
+    component: Icon,
+};
+const Template = (args) => _jsx(Icon, { ...args, icon: resizeToFitIcon });
+export const Light = Template.bind({});
+Light.args = {
+    color: "light",
+};
+export const Dark = Template.bind({});
+Dark.args = {
+    color: "dark",
+};
+//# sourceMappingURL=Icon.stories.js.map

package/stories/Icon.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.stories.js","sourceRoot":"","sources":["../../../../../dev/sharedUiComponents/src/stories/Icon.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE1C,OAAO,eAAe,MAAM,6BAA6B,CAAC;AAE1D,eAAe;IACX,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,IAAI;CAClB,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAe,EAAE,EAAE,CAAC,KAAC,IAAI,OAAK,IAAI,EAAE,IAAI,EAAE,eAAe,GAAI,CAAC;AAEhF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;IACT,KAAK,EAAE,OAAO;CACjB,CAAC;AACF,MAAM,CAAC,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACtC,IAAI,CAAC,IAAI,GAAG;IACR,KAAK,EAAE,MAAM;CAChB,CAAC","sourcesContent":["import type { IconProps } from \"../components/Icon\";\r\nimport { Icon } from \"../components/Icon\";\r\n\r\nimport resizeToFitIcon from \"../imgs/resizeToFitIcon.svg\";\r\n\r\nexport default {\r\n    title: \"Layout/Icon\",\r\n    component: Icon,\r\n};\r\n\r\nconst Template = (args: IconProps) => <Icon {...args} icon={resizeToFitIcon} />;\r\n\r\nexport const Light = Template.bind({});\r\nLight.args = {\r\n    color: \"light\",\r\n};\r\nexport const Dark = Template.bind({});\r\nDark.args = {\r\n    color: \"dark\",\r\n};\r\n"]}

package/stories/Label.stories.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { LabelProps } from "../components/Label";
+declare const _default: {
+    title: string;
+    component: import("react").FC<LabelProps>;
+};
+export default _default;
+export declare const Default: any;

package/stories/Label.stories.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Label } from "../components/Label.js";
+import { Toggle } from "../components/Toggle.js";
+export default {
+    title: "Layout/Label",
+    component: Label,
+};
+const Template = (args) => (_jsx(Label, { ...args, text: "Responsive:", children: _jsx(Toggle, { toggled: "off", color: args.color }) }));
+export const Default = Template.bind({});
+Default.args = {};
+//# sourceMappingURL=Label.stories.js.map

package/stories/Label.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.stories.js","sourceRoot":"","sources":["../../../../../dev/sharedUiComponents/src/stories/Label.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,eAAe;IACX,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,KAAK;CACnB,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAgB,EAAE,EAAE,CAAC,CACnC,KAAC,KAAK,OAAK,IAAI,EAAE,IAAI,EAAC,aAAa,YAC/B,KAAC,MAAM,IAAC,OAAO,EAAC,KAAK,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,GACvC,CACX,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG,EAAE,CAAC","sourcesContent":["import type { LabelProps } from \"../components/Label\";\r\nimport { Label } from \"../components/Label\";\r\nimport { Toggle } from \"../components/Toggle\";\r\n\r\nexport default {\r\n    title: \"Layout/Label\",\r\n    component: Label,\r\n};\r\n\r\nconst Template = (args: LabelProps) => (\r\n    <Label {...args} text=\"Responsive:\">\r\n        <Toggle toggled=\"off\" color={args.color} />\r\n    </Label>\r\n);\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {};\r\n"]}

package/stories/MessageDialog.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { MessageDialogProps } from "../components/MessageDialog";
+declare const _default: {
+    title: string;
+    component: import("react").FC<MessageDialogProps>;
+};
+export default _default;
+export declare const NoError: any;
+export declare const Error: any;

package/stories/MessageDialog.stories.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MessageDialog } from "../components/MessageDialog.js";
+export default {
+    title: "Layout/MessageDialog",
+    component: MessageDialog,
+};
+const Template = (args) => {
+    return _jsx(MessageDialog, { ...args });
+};
+export const NoError = Template.bind({});
+NoError.args = {
+    message: "No error",
+    isError: false,
+};
+export const Error = Template.bind({});
+Error.args = {
+    message: "Error",
+    isError: true,
+};
+//# sourceMappingURL=MessageDialog.stories.js.map

package/stories/MessageDialog.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageDialog.stories.js","sourceRoot":"","sources":["../../../../../dev/sharedUiComponents/src/stories/MessageDialog.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAE5D,eAAe;IACX,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,aAAa;CAC3B,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAwB,EAAE,EAAE;IAC1C,OAAO,KAAC,aAAa,OAAK,IAAI,GAAI,CAAC;AACvC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACX,OAAO,EAAE,UAAU;IACnB,OAAO,EAAE,KAAK;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;IACT,OAAO,EAAE,OAAO;IAChB,OAAO,EAAE,IAAI;CAChB,CAAC","sourcesContent":["import type { MessageDialogProps } from \"../components/MessageDialog\";\r\nimport { MessageDialog } from \"../components/MessageDialog\";\r\n\r\nexport default {\r\n    title: \"Layout/MessageDialog\",\r\n    component: MessageDialog,\r\n};\r\n\r\nconst Template = (args: MessageDialogProps) => {\r\n    return <MessageDialog {...args} />;\r\n};\r\n\r\nexport const NoError = Template.bind({});\r\nNoError.args = {\r\n    message: \"No error\",\r\n    isError: false,\r\n};\r\n\r\nexport const Error = Template.bind({});\r\nError.args = {\r\n    message: \"Error\",\r\n    isError: true,\r\n};\r\n"]}

package/stories/Toggle.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ToggleProps } from "../components/Toggle";
+declare const _default: {
+    title: string;
+    component: import("react").FC<ToggleProps>;
+};
+export default _default;
+export declare const Default: any;
+export declare const Padded: any;

package/stories/Toggle.stories.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Toggle } from "../components/Toggle.js";
+export default {
+    title: "Inputs/Toggle",
+    component: Toggle,
+};
+const Template = (args) => _jsx(Toggle, { ...args, onToggle: () => { } });
+export const Default = Template.bind({});
+Default.args = {
+    toggled: "off",
+    padded: false,
+};
+export const Padded = Template.bind({});
+Padded.args = {
+    toggled: "off",
+    padded: true,
+};
+//# sourceMappingURL=Toggle.stories.js.map

package/stories/Toggle.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.stories.js","sourceRoot":"","sources":["../../../../../dev/sharedUiComponents/src/stories/Toggle.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,eAAe;IACX,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,MAAM;CACpB,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAiB,EAAE,EAAE,CAAC,KAAC,MAAM,OAAK,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,GAAI,CAAC;AAEjF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACX,OAAO,EAAE,KAAK;IACd,MAAM,EAAE,KAAK;CAChB,CAAC;AACF,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxC,MAAM,CAAC,IAAI,GAAG;IACV,OAAO,EAAE,KAAK;IACd,MAAM,EAAE,IAAI;CACf,CAAC","sourcesContent":["import type { ToggleProps } from \"../components/Toggle\";\r\nimport { Toggle } from \"../components/Toggle\";\r\n\r\nexport default {\r\n    title: \"Inputs/Toggle\",\r\n    component: Toggle,\r\n};\r\n\r\nconst Template = (args: ToggleProps) => <Toggle {...args} onToggle={() => {}} />;\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n    toggled: \"off\",\r\n    padded: false,\r\n};\r\nexport const Padded = Template.bind({});\r\nPadded.args = {\r\n    toggled: \"off\",\r\n    padded: true,\r\n};\r\n"]}

package/stories/bars/CommandBarComponent.stories.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare const _default: {
+    component: import("react").FC<import("../../components/bars/CommandBarComponent").ICommandBarComponentProps>;
+};
+export default _default;
+export declare const Default: {};
+export declare const WithArtboardColor: {
+    parameters: {
+        onArtboardColorChanged: (color: string) => void;
+    };
+};

package/stories/bars/CommandBarComponent.stories.js

@@ -0,0 +1,13 @@
+import { CommandBarComponent } from "../../components/bars/CommandBarComponent.js";
+export default { component: CommandBarComponent };
+// Default rendering function.
+export const Default = {};
+const artBoardColorChange = (color) => {
+    console.log("new color", color);
+};
+// With Artboard color
+export const WithArtboardColor = {
+    ...Default,
+    parameters: { onArtboardColorChanged: artBoardColorChange },
+};
+//# sourceMappingURL=CommandBarComponent.stories.js.map

package/stories/bars/CommandBarComponent.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandBarComponent.stories.js","sourceRoot":"","sources":["../../../../../../dev/sharedUiComponents/src/stories/bars/CommandBarComponent.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAEhF,eAAe,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC;AAElD,8BAA8B;AAC9B,MAAM,CAAC,MAAM,OAAO,GAAG,EAAE,CAAC;AAE1B,MAAM,mBAAmB,GAAG,CAAC,KAAa,EAAE,EAAE;IAC1C,OAAO,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;AACpC,CAAC,CAAC;AAEF,sBAAsB;AACtB,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC7B,GAAG,OAAO;IACV,UAAU,EAAE,EAAE,sBAAsB,EAAE,mBAAmB,EAAE;CAC9D,CAAC","sourcesContent":["import { CommandBarComponent } from \"../../components/bars/CommandBarComponent\";\r\n\r\nexport default { component: CommandBarComponent };\r\n\r\n// Default rendering function.\r\nexport const Default = {};\r\n\r\nconst artBoardColorChange = (color: string) => {\r\n    console.log(\"new color\", color);\r\n};\r\n\r\n// With Artboard color\r\nexport const WithArtboardColor = {\r\n    ...Default,\r\n    parameters: { onArtboardColorChanged: artBoardColorChange },\r\n};\r\n"]}

package/stories/bars/CommandButtonComponent.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const _default: {
+    component: import("react").FC<import("../../components/bars/CommandButtonComponent").ICommandButtonComponentProps>;
+};
+export default _default;
+export declare const Default: {};

package/stories/bars/CommandButtonComponent.stories.js

@@ -0,0 +1,7 @@
+import { CommandButtonComponent } from "../../components/bars/CommandButtonComponent.js";
+export default {
+    component: CommandButtonComponent,
+};
+// Default rendering function
+export const Default = {};
+//# sourceMappingURL=CommandButtonComponent.stories.js.map

package/stories/bars/CommandButtonComponent.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandButtonComponent.stories.js","sourceRoot":"","sources":["../../../../../../dev/sharedUiComponents/src/stories/bars/CommandButtonComponent.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AAEtF,eAAe;IACX,SAAS,EAAE,sBAAsB;CACpC,CAAC;AAEF,6BAA6B;AAC7B,MAAM,CAAC,MAAM,OAAO,GAAG,EAAE,CAAC","sourcesContent":["import { CommandButtonComponent } from \"../../components/bars/CommandButtonComponent\";\r\n\r\nexport default {\r\n    component: CommandButtonComponent,\r\n};\r\n\r\n// Default rendering function\r\nexport const Default = {};\r\n"]}

package/stories/colorPicker/ColorPicker.stories.d.ts

@@ -0,0 +1,11 @@
+import { Color3 } from "@babylonjs/core/Maths/math.color.js";
+import { ColorPicker } from "../../components/colorPicker/ColorPicker";
+declare const _default: {
+    component: typeof ColorPicker;
+};
+export default _default;
+export declare const Default: {
+    args: {
+        color: Color3;
+    };
+};

package/stories/colorPicker/ColorPicker.stories.js

@@ -0,0 +1,5 @@
+import { Color3 } from "@babylonjs/core/Maths/math.color.js";
+import { ColorPicker } from "../../components/colorPicker/ColorPicker.js";
+export default { component: ColorPicker };
+export const Default = { args: { color: new Color3(1, 0, 0) } };
+//# sourceMappingURL=ColorPicker.stories.js.map

package/stories/colorPicker/ColorPicker.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.stories.js","sourceRoot":"","sources":["../../../../../../dev/sharedUiComponents/src/stories/colorPicker/ColorPicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,4CAA8B;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAEvE,eAAe,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;AAE1C,MAAM,CAAC,MAAM,OAAO,GAAG,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,IAAI,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC","sourcesContent":["import { Color3 } from \"core/Maths/math.color\";\r\nimport { ColorPicker } from \"../../components/colorPicker/ColorPicker\";\r\n\r\nexport default { component: ColorPicker };\r\n\r\nexport const Default = { args: { color: new Color3(1, 0, 0) } };\r\n"]}

package/stories/lines/ColorLineComponent.stories.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { Observable } from "@babylonjs/core/Misc/observable.js";
+import type { PropertyChangedEvent } from "../../propertyChangedEvent";
+import type { IColorLineComponentProps } from "../../components/lines/ColorLineComponent";
+import { ColorLineComponent } from "../../components/lines/ColorLineComponent";
+declare const _default: {
+    component: typeof ColorLineComponent;
+};
+export default _default;
+export declare const Default: {
+    render: (args: IColorLineComponentProps) => JSX.Element;
+    args: {
+        target: {};
+        label: string;
+        propertyName: string;
+        lockObject: {
+            lock: boolean;
+        };
+        onPropertyChangedObservable: Observable<PropertyChangedEvent>;
+    };
+};

package/stories/lines/ColorLineComponent.stories.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Observable } from "@babylonjs/core/Misc/observable.js";
+import { ColorLineComponent } from "../../components/lines/ColorLineComponent.js";
+export default { component: ColorLineComponent };
+const propertyChangedObservable = new Observable();
+export const Default = {
+    render: (args) => (_jsx("div", { style: { width: "100%", display: "flex", justifyContent: "center" }, children: _jsx(ColorLineComponent, { ...args }) })),
+    args: { target: {}, label: "test", propertyName: "test", lockObject: { lock: false }, onPropertyChangedObservable: propertyChangedObservable },
+};
+//# sourceMappingURL=ColorLineComponent.stories.js.map

package/stories/lines/ColorLineComponent.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorLineComponent.stories.js","sourceRoot":"","sources":["../../../../../../dev/sharedUiComponents/src/stories/lines/ColorLineComponent.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,2CAA6B;AAGlD,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAE/E,eAAe,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;AAEjD,MAAM,yBAAyB,GAAG,IAAI,UAAU,EAAwB,CAAC;AAEzE,MAAM,CAAC,MAAM,OAAO,GAAG;IACnB,MAAM,EAAE,CAAC,IAA8B,EAAE,EAAE,CAAC,CACxC,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,YACpE,KAAC,kBAAkB,OAAK,IAAI,GAAI,GAC9B,CACT;IACD,IAAI,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,2BAA2B,EAAE,yBAAyB,EAAE;CACjJ,CAAC","sourcesContent":["import { Observable } from \"core/Misc/observable\";\r\nimport type { PropertyChangedEvent } from \"../../propertyChangedEvent\";\r\nimport type { IColorLineComponentProps } from \"../../components/lines/ColorLineComponent\";\r\nimport { ColorLineComponent } from \"../../components/lines/ColorLineComponent\";\r\n\r\nexport default { component: ColorLineComponent };\r\n\r\nconst propertyChangedObservable = new Observable<PropertyChangedEvent>();\r\n\r\nexport const Default = {\r\n    render: (args: IColorLineComponentProps) => (\r\n        <div style={{ width: \"100%\", display: \"flex\", justifyContent: \"center\" }}>\r\n            <ColorLineComponent {...args} />\r\n        </div>\r\n    ),\r\n    args: { target: {}, label: \"test\", propertyName: \"test\", lockObject: { lock: false }, onPropertyChangedObservable: propertyChangedObservable },\r\n};\r\n"]}

package/stories/lines/ColorPickerLineComponent.stories.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { Color3 } from "@babylonjs/core/Maths/math.color.js";
+import type { IColorPickerComponentProps } from "../../components/lines/ColorPickerLineComponent";
+import { ColorPickerLineComponent } from "../../components/lines/ColorPickerLineComponent";
+declare const _default: {
+    component: typeof ColorPickerLineComponent;
+};
+export default _default;
+export declare const Default: {
+    render: (args: IColorPickerComponentProps) => JSX.Element;
+    args: {
+        value: Color3;
+    };
+};

package/stories/lines/ColorPickerLineComponent.stories.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Color3 } from "@babylonjs/core/Maths/math.color.js";
+import { ColorPickerLineComponent } from "../../components/lines/ColorPickerLineComponent.js";
+export default {
+    component: ColorPickerLineComponent,
+};
+export const Default = {
+    render: (args) => (_jsx("div", { style: { width: "100%", display: "flex", justifyContent: "center" }, children: _jsx(ColorPickerLineComponent, { ...args }) })),
+    args: { value: new Color3(1, 0, 0) },
+};
+//# sourceMappingURL=ColorPickerLineComponent.stories.js.map

package/stories/lines/ColorPickerLineComponent.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPickerLineComponent.stories.js","sourceRoot":"","sources":["../../../../../../dev/sharedUiComponents/src/stories/lines/ColorPickerLineComponent.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,4CAA8B;AAE/C,OAAO,EAAE,wBAAwB,EAAE,MAAM,iDAAiD,CAAC;AAE3F,eAAe;IACX,SAAS,EAAE,wBAAwB;CACtC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG;IACnB,MAAM,EAAE,CAAC,IAAgC,EAAE,EAAE,CAAC,CAC1C,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,YACpE,KAAC,wBAAwB,OAAK,IAAI,GAAI,GACpC,CACT;IACD,IAAI,EAAE,EAAE,KAAK,EAAE,IAAI,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE;CACvC,CAAC","sourcesContent":["import { Color3 } from \"core/Maths/math.color\";\r\nimport type { IColorPickerComponentProps } from \"../../components/lines/ColorPickerLineComponent\";\r\nimport { ColorPickerLineComponent } from \"../../components/lines/ColorPickerLineComponent\";\r\n\r\nexport default {\r\n    component: ColorPickerLineComponent,\r\n};\r\n\r\nexport const Default = {\r\n    render: (args: IColorPickerComponentProps) => (\r\n        <div style={{ width: \"100%\", display: \"flex\", justifyContent: \"center\" }}>\r\n            <ColorPickerLineComponent {...args} />\r\n        </div>\r\n    ),\r\n    args: { value: new Color3(1, 0, 0) },\r\n};\r\n"]}

package/stories/lines/FileButtonLineComponent.stories.d.ts

@@ -0,0 +1,6 @@
+import { FileButtonLineComponent } from "../../components/lines/FileButtonLineComponent";
+declare const _default: {
+    component: typeof FileButtonLineComponent;
+};
+export default _default;
+export declare const Default: {};

package/stories/lines/FileButtonLineComponent.stories.js

@@ -0,0 +1,6 @@
+import { FileButtonLineComponent } from "../../components/lines/FileButtonLineComponent.js";
+export default {
+    component: FileButtonLineComponent,
+};
+export const Default = {};
+//# sourceMappingURL=FileButtonLineComponent.stories.js.map

package/stories/lines/FileButtonLineComponent.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileButtonLineComponent.stories.js","sourceRoot":"","sources":["../../../../../../dev/sharedUiComponents/src/stories/lines/FileButtonLineComponent.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,gDAAgD,CAAC;AAEzF,eAAe;IACX,SAAS,EAAE,uBAAuB;CACrC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,EAAE,CAAC","sourcesContent":["import { FileButtonLineComponent } from \"../../components/lines/FileButtonLineComponent\";\r\n\r\nexport default {\r\n    component: FileButtonLineComponent,\r\n};\r\n\r\nexport const Default = {};\r\n"]}

package/stories/lines/NumericInputComponent.stories.d.ts

@@ -0,0 +1,11 @@
+import { NumericInputComponent } from "../../components/lines/NumericInputComponent";
+declare const _default: {
+    component: typeof NumericInputComponent;
+};
+export default _default;
+export declare const Default: {
+    args: {
+        label: string;
+        value: number;
+    };
+};

package/stories/lines/NumericInputComponent.stories.js

@@ -0,0 +1,6 @@
+import { NumericInputComponent } from "../../components/lines/NumericInputComponent.js";
+export default { component: NumericInputComponent };
+export const Default = {
+    args: { label: "test", value: 1 },
+};
+//# sourceMappingURL=NumericInputComponent.stories.js.map

package/stories/lines/NumericInputComponent.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumericInputComponent.stories.js","sourceRoot":"","sources":["../../../../../../dev/sharedUiComponents/src/stories/lines/NumericInputComponent.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,8CAA8C,CAAC;AAErF,eAAe,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAC;AAEpD,MAAM,CAAC,MAAM,OAAO,GAAG;IACnB,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE;CACpC,CAAC","sourcesContent":["import { NumericInputComponent } from \"../../components/lines/NumericInputComponent\";\r\n\r\nexport default { component: NumericInputComponent };\r\n\r\nexport const Default = {\r\n    args: { label: \"test\", value: 1 },\r\n};\r\n"]}

package/stringTools.d.ts

@@ -0,0 +1,11 @@
+export declare class StringTools {
+    private static _SaveAs;
+    private static _Click;
+    /**
+     * Download a string into a file that will be saved locally by the browser
+     * @param document
+     * @param content defines the string to download locally as a file
+     * @param filename
+     */
+    static DownloadAsFile(document: HTMLDocument, content: string, filename: string): void;
+}