@itwin/frontend-devtools 4.0.0-dev.48 → 4.0.0-dev.50

package/lib/cjs/ui/DataList.js

@@ -1,40 +1,40 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createDataList = exports.appendDataListEntries = void 0;
-function _appendDataListEntry(list, entry) {
-    const option = document.createElement("option");
-    if (undefined !== entry.value)
-        option.value = entry.value.toString();
-    list.appendChild(option);
-}
-/** @alpha */
-function appendDataListEntries(dl, entries) {
-    for (const entry of entries) {
-        _appendDataListEntry(dl.list, entry);
-    }
-}
-exports.appendDataListEntries = appendDataListEntries;
-/** @alpha */
-function createDataList(props) {
-    const list = document.createElement("datalist");
-    list.id = props.id;
-    for (const entry of props.entries) {
-        _appendDataListEntry(list, entry);
-    }
-    const handler = props.handler;
-    if (undefined !== handler)
-        list.onselect = () => handler(list);
-    const div = document.createElement("div");
-    if (props.inline)
-        div.style.display = "inline";
-    div.appendChild(list);
-    if (undefined !== props.parent)
-        props.parent.appendChild(div);
-    return { div, list };
-}
-exports.createDataList = createDataList;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createDataList = exports.appendDataListEntries = void 0;
+function _appendDataListEntry(list, entry) {
+    const option = document.createElement("option");
+    if (undefined !== entry.value)
+        option.value = entry.value.toString();
+    list.appendChild(option);
+}
+/** @alpha */
+function appendDataListEntries(dl, entries) {
+    for (const entry of entries) {
+        _appendDataListEntry(dl.list, entry);
+    }
+}
+exports.appendDataListEntries = appendDataListEntries;
+/** @alpha */
+function createDataList(props) {
+    const list = document.createElement("datalist");
+    list.id = props.id;
+    for (const entry of props.entries) {
+        _appendDataListEntry(list, entry);
+    }
+    const handler = props.handler;
+    if (undefined !== handler)
+        list.onselect = () => handler(list);
+    const div = document.createElement("div");
+    if (props.inline)
+        div.style.display = "inline";
+    div.appendChild(list);
+    if (undefined !== props.parent)
+        props.parent.appendChild(div);
+    return { div, list };
+}
+exports.createDataList = createDataList;
 //# sourceMappingURL=DataList.js.map

package/lib/cjs/ui/DataList.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataList.js","sourceRoot":"","sources":["../../../src/ui/DataList.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;;;AA8B/F,SAAS,oBAAoB,CAAC,IAAyB,EAAE,KAAoB;IAC3E,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAChD,IAAI,SAAS,KAAK,KAAK,CAAC,KAAK;QAC3B,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;IACxC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;AAC3B,CAAC;AAED,aAAa;AACb,SAAgB,qBAAqB,CAAC,EAAY,EAAE,OAAwB;IAC1E,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE;QAC3B,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;KACtC;AACH,CAAC;AAJD,sDAIC;AAED,aAAa;AACb,SAAgB,cAAc,CAAC,KAAoB;IACjD,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAChD,IAAI,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;IAEnB,KAAK,MAAM,KAAK,IAAI,KAAK,CAAC,OAAO,EAAE;QACjC,oBAAoB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;KACnC;IAED,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;IAC9B,IAAI,SAAS,KAAK,OAAO;QACvB,IAAI,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAEtC,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC1C,IAAI,KAAK,CAAC,MAAM;QACd,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,QAAQ,CAAC;IAE/B,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IACtB,IAAI,SAAS,KAAK,KAAK,CAAC,MAAM;QAC5B,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAEhC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC;AACvB,CAAC;AArBD,wCAqBC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n\n/** @packageDocumentation\n * @module Controls\n */\n\n/** @alpha */\nexport interface DataListEntry {\n  value: number | string | undefined;\n}\n\n/** @alpha */\nexport type DataListHandler = (list: HTMLDataListElement) => void;\n\n/** @alpha */\nexport interface DataListProps {\n  name?: string;\n  id: string;\n  entries: DataListEntry[];\n  parent?: HTMLElement;\n  handler?: DataListHandler;\n  inline?: boolean;\n}\n\n/** @alpha */\nexport interface DataList {\n  list: HTMLDataListElement;\n  div: HTMLDivElement;\n}\n\nfunction _appendDataListEntry(list: HTMLDataListElement, entry: DataListEntry) {\n  const option = document.createElement(\"option\");\n  if (undefined !== entry.value)\n    option.value = entry.value.toString();\n  list.appendChild(option);\n}\n\n/** @alpha */\nexport function appendDataListEntries(dl: DataList, entries: DataListEntry[]) {\n  for (const entry of entries) {\n    _appendDataListEntry(dl.list, entry);\n  }\n}\n\n/** @alpha */\nexport function createDataList(props: DataListProps): DataList {\n  const list = document.createElement(\"datalist\");\n  list.id = props.id;\n\n  for (const entry of props.entries) {\n    _appendDataListEntry(list, entry);\n  }\n\n  const handler = props.handler;\n  if (undefined !== handler)\n    list.onselect = () => handler(list);\n\n  const div = document.createElement(\"div\");\n  if (props.inline)\n    div.style.display = \"inline\";\n\n  div.appendChild(list);\n  if (undefined !== props.parent)\n    props.parent.appendChild(div);\n\n  return { div, list };\n}\n"]}
+{"version":3,"file":"DataList.js","sourceRoot":"","sources":["../../../src/ui/DataList.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;;;AA8B/F,SAAS,oBAAoB,CAAC,IAAyB,EAAE,KAAoB;IAC3E,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAChD,IAAI,SAAS,KAAK,KAAK,CAAC,KAAK;QAC3B,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;IACxC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;AAC3B,CAAC;AAED,aAAa;AACb,SAAgB,qBAAqB,CAAC,EAAY,EAAE,OAAwB;IAC1E,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE;QAC3B,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;KACtC;AACH,CAAC;AAJD,sDAIC;AAED,aAAa;AACb,SAAgB,cAAc,CAAC,KAAoB;IACjD,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAChD,IAAI,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;IAEnB,KAAK,MAAM,KAAK,IAAI,KAAK,CAAC,OAAO,EAAE;QACjC,oBAAoB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;KACnC;IAED,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;IAC9B,IAAI,SAAS,KAAK,OAAO;QACvB,IAAI,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAEtC,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC1C,IAAI,KAAK,CAAC,MAAM;QACd,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,QAAQ,CAAC;IAE/B,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IACtB,IAAI,SAAS,KAAK,KAAK,CAAC,MAAM;QAC5B,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAEhC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC;AACvB,CAAC;AArBD,wCAqBC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n\r\n/** @packageDocumentation\r\n * @module Controls\r\n */\r\n\r\n/** @alpha */\r\nexport interface DataListEntry {\r\n  value: number | string | undefined;\r\n}\r\n\r\n/** @alpha */\r\nexport type DataListHandler = (list: HTMLDataListElement) => void;\r\n\r\n/** @alpha */\r\nexport interface DataListProps {\r\n  name?: string;\r\n  id: string;\r\n  entries: DataListEntry[];\r\n  parent?: HTMLElement;\r\n  handler?: DataListHandler;\r\n  inline?: boolean;\r\n}\r\n\r\n/** @alpha */\r\nexport interface DataList {\r\n  list: HTMLDataListElement;\r\n  div: HTMLDivElement;\r\n}\r\n\r\nfunction _appendDataListEntry(list: HTMLDataListElement, entry: DataListEntry) {\r\n  const option = document.createElement(\"option\");\r\n  if (undefined !== entry.value)\r\n    option.value = entry.value.toString();\r\n  list.appendChild(option);\r\n}\r\n\r\n/** @alpha */\r\nexport function appendDataListEntries(dl: DataList, entries: DataListEntry[]) {\r\n  for (const entry of entries) {\r\n    _appendDataListEntry(dl.list, entry);\r\n  }\r\n}\r\n\r\n/** @alpha */\r\nexport function createDataList(props: DataListProps): DataList {\r\n  const list = document.createElement(\"datalist\");\r\n  list.id = props.id;\r\n\r\n  for (const entry of props.entries) {\r\n    _appendDataListEntry(list, entry);\r\n  }\r\n\r\n  const handler = props.handler;\r\n  if (undefined !== handler)\r\n    list.onselect = () => handler(list);\r\n\r\n  const div = document.createElement(\"div\");\r\n  if (props.inline)\r\n    div.style.display = \"inline\";\r\n\r\n  div.appendChild(list);\r\n  if (undefined !== props.parent)\r\n    props.parent.appendChild(div);\r\n\r\n  return { div, list };\r\n}\r\n"]}

package/lib/cjs/ui/NestedMenu.d.ts

@@ -1,20 +1,20 @@
-/** @alpha */
-export declare type NestMenuHandler = (expanded: boolean) => void;
-/** @alpha */
-export interface NestedMenuProps {
-    id?: string;
-    label?: string;
-    parent?: HTMLElement;
-    expand?: boolean;
-    handler?: NestMenuHandler;
-    body?: HTMLElement;
-}
-/** @alpha */
-export interface NestedMenu {
-    div: HTMLDivElement;
-    label: HTMLLabelElement;
-    body: HTMLElement;
-}
-/** @alpha */
-export declare function createNestedMenu(props: NestedMenuProps): NestedMenu;
+/** @alpha */
+export declare type NestMenuHandler = (expanded: boolean) => void;
+/** @alpha */
+export interface NestedMenuProps {
+    id?: string;
+    label?: string;
+    parent?: HTMLElement;
+    expand?: boolean;
+    handler?: NestMenuHandler;
+    body?: HTMLElement;
+}
+/** @alpha */
+export interface NestedMenu {
+    div: HTMLDivElement;
+    label: HTMLLabelElement;
+    body: HTMLElement;
+}
+/** @alpha */
+export declare function createNestedMenu(props: NestedMenuProps): NestedMenu;
 //# sourceMappingURL=NestedMenu.d.ts.map

package/lib/cjs/ui/NestedMenu.js

@@ -1,47 +1,47 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createNestedMenu = void 0;
-/** @packageDocumentation
- * @module Controls
- */
-const Button_1 = require("./Button");
-/** @alpha */
-function createNestedMenu(props) {
-    const div = document.createElement("div");
-    const body = undefined !== props.body ? props.body : document.createElement("div");
-    const header = document.createElement("div");
-    div.appendChild(header);
-    div.appendChild(body);
-    header.style.width = "100%";
-    const label = document.createElement("label");
-    label.innerText = undefined !== props.label ? props.label : "";
-    header.appendChild(label);
-    let isExpanded = undefined !== props.expand ? props.expand : false;
-    body.style.display = isExpanded ? "block" : "none";
-    const toggleMenuButton = (0, Button_1.createButton)({
-        parent: header,
-        inline: true,
-        value: isExpanded ? "-" : "+",
-        handler: () => undefined,
-    });
-    header.onclick = () => {
-        isExpanded = !isExpanded;
-        body.style.display = isExpanded ? "block" : "none";
-        toggleMenuButton.button.value = isExpanded ? "-" : "+";
-        if (undefined !== props.handler)
-            props.handler(isExpanded);
-    };
-    toggleMenuButton.div.style.cssFloat = "right";
-    header.appendChild(document.createElement("hr"));
-    if (undefined !== props.parent)
-        props.parent.appendChild(div);
-    if (undefined !== props.id)
-        div.id = props.id;
-    return { body, label, div };
-}
-exports.createNestedMenu = createNestedMenu;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createNestedMenu = void 0;
+/** @packageDocumentation
+ * @module Controls
+ */
+const Button_1 = require("./Button");
+/** @alpha */
+function createNestedMenu(props) {
+    const div = document.createElement("div");
+    const body = undefined !== props.body ? props.body : document.createElement("div");
+    const header = document.createElement("div");
+    div.appendChild(header);
+    div.appendChild(body);
+    header.style.width = "100%";
+    const label = document.createElement("label");
+    label.innerText = undefined !== props.label ? props.label : "";
+    header.appendChild(label);
+    let isExpanded = undefined !== props.expand ? props.expand : false;
+    body.style.display = isExpanded ? "block" : "none";
+    const toggleMenuButton = (0, Button_1.createButton)({
+        parent: header,
+        inline: true,
+        value: isExpanded ? "-" : "+",
+        handler: () => undefined,
+    });
+    header.onclick = () => {
+        isExpanded = !isExpanded;
+        body.style.display = isExpanded ? "block" : "none";
+        toggleMenuButton.button.value = isExpanded ? "-" : "+";
+        if (undefined !== props.handler)
+            props.handler(isExpanded);
+    };
+    toggleMenuButton.div.style.cssFloat = "right";
+    header.appendChild(document.createElement("hr"));
+    if (undefined !== props.parent)
+        props.parent.appendChild(div);
+    if (undefined !== props.id)
+        div.id = props.id;
+    return { body, label, div };
+}
+exports.createNestedMenu = createNestedMenu;
 //# sourceMappingURL=NestedMenu.js.map

package/lib/cjs/ui/NestedMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"NestedMenu.js","sourceRoot":"","sources":["../../../src/ui/NestedMenu.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;;;AAE/F;;GAEG;AAEH,qCAAwC;AAsBxC,aAAa;AACb,SAAgB,gBAAgB,CAAC,KAAsB;IACrD,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,IAAI,GAAG,SAAS,KAAK,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACnF,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAE7C,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IACxB,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IACtB,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;IAE5B,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9C,KAAK,CAAC,SAAS,GAAG,SAAS,KAAK,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/D,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAE1B,IAAI,UAAU,GAAG,SAAS,KAAK,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;IACnE,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;IAEnD,MAAM,gBAAgB,GAAG,IAAA,qBAAY,EAAC;QACpC,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;QAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS;KACzB,CAAC,CAAC;IAEH,MAAM,CAAC,OAAO,GAAG,GAAG,EAAE;QACpB,UAAU,GAAG,CAAC,UAAU,CAAC;QACzB,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;QACnD,gBAAgB,CAAC,MAAM,CAAC,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;QACvD,IAAI,SAAS,KAAK,KAAK,CAAC,OAAO;YAC7B,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,gBAAgB,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;IAE9C,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC;IAEjD,IAAI,SAAS,KAAK,KAAK,CAAC,MAAM;QAC5B,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAChC,IAAI,SAAS,KAAK,KAAK,CAAC,EAAE;QACxB,GAAG,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;IAEpB,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;AAC9B,CAAC;AAzCD,4CAyCC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n\n/** @packageDocumentation\n * @module Controls\n */\n\nimport { createButton } from \"./Button\";\n\n/** @alpha */\nexport type NestMenuHandler = (expanded: boolean) => void;\n\n/** @alpha */\nexport interface NestedMenuProps {\n  id?: string;\n  label?: string;\n  parent?: HTMLElement;\n  expand?: boolean;\n  handler?: NestMenuHandler;\n  body?: HTMLElement;\n}\n\n/** @alpha */\nexport interface NestedMenu {\n  div: HTMLDivElement;\n  label: HTMLLabelElement;\n  body: HTMLElement;\n}\n\n/** @alpha */\nexport function createNestedMenu(props: NestedMenuProps): NestedMenu {\n  const div = document.createElement(\"div\");\n  const body = undefined !== props.body ? props.body : document.createElement(\"div\");\n  const header = document.createElement(\"div\");\n\n  div.appendChild(header);\n  div.appendChild(body);\n  header.style.width = \"100%\";\n\n  const label = document.createElement(\"label\");\n  label.innerText = undefined !== props.label ? props.label : \"\";\n  header.appendChild(label);\n\n  let isExpanded = undefined !== props.expand ? props.expand : false;\n  body.style.display = isExpanded ? \"block\" : \"none\";\n\n  const toggleMenuButton = createButton({\n    parent: header,\n    inline: true,\n    value: isExpanded ? \"-\" : \"+\",\n    handler: () => undefined,\n  });\n\n  header.onclick = () => {\n    isExpanded = !isExpanded;\n    body.style.display = isExpanded ? \"block\" : \"none\";\n    toggleMenuButton.button.value = isExpanded ? \"-\" : \"+\";\n    if (undefined !== props.handler)\n      props.handler(isExpanded);\n  };\n\n  toggleMenuButton.div.style.cssFloat = \"right\";\n\n  header.appendChild(document.createElement(\"hr\"));\n\n  if (undefined !== props.parent)\n    props.parent.appendChild(div);\n  if (undefined !== props.id)\n    div.id = props.id;\n\n  return { body, label, div };\n}\n"]}
+{"version":3,"file":"NestedMenu.js","sourceRoot":"","sources":["../../../src/ui/NestedMenu.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;;;AAE/F;;GAEG;AAEH,qCAAwC;AAsBxC,aAAa;AACb,SAAgB,gBAAgB,CAAC,KAAsB;IACrD,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,IAAI,GAAG,SAAS,KAAK,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACnF,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAE7C,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IACxB,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IACtB,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;IAE5B,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9C,KAAK,CAAC,SAAS,GAAG,SAAS,KAAK,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/D,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAE1B,IAAI,UAAU,GAAG,SAAS,KAAK,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;IACnE,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;IAEnD,MAAM,gBAAgB,GAAG,IAAA,qBAAY,EAAC;QACpC,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;QAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS;KACzB,CAAC,CAAC;IAEH,MAAM,CAAC,OAAO,GAAG,GAAG,EAAE;QACpB,UAAU,GAAG,CAAC,UAAU,CAAC;QACzB,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;QACnD,gBAAgB,CAAC,MAAM,CAAC,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;QACvD,IAAI,SAAS,KAAK,KAAK,CAAC,OAAO;YAC7B,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,gBAAgB,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;IAE9C,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC;IAEjD,IAAI,SAAS,KAAK,KAAK,CAAC,MAAM;QAC5B,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAChC,IAAI,SAAS,KAAK,KAAK,CAAC,EAAE;QACxB,GAAG,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;IAEpB,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;AAC9B,CAAC;AAzCD,4CAyCC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n\r\n/** @packageDocumentation\r\n * @module Controls\r\n */\r\n\r\nimport { createButton } from \"./Button\";\r\n\r\n/** @alpha */\r\nexport type NestMenuHandler = (expanded: boolean) => void;\r\n\r\n/** @alpha */\r\nexport interface NestedMenuProps {\r\n  id?: string;\r\n  label?: string;\r\n  parent?: HTMLElement;\r\n  expand?: boolean;\r\n  handler?: NestMenuHandler;\r\n  body?: HTMLElement;\r\n}\r\n\r\n/** @alpha */\r\nexport interface NestedMenu {\r\n  div: HTMLDivElement;\r\n  label: HTMLLabelElement;\r\n  body: HTMLElement;\r\n}\r\n\r\n/** @alpha */\r\nexport function createNestedMenu(props: NestedMenuProps): NestedMenu {\r\n  const div = document.createElement(\"div\");\r\n  const body = undefined !== props.body ? props.body : document.createElement(\"div\");\r\n  const header = document.createElement(\"div\");\r\n\r\n  div.appendChild(header);\r\n  div.appendChild(body);\r\n  header.style.width = \"100%\";\r\n\r\n  const label = document.createElement(\"label\");\r\n  label.innerText = undefined !== props.label ? props.label : \"\";\r\n  header.appendChild(label);\r\n\r\n  let isExpanded = undefined !== props.expand ? props.expand : false;\r\n  body.style.display = isExpanded ? \"block\" : \"none\";\r\n\r\n  const toggleMenuButton = createButton({\r\n    parent: header,\r\n    inline: true,\r\n    value: isExpanded ? \"-\" : \"+\",\r\n    handler: () => undefined,\r\n  });\r\n\r\n  header.onclick = () => {\r\n    isExpanded = !isExpanded;\r\n    body.style.display = isExpanded ? \"block\" : \"none\";\r\n    toggleMenuButton.button.value = isExpanded ? \"-\" : \"+\";\r\n    if (undefined !== props.handler)\r\n      props.handler(isExpanded);\r\n  };\r\n\r\n  toggleMenuButton.div.style.cssFloat = \"right\";\r\n\r\n  header.appendChild(document.createElement(\"hr\"));\r\n\r\n  if (undefined !== props.parent)\r\n    props.parent.appendChild(div);\r\n  if (undefined !== props.id)\r\n    div.id = props.id;\r\n\r\n  return { body, label, div };\r\n}\r\n"]}

package/lib/cjs/ui/NumericInput.d.ts

@@ -1,36 +1,36 @@
-/** @packageDocumentation
- * @module Controls
- */
-/** @alpha */
-export declare type NumericInputHandler = (value: number, input: HTMLInputElement) => void;
-/** @alpha */
-export interface NumericInputProps {
-    handler: NumericInputHandler;
-    id?: string;
-    parent?: HTMLElement;
-    value: number;
-    display?: "inline" | "none" | "block";
-    disabled?: boolean;
-    min?: number;
-    max?: number;
-    step?: number;
-    tooltip?: string;
-    parseAsFloat?: true;
-}
-/** @alpha */
-export declare function createNumericInput(props: NumericInputProps, useFloat?: boolean): HTMLInputElement;
-/** @alpha */
-export interface LabeledNumericInputProps extends NumericInputProps {
-    name: string;
-    id: string;
-    divDisplay?: "block" | "none" | "inline";
-}
-/** @alpha */
-export interface LabeledNumericInput {
-    input: HTMLInputElement;
-    div: HTMLDivElement;
-    label: HTMLLabelElement;
-}
-/** @alpha */
-export declare function createLabeledNumericInput(props: LabeledNumericInputProps): LabeledNumericInput;
+/** @packageDocumentation
+ * @module Controls
+ */
+/** @alpha */
+export declare type NumericInputHandler = (value: number, input: HTMLInputElement) => void;
+/** @alpha */
+export interface NumericInputProps {
+    handler: NumericInputHandler;
+    id?: string;
+    parent?: HTMLElement;
+    value: number;
+    display?: "inline" | "none" | "block";
+    disabled?: boolean;
+    min?: number;
+    max?: number;
+    step?: number;
+    tooltip?: string;
+    parseAsFloat?: true;
+}
+/** @alpha */
+export declare function createNumericInput(props: NumericInputProps, useFloat?: boolean): HTMLInputElement;
+/** @alpha */
+export interface LabeledNumericInputProps extends NumericInputProps {
+    name: string;
+    id: string;
+    divDisplay?: "block" | "none" | "inline";
+}
+/** @alpha */
+export interface LabeledNumericInput {
+    input: HTMLInputElement;
+    div: HTMLDivElement;
+    label: HTMLLabelElement;
+}
+/** @alpha */
+export declare function createLabeledNumericInput(props: LabeledNumericInputProps): LabeledNumericInput;
 //# sourceMappingURL=NumericInput.d.ts.map

package/lib/cjs/ui/NumericInput.js

@@ -1,62 +1,62 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createLabeledNumericInput = exports.createNumericInput = void 0;
-/** @alpha */
-function createNumericInput(props, useFloat = false) {
-    const input = document.createElement("input");
-    input.type = "number";
-    input.value = props.value.toString();
-    input.onchange = () => {
-        try {
-            const value = useFloat ? parseFloat(input.value) : parseInt(input.value, 10);
-            if (!Number.isNaN(value))
-                props.handler(value, input);
-        }
-        catch (_ex) {
-            //
-        }
-    };
-    if (undefined !== props.id)
-        input.id = props.id;
-    if (undefined !== props.display)
-        input.style.display = props.display;
-    if (undefined !== props.min)
-        input.min = props.min.toString();
-    if (undefined !== props.max)
-        input.max = props.max.toString();
-    if (undefined !== props.step)
-        input.step = props.step.toString();
-    if (undefined !== props.tooltip)
-        input.title = props.tooltip;
-    if (undefined !== props.disabled)
-        input.disabled = props.disabled;
-    if (undefined !== props.parent)
-        props.parent.appendChild(input);
-    return input;
-}
-exports.createNumericInput = createNumericInput;
-/** @alpha */
-function createLabeledNumericInput(props) {
-    const div = document.createElement("div");
-    if (props.divDisplay)
-        div.style.display = props.divDisplay;
-    const label = document.createElement("label");
-    label.htmlFor = props.id;
-    label.innerText = props.name;
-    div.appendChild(label);
-    const inputProps = { ...props };
-    inputProps.parent = div;
-    inputProps.display = "inline";
-    const input = createNumericInput(inputProps, true === props.parseAsFloat);
-    if (undefined !== props.parent)
-        props.parent.appendChild(div);
-    if (undefined !== props.tooltip)
-        div.title = props.tooltip;
-    return { label, div, input };
-}
-exports.createLabeledNumericInput = createLabeledNumericInput;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createLabeledNumericInput = exports.createNumericInput = void 0;
+/** @alpha */
+function createNumericInput(props, useFloat = false) {
+    const input = document.createElement("input");
+    input.type = "number";
+    input.value = props.value.toString();
+    input.onchange = () => {
+        try {
+            const value = useFloat ? parseFloat(input.value) : parseInt(input.value, 10);
+            if (!Number.isNaN(value))
+                props.handler(value, input);
+        }
+        catch (_ex) {
+            //
+        }
+    };
+    if (undefined !== props.id)
+        input.id = props.id;
+    if (undefined !== props.display)
+        input.style.display = props.display;
+    if (undefined !== props.min)
+        input.min = props.min.toString();
+    if (undefined !== props.max)
+        input.max = props.max.toString();
+    if (undefined !== props.step)
+        input.step = props.step.toString();
+    if (undefined !== props.tooltip)
+        input.title = props.tooltip;
+    if (undefined !== props.disabled)
+        input.disabled = props.disabled;
+    if (undefined !== props.parent)
+        props.parent.appendChild(input);
+    return input;
+}
+exports.createNumericInput = createNumericInput;
+/** @alpha */
+function createLabeledNumericInput(props) {
+    const div = document.createElement("div");
+    if (props.divDisplay)
+        div.style.display = props.divDisplay;
+    const label = document.createElement("label");
+    label.htmlFor = props.id;
+    label.innerText = props.name;
+    div.appendChild(label);
+    const inputProps = { ...props };
+    inputProps.parent = div;
+    inputProps.display = "inline";
+    const input = createNumericInput(inputProps, true === props.parseAsFloat);
+    if (undefined !== props.parent)
+        props.parent.appendChild(div);
+    if (undefined !== props.tooltip)
+        div.title = props.tooltip;
+    return { label, div, input };
+}
+exports.createLabeledNumericInput = createLabeledNumericInput;
 //# sourceMappingURL=NumericInput.js.map

package/lib/cjs/ui/NumericInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumericInput.js","sourceRoot":"","sources":["../../../src/ui/NumericInput.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n\n/** @packageDocumentation\n * @module Controls\n */\n\n/** @alpha */\nexport type NumericInputHandler = (value: number, input: HTMLInputElement) => void;\n\n/** @alpha */\nexport interface NumericInputProps {\n  handler: NumericInputHandler;\n  id?: string;\n  parent?: HTMLElement;\n  value: number;\n  display?: \"inline\" | \"none\" | \"block\";\n  disabled?: boolean;\n  min?: number;\n  max?: number;\n  step?: number;\n  tooltip?: string;\n  parseAsFloat?: true;\n}\n\n/** @alpha */\nexport function createNumericInput(props: NumericInputProps, useFloat: boolean = false): HTMLInputElement {\n  const input = document.createElement(\"input\");\n  input.type = \"number\";\n  input.value = props.value.toString();\n\n  input.onchange = () => {\n    try {\n      const value = useFloat ? parseFloat(input.value) : parseInt(input.value, 10);\n      if (!Number.isNaN(value))\n        props.handler(value, input);\n    } catch (_ex) {\n      //\n    }\n  };\n\n  if (undefined !== props.id)\n    input.id = props.id;\n  if (undefined !== props.display)\n    input.style.display = props.display;\n  if (undefined !== props.min)\n    input.min = props.min.toString();\n  if (undefined !== props.max)\n    input.max = props.max.toString();\n  if (undefined !== props.step)\n    input.step = props.step.toString();\n  if (undefined !== props.tooltip)\n    input.title = props.tooltip;\n  if (undefined !== props.disabled)\n    input.disabled = props.disabled;\n  if (undefined !== props.parent)\n    props.parent.appendChild(input);\n\n  return input;\n}\n\n/** @alpha */\nexport interface LabeledNumericInputProps extends NumericInputProps {\n  name: string;\n  id: string;\n  divDisplay?: \"block\" | \"none\" | \"inline\";\n}\n\n/** @alpha */\nexport interface LabeledNumericInput {\n  input: HTMLInputElement;\n  div: HTMLDivElement;\n  label: HTMLLabelElement;\n}\n\n/** @alpha */\nexport function createLabeledNumericInput(props: LabeledNumericInputProps): LabeledNumericInput {\n  const div = document.createElement(\"div\");\n  if (props.divDisplay)\n    div.style.display = props.divDisplay;\n\n  const label = document.createElement(\"label\");\n  label.htmlFor = props.id;\n  label.innerText = props.name;\n  div.appendChild(label);\n\n  const inputProps = { ...props };\n  inputProps.parent = div;\n  inputProps.display = \"inline\";\n  const input = createNumericInput(inputProps, true === props.parseAsFloat);\n\n  if (undefined !== props.parent)\n    props.parent.appendChild(div);\n\n  if (undefined !== props.tooltip)\n    div.title = props.tooltip;\n\n  return { label, div, input };\n}\n"]}
+{"version":3,"file":"NumericInput.js","sourceRoot":"","sources":["../../../src/ui/NumericInput.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n\r\n/** @packageDocumentation\r\n * @module Controls\r\n */\r\n\r\n/** @alpha */\r\nexport type NumericInputHandler = (value: number, input: HTMLInputElement) => void;\r\n\r\n/** @alpha */\r\nexport interface NumericInputProps {\r\n  handler: NumericInputHandler;\r\n  id?: string;\r\n  parent?: HTMLElement;\r\n  value: number;\r\n  display?: \"inline\" | \"none\" | \"block\";\r\n  disabled?: boolean;\r\n  min?: number;\r\n  max?: number;\r\n  step?: number;\r\n  tooltip?: string;\r\n  parseAsFloat?: true;\r\n}\r\n\r\n/** @alpha */\r\nexport function createNumericInput(props: NumericInputProps, useFloat: boolean = false): HTMLInputElement {\r\n  const input = document.createElement(\"input\");\r\n  input.type = \"number\";\r\n  input.value = props.value.toString();\r\n\r\n  input.onchange = () => {\r\n    try {\r\n      const value = useFloat ? parseFloat(input.value) : parseInt(input.value, 10);\r\n      if (!Number.isNaN(value))\r\n        props.handler(value, input);\r\n    } catch (_ex) {\r\n      //\r\n    }\r\n  };\r\n\r\n  if (undefined !== props.id)\r\n    input.id = props.id;\r\n  if (undefined !== props.display)\r\n    input.style.display = props.display;\r\n  if (undefined !== props.min)\r\n    input.min = props.min.toString();\r\n  if (undefined !== props.max)\r\n    input.max = props.max.toString();\r\n  if (undefined !== props.step)\r\n    input.step = props.step.toString();\r\n  if (undefined !== props.tooltip)\r\n    input.title = props.tooltip;\r\n  if (undefined !== props.disabled)\r\n    input.disabled = props.disabled;\r\n  if (undefined !== props.parent)\r\n    props.parent.appendChild(input);\r\n\r\n  return input;\r\n}\r\n\r\n/** @alpha */\r\nexport interface LabeledNumericInputProps extends NumericInputProps {\r\n  name: string;\r\n  id: string;\r\n  divDisplay?: \"block\" | \"none\" | \"inline\";\r\n}\r\n\r\n/** @alpha */\r\nexport interface LabeledNumericInput {\r\n  input: HTMLInputElement;\r\n  div: HTMLDivElement;\r\n  label: HTMLLabelElement;\r\n}\r\n\r\n/** @alpha */\r\nexport function createLabeledNumericInput(props: LabeledNumericInputProps): LabeledNumericInput {\r\n  const div = document.createElement(\"div\");\r\n  if (props.divDisplay)\r\n    div.style.display = props.divDisplay;\r\n\r\n  const label = document.createElement(\"label\");\r\n  label.htmlFor = props.id;\r\n  label.innerText = props.name;\r\n  div.appendChild(label);\r\n\r\n  const inputProps = { ...props };\r\n  inputProps.parent = div;\r\n  inputProps.display = \"inline\";\r\n  const input = createNumericInput(inputProps, true === props.parseAsFloat);\r\n\r\n  if (undefined !== props.parent)\r\n    props.parent.appendChild(div);\r\n\r\n  if (undefined !== props.tooltip)\r\n    div.title = props.tooltip;\r\n\r\n  return { label, div, input };\r\n}\r\n"]}

package/lib/cjs/ui/RadioBox.d.ts

@@ -1,30 +1,30 @@
-/** @packageDocumentation
- * @module Controls
- */
-/** @alpha */
-export interface RadioBoxEntry {
-    value: number | string | undefined;
-    label: string;
-}
-/** @alpha */
-export declare type RadioBoxHandler = (value: string, form: HTMLFormElement) => void;
-/** @alpha */
-export interface RadioBoxProps {
-    id: string;
-    entries: RadioBoxEntry[];
-    handler: RadioBoxHandler;
-    name?: string;
-    parent?: HTMLElement;
-    defaultValue?: number | string;
-    vertical?: boolean;
-}
-/** @alpha */
-export interface RadioBox {
-    label?: HTMLLabelElement;
-    setValue: (newValue: number | string) => boolean;
-    div: HTMLDivElement;
-    form: HTMLFormElement;
-}
-/** @alpha */
-export declare function createRadioBox(props: RadioBoxProps): RadioBox;
+/** @packageDocumentation
+ * @module Controls
+ */
+/** @alpha */
+export interface RadioBoxEntry {
+    value: number | string | undefined;
+    label: string;
+}
+/** @alpha */
+export declare type RadioBoxHandler = (value: string, form: HTMLFormElement) => void;
+/** @alpha */
+export interface RadioBoxProps {
+    id: string;
+    entries: RadioBoxEntry[];
+    handler: RadioBoxHandler;
+    name?: string;
+    parent?: HTMLElement;
+    defaultValue?: number | string;
+    vertical?: boolean;
+}
+/** @alpha */
+export interface RadioBox {
+    label?: HTMLLabelElement;
+    setValue: (newValue: number | string) => boolean;
+    div: HTMLDivElement;
+    form: HTMLFormElement;
+}
+/** @alpha */
+export declare function createRadioBox(props: RadioBoxProps): RadioBox;
 //# sourceMappingURL=RadioBox.d.ts.map