@itwin/core-frontend 5.3.0-dev.7 → 5.3.0-dev.8

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.
package/CHANGELOG.md CHANGED
@@ -1,6 +1,23 @@
1
1
  # Change Log - @itwin/core-frontend
2
2
 
3
- This log was last generated on Wed, 24 Sep 2025 17:43:58 GMT and should not be manually modified.
3
+ This log was last generated on Thu, 02 Oct 2025 14:56:13 GMT and should not be manually modified.
4
+
5
+ ## 5.2.0
6
+ Wed, 01 Oct 2025 20:22:54 GMT
7
+
8
+ ### Updates
9
+
10
+ - Update Google Maps attribution
11
+ - fix: allow IModelApp.publicPath to be passed without a trailing slash `/`
12
+ - Changed queryExtents to use ECSqlReader
13
+ - Draco-decoding resources are now bundled locally into iTwin.js, rather than querying them from a CDN.
14
+ - Add support for new KindOfQuantity for coordinate length
15
+ - Improve performance of model masking when using pregenerated tiles.
16
+ - Add DynamicsContext.addOverlay
17
+ - Improve frame rate during interactive editing.
18
+ - Fix 'ghost' elements when using GraphicalEditingScope with model masking.
19
+ - A model drawn as only contour lines will only mask the background map where the contour lines draw.
20
+ - Fix an exception when terrain is enabled.
4
21
 
5
22
  ## 5.1.9
6
23
  Wed, 24 Sep 2025 17:38:08 GMT
@@ -32,7 +32,7 @@ let iModelJsCss = `
32
32
  }
33
33
 
34
34
  .logo-card-logo {
35
- width:124px;
35
+ width:144px;
36
36
  overflow:hidden;
37
37
  vertical-align:text-top;
38
38
  text-align:center
@@ -1 +1 @@
1
- {"version":3,"file":"IModeljs-css.js","sourceRoot":"","sources":["../../src/IModeljs-css.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F,sBAAsB;AAEtB;;GAEG;AACH,IAAI,WAAW,GAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqIrC,CAAC;AAEF,mEAAmE;AACnE,CAAC,GAAG,EAAE;IACJ,8DAA8D;IAC9D,IAAI,WAAW,KAAK,OAAO,QAAQ;QACjC,OAAO;IACT,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9C,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,sCAAsC;IACrH,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAChD,QAAQ,CAAC,GAAG,GAAG,YAAY,CAAC;IAC5B,QAAQ,CAAC,IAAI,GAAG,gEAAgE,CAAC;IACjF,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,wFAAwF;IACtH,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAChC,WAAW,GAAG,SAAS,CAAC,CAAC,0BAA0B;AACrD,CAAC,CAAC,EAAE,CAAC","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// cSpell:ignore segoe\n\n/**\n * @internal\n */\nlet iModelJsCss: string | undefined = `\n:root {\n --background-1:#ffffff;\n --background-2:#f8f9fb;\n --background-3:#eef0f3;\n --background-4:#dce0e3;\n --background-5:#c7ccd1;\n --foreground-body:#000000;\n --foreground-primary:#008be1;\n --foreground-success:#56a91c;\n --foreground-alert:#d30a0a;\n --foreground-warning:#f18b12;\n --safe-area-top: constant(safe-area-inset-top);\n --safe-area-top: env(safe-area-inset-top);\n --safe-area-left: constant(safe-area-inset-left);\n --safe-area-left: env(safe-area-inset-left);\n --safe-area-bottom: constant(safe-area-inset-bottom);\n --safe-area-bottom: env(safe-area-inset-bottom);\n --safe-area-right: constant(safe-area-inset-right);\n --safe-area-right: env(safe-area-inset-right);\n --logo-foreground-body:#000000;\n --logo-background-1:#ffffff;\n}\n\n.logo-card-logo {\n width:124px;\n overflow:hidden;\n vertical-align:text-top;\n text-align:center\n}\n\n.logo-card-logo img {\n margin-top:4px;\n border: solid 3px var(--logo-background-1)\n}\n\n.logo-card-message {\n font-size:13px;\n line-height:1.25;\n margin-block-start:.5em;\n margin-block-end:3em;\n width:90%;\n opacity:.7\n}\n\n.logo-card-header {\n margin:auto;\n font-size:18px;\n font-weight:bold;\n opacity:.85\n}\n\n.logo-cards {\n position:relative;\n width:100%\n}\n\n.imodeljs-modal-overlay {\n top:0;\n left:0;\n width:100%;\n height:100%;\n position:absolute;\n display:flex;\n justify-content:center;\n align-items:center;\n background-color:rgba(0,0,0,.5);\n z-index:10000;\n}\n\n.imodeljs-modal {\n border-radius:3px;\n box-shadow: 0px 1px 3px 0 rgba(0,0,0,0.1);\n color:var(--logo-foreground-body);\n background-color:var(--logo-background-1);\n font-family:\"Segoe UI\",\"Open Sans\",sans-serif;\n font-weight:normal;\n font-stretch:normal;\n font-style:normal;\n letter-spacing:normal;\n text-align:left;\n --width-border: max(var(--safe-area-left), var(--safe-area-right), 16px);\n --height-border: max(var(--safe-area-top), var(--safe-area-bottom), 16px);\n max-height: calc(100% - (2 * var(--height-border)));\n overflow: auto;\n}\n\n@media (max-width:450px) {\n .imodeljs-about .logo-card-logo {\n width: 90px;\n }\n}\n\n@media (max-height:450px) {\n .imodeljs-about {\n max-width: calc(100% - (2 * var(--width-border))) !important;\n width: unset !important;\n }\n .imodeljs-about .logo-card-message p {\n margin-block-end: 1em;\n }\n .imodeljs-about .logo-cards {\n margin-bottom: 2em;\n }\n}\n\n.imodeljs-modal-close {\n font-size:32px;\n text-align:right;\n position:relative;\n cursor:pointer;\n right:10px;\n top:-4px;\n margin:0;\n margin-bottom:-10px\n}\n\n.imodeljs-icon {\n z-index:11;\n left:8px;\n bottom:8px;\n position:absolute;\n width:32px;\n cursor:pointer;\n opacity:.4;\n filter:drop-shadow(1px 1px 1px black)\n}\n\n@media (hover: hover) {\n .imodeljs-icon:hover {\n opacity:1.0;\n }\n}\n`;\n\n// add the iTwin.js frontend .css styles into DOM head when we load\n(() => {\n // Skip adding the css to document if document does not exist.\n if (\"undefined\" === typeof document)\n return;\n const style = document.createElement(\"style\");\n style.appendChild(document.createTextNode(iModelJsCss.replace(/\\s+/gm, \" \"))); // strips multiple spaces and space+\\r\n const openSans = document.createElement(\"link\");\n openSans.rel = \"stylesheet\";\n openSans.href = \"https://fonts.googleapis.com/css?family=Open+Sans&display=swap\";\n document.head.prepend(style); // put our styles at the beginning so any application-supplied styles will override them\n document.head.prepend(openSans);\n iModelJsCss = undefined; // can only be called once\n})();\n"]}
1
+ {"version":3,"file":"IModeljs-css.js","sourceRoot":"","sources":["../../src/IModeljs-css.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F,sBAAsB;AAEtB;;GAEG;AACH,IAAI,WAAW,GAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqIrC,CAAC;AAEF,mEAAmE;AACnE,CAAC,GAAG,EAAE;IACJ,8DAA8D;IAC9D,IAAI,WAAW,KAAK,OAAO,QAAQ;QACjC,OAAO;IACT,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9C,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,sCAAsC;IACrH,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAChD,QAAQ,CAAC,GAAG,GAAG,YAAY,CAAC;IAC5B,QAAQ,CAAC,IAAI,GAAG,gEAAgE,CAAC;IACjF,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,wFAAwF;IACtH,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAChC,WAAW,GAAG,SAAS,CAAC,CAAC,0BAA0B;AACrD,CAAC,CAAC,EAAE,CAAC","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// cSpell:ignore segoe\n\n/**\n * @internal\n */\nlet iModelJsCss: string | undefined = `\n:root {\n --background-1:#ffffff;\n --background-2:#f8f9fb;\n --background-3:#eef0f3;\n --background-4:#dce0e3;\n --background-5:#c7ccd1;\n --foreground-body:#000000;\n --foreground-primary:#008be1;\n --foreground-success:#56a91c;\n --foreground-alert:#d30a0a;\n --foreground-warning:#f18b12;\n --safe-area-top: constant(safe-area-inset-top);\n --safe-area-top: env(safe-area-inset-top);\n --safe-area-left: constant(safe-area-inset-left);\n --safe-area-left: env(safe-area-inset-left);\n --safe-area-bottom: constant(safe-area-inset-bottom);\n --safe-area-bottom: env(safe-area-inset-bottom);\n --safe-area-right: constant(safe-area-inset-right);\n --safe-area-right: env(safe-area-inset-right);\n --logo-foreground-body:#000000;\n --logo-background-1:#ffffff;\n}\n\n.logo-card-logo {\n width:144px;\n overflow:hidden;\n vertical-align:text-top;\n text-align:center\n}\n\n.logo-card-logo img {\n margin-top:4px;\n border: solid 3px var(--logo-background-1)\n}\n\n.logo-card-message {\n font-size:13px;\n line-height:1.25;\n margin-block-start:.5em;\n margin-block-end:3em;\n width:90%;\n opacity:.7\n}\n\n.logo-card-header {\n margin:auto;\n font-size:18px;\n font-weight:bold;\n opacity:.85\n}\n\n.logo-cards {\n position:relative;\n width:100%\n}\n\n.imodeljs-modal-overlay {\n top:0;\n left:0;\n width:100%;\n height:100%;\n position:absolute;\n display:flex;\n justify-content:center;\n align-items:center;\n background-color:rgba(0,0,0,.5);\n z-index:10000;\n}\n\n.imodeljs-modal {\n border-radius:3px;\n box-shadow: 0px 1px 3px 0 rgba(0,0,0,0.1);\n color:var(--logo-foreground-body);\n background-color:var(--logo-background-1);\n font-family:\"Segoe UI\",\"Open Sans\",sans-serif;\n font-weight:normal;\n font-stretch:normal;\n font-style:normal;\n letter-spacing:normal;\n text-align:left;\n --width-border: max(var(--safe-area-left), var(--safe-area-right), 16px);\n --height-border: max(var(--safe-area-top), var(--safe-area-bottom), 16px);\n max-height: calc(100% - (2 * var(--height-border)));\n overflow: auto;\n}\n\n@media (max-width:450px) {\n .imodeljs-about .logo-card-logo {\n width: 90px;\n }\n}\n\n@media (max-height:450px) {\n .imodeljs-about {\n max-width: calc(100% - (2 * var(--width-border))) !important;\n width: unset !important;\n }\n .imodeljs-about .logo-card-message p {\n margin-block-end: 1em;\n }\n .imodeljs-about .logo-cards {\n margin-bottom: 2em;\n }\n}\n\n.imodeljs-modal-close {\n font-size:32px;\n text-align:right;\n position:relative;\n cursor:pointer;\n right:10px;\n top:-4px;\n margin:0;\n margin-bottom:-10px\n}\n\n.imodeljs-icon {\n z-index:11;\n left:8px;\n bottom:8px;\n position:absolute;\n width:32px;\n cursor:pointer;\n opacity:.4;\n filter:drop-shadow(1px 1px 1px black)\n}\n\n@media (hover: hover) {\n .imodeljs-icon:hover {\n opacity:1.0;\n }\n}\n`;\n\n// add the iTwin.js frontend .css styles into DOM head when we load\n(() => {\n // Skip adding the css to document if document does not exist.\n if (\"undefined\" === typeof document)\n return;\n const style = document.createElement(\"style\");\n style.appendChild(document.createTextNode(iModelJsCss.replace(/\\s+/gm, \" \"))); // strips multiple spaces and space+\\r\n const openSans = document.createElement(\"link\");\n openSans.rel = \"stylesheet\";\n openSans.href = \"https://fonts.googleapis.com/css?family=Open+Sans&display=swap\";\n document.head.prepend(style); // put our styles at the beginning so any application-supplied styles will override them\n document.head.prepend(openSans);\n iModelJsCss = undefined; // can only be called once\n})();\n"]}
@@ -32,7 +32,7 @@ let iModelJsCss = `
32
32
  }
33
33
 
34
34
  .logo-card-logo {
35
- width:124px;
35
+ width:144px;
36
36
  overflow:hidden;
37
37
  vertical-align:text-top;
38
38
  text-align:center
@@ -1 +1 @@
1
- {"version":3,"file":"IModeljs-css.js","sourceRoot":"","sources":["../../src/IModeljs-css.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F,sBAAsB;AAEtB;;GAEG;AACH,IAAI,WAAW,GAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqIrC,CAAC;AAEF,mEAAmE;AACnE,CAAC,GAAG,EAAE;IACJ,8DAA8D;IAC9D,IAAI,WAAW,KAAK,OAAO,QAAQ;QACjC,OAAO;IACT,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9C,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,sCAAsC;IACrH,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAChD,QAAQ,CAAC,GAAG,GAAG,YAAY,CAAC;IAC5B,QAAQ,CAAC,IAAI,GAAG,gEAAgE,CAAC;IACjF,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,wFAAwF;IACtH,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAChC,WAAW,GAAG,SAAS,CAAC,CAAC,0BAA0B;AACrD,CAAC,CAAC,EAAE,CAAC","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// cSpell:ignore segoe\n\n/**\n * @internal\n */\nlet iModelJsCss: string | undefined = `\n:root {\n --background-1:#ffffff;\n --background-2:#f8f9fb;\n --background-3:#eef0f3;\n --background-4:#dce0e3;\n --background-5:#c7ccd1;\n --foreground-body:#000000;\n --foreground-primary:#008be1;\n --foreground-success:#56a91c;\n --foreground-alert:#d30a0a;\n --foreground-warning:#f18b12;\n --safe-area-top: constant(safe-area-inset-top);\n --safe-area-top: env(safe-area-inset-top);\n --safe-area-left: constant(safe-area-inset-left);\n --safe-area-left: env(safe-area-inset-left);\n --safe-area-bottom: constant(safe-area-inset-bottom);\n --safe-area-bottom: env(safe-area-inset-bottom);\n --safe-area-right: constant(safe-area-inset-right);\n --safe-area-right: env(safe-area-inset-right);\n --logo-foreground-body:#000000;\n --logo-background-1:#ffffff;\n}\n\n.logo-card-logo {\n width:124px;\n overflow:hidden;\n vertical-align:text-top;\n text-align:center\n}\n\n.logo-card-logo img {\n margin-top:4px;\n border: solid 3px var(--logo-background-1)\n}\n\n.logo-card-message {\n font-size:13px;\n line-height:1.25;\n margin-block-start:.5em;\n margin-block-end:3em;\n width:90%;\n opacity:.7\n}\n\n.logo-card-header {\n margin:auto;\n font-size:18px;\n font-weight:bold;\n opacity:.85\n}\n\n.logo-cards {\n position:relative;\n width:100%\n}\n\n.imodeljs-modal-overlay {\n top:0;\n left:0;\n width:100%;\n height:100%;\n position:absolute;\n display:flex;\n justify-content:center;\n align-items:center;\n background-color:rgba(0,0,0,.5);\n z-index:10000;\n}\n\n.imodeljs-modal {\n border-radius:3px;\n box-shadow: 0px 1px 3px 0 rgba(0,0,0,0.1);\n color:var(--logo-foreground-body);\n background-color:var(--logo-background-1);\n font-family:\"Segoe UI\",\"Open Sans\",sans-serif;\n font-weight:normal;\n font-stretch:normal;\n font-style:normal;\n letter-spacing:normal;\n text-align:left;\n --width-border: max(var(--safe-area-left), var(--safe-area-right), 16px);\n --height-border: max(var(--safe-area-top), var(--safe-area-bottom), 16px);\n max-height: calc(100% - (2 * var(--height-border)));\n overflow: auto;\n}\n\n@media (max-width:450px) {\n .imodeljs-about .logo-card-logo {\n width: 90px;\n }\n}\n\n@media (max-height:450px) {\n .imodeljs-about {\n max-width: calc(100% - (2 * var(--width-border))) !important;\n width: unset !important;\n }\n .imodeljs-about .logo-card-message p {\n margin-block-end: 1em;\n }\n .imodeljs-about .logo-cards {\n margin-bottom: 2em;\n }\n}\n\n.imodeljs-modal-close {\n font-size:32px;\n text-align:right;\n position:relative;\n cursor:pointer;\n right:10px;\n top:-4px;\n margin:0;\n margin-bottom:-10px\n}\n\n.imodeljs-icon {\n z-index:11;\n left:8px;\n bottom:8px;\n position:absolute;\n width:32px;\n cursor:pointer;\n opacity:.4;\n filter:drop-shadow(1px 1px 1px black)\n}\n\n@media (hover: hover) {\n .imodeljs-icon:hover {\n opacity:1.0;\n }\n}\n`;\n\n// add the iTwin.js frontend .css styles into DOM head when we load\n(() => {\n // Skip adding the css to document if document does not exist.\n if (\"undefined\" === typeof document)\n return;\n const style = document.createElement(\"style\");\n style.appendChild(document.createTextNode(iModelJsCss.replace(/\\s+/gm, \" \"))); // strips multiple spaces and space+\\r\n const openSans = document.createElement(\"link\");\n openSans.rel = \"stylesheet\";\n openSans.href = \"https://fonts.googleapis.com/css?family=Open+Sans&display=swap\";\n document.head.prepend(style); // put our styles at the beginning so any application-supplied styles will override them\n document.head.prepend(openSans);\n iModelJsCss = undefined; // can only be called once\n})();\n"]}
1
+ {"version":3,"file":"IModeljs-css.js","sourceRoot":"","sources":["../../src/IModeljs-css.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F,sBAAsB;AAEtB;;GAEG;AACH,IAAI,WAAW,GAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqIrC,CAAC;AAEF,mEAAmE;AACnE,CAAC,GAAG,EAAE;IACJ,8DAA8D;IAC9D,IAAI,WAAW,KAAK,OAAO,QAAQ;QACjC,OAAO;IACT,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9C,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,sCAAsC;IACrH,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAChD,QAAQ,CAAC,GAAG,GAAG,YAAY,CAAC;IAC5B,QAAQ,CAAC,IAAI,GAAG,gEAAgE,CAAC;IACjF,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,wFAAwF;IACtH,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAChC,WAAW,GAAG,SAAS,CAAC,CAAC,0BAA0B;AACrD,CAAC,CAAC,EAAE,CAAC","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// cSpell:ignore segoe\n\n/**\n * @internal\n */\nlet iModelJsCss: string | undefined = `\n:root {\n --background-1:#ffffff;\n --background-2:#f8f9fb;\n --background-3:#eef0f3;\n --background-4:#dce0e3;\n --background-5:#c7ccd1;\n --foreground-body:#000000;\n --foreground-primary:#008be1;\n --foreground-success:#56a91c;\n --foreground-alert:#d30a0a;\n --foreground-warning:#f18b12;\n --safe-area-top: constant(safe-area-inset-top);\n --safe-area-top: env(safe-area-inset-top);\n --safe-area-left: constant(safe-area-inset-left);\n --safe-area-left: env(safe-area-inset-left);\n --safe-area-bottom: constant(safe-area-inset-bottom);\n --safe-area-bottom: env(safe-area-inset-bottom);\n --safe-area-right: constant(safe-area-inset-right);\n --safe-area-right: env(safe-area-inset-right);\n --logo-foreground-body:#000000;\n --logo-background-1:#ffffff;\n}\n\n.logo-card-logo {\n width:144px;\n overflow:hidden;\n vertical-align:text-top;\n text-align:center\n}\n\n.logo-card-logo img {\n margin-top:4px;\n border: solid 3px var(--logo-background-1)\n}\n\n.logo-card-message {\n font-size:13px;\n line-height:1.25;\n margin-block-start:.5em;\n margin-block-end:3em;\n width:90%;\n opacity:.7\n}\n\n.logo-card-header {\n margin:auto;\n font-size:18px;\n font-weight:bold;\n opacity:.85\n}\n\n.logo-cards {\n position:relative;\n width:100%\n}\n\n.imodeljs-modal-overlay {\n top:0;\n left:0;\n width:100%;\n height:100%;\n position:absolute;\n display:flex;\n justify-content:center;\n align-items:center;\n background-color:rgba(0,0,0,.5);\n z-index:10000;\n}\n\n.imodeljs-modal {\n border-radius:3px;\n box-shadow: 0px 1px 3px 0 rgba(0,0,0,0.1);\n color:var(--logo-foreground-body);\n background-color:var(--logo-background-1);\n font-family:\"Segoe UI\",\"Open Sans\",sans-serif;\n font-weight:normal;\n font-stretch:normal;\n font-style:normal;\n letter-spacing:normal;\n text-align:left;\n --width-border: max(var(--safe-area-left), var(--safe-area-right), 16px);\n --height-border: max(var(--safe-area-top), var(--safe-area-bottom), 16px);\n max-height: calc(100% - (2 * var(--height-border)));\n overflow: auto;\n}\n\n@media (max-width:450px) {\n .imodeljs-about .logo-card-logo {\n width: 90px;\n }\n}\n\n@media (max-height:450px) {\n .imodeljs-about {\n max-width: calc(100% - (2 * var(--width-border))) !important;\n width: unset !important;\n }\n .imodeljs-about .logo-card-message p {\n margin-block-end: 1em;\n }\n .imodeljs-about .logo-cards {\n margin-bottom: 2em;\n }\n}\n\n.imodeljs-modal-close {\n font-size:32px;\n text-align:right;\n position:relative;\n cursor:pointer;\n right:10px;\n top:-4px;\n margin:0;\n margin-bottom:-10px\n}\n\n.imodeljs-icon {\n z-index:11;\n left:8px;\n bottom:8px;\n position:absolute;\n width:32px;\n cursor:pointer;\n opacity:.4;\n filter:drop-shadow(1px 1px 1px black)\n}\n\n@media (hover: hover) {\n .imodeljs-icon:hover {\n opacity:1.0;\n }\n}\n`;\n\n// add the iTwin.js frontend .css styles into DOM head when we load\n(() => {\n // Skip adding the css to document if document does not exist.\n if (\"undefined\" === typeof document)\n return;\n const style = document.createElement(\"style\");\n style.appendChild(document.createTextNode(iModelJsCss.replace(/\\s+/gm, \" \"))); // strips multiple spaces and space+\\r\n const openSans = document.createElement(\"link\");\n openSans.rel = \"stylesheet\";\n openSans.href = \"https://fonts.googleapis.com/css?family=Open+Sans&display=swap\";\n document.head.prepend(style); // put our styles at the beginning so any application-supplied styles will override them\n document.head.prepend(openSans);\n iModelJsCss = undefined; // can only be called once\n})();\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itwin/core-frontend",
3
- "version": "5.3.0-dev.7",
3
+ "version": "5.3.0-dev.8",
4
4
  "description": "iTwin.js frontend components",
5
5
  "main": "lib/cjs/core-frontend.js",
6
6
  "module": "lib/esm/core-frontend.js",
@@ -23,14 +23,14 @@
23
23
  "url": "http://www.bentley.com"
24
24
  },
25
25
  "peerDependencies": {
26
- "@itwin/appui-abstract": "5.3.0-dev.7",
27
- "@itwin/core-bentley": "5.3.0-dev.7",
28
- "@itwin/core-geometry": "5.3.0-dev.7",
29
- "@itwin/core-common": "5.3.0-dev.7",
30
- "@itwin/ecschema-metadata": "5.3.0-dev.7",
31
- "@itwin/core-orbitgt": "5.3.0-dev.7",
32
- "@itwin/core-quantity": "5.3.0-dev.7",
33
- "@itwin/ecschema-rpcinterface-common": "5.3.0-dev.7"
26
+ "@itwin/appui-abstract": "5.3.0-dev.8",
27
+ "@itwin/core-bentley": "5.3.0-dev.8",
28
+ "@itwin/core-orbitgt": "5.3.0-dev.8",
29
+ "@itwin/core-geometry": "5.3.0-dev.8",
30
+ "@itwin/core-quantity": "5.3.0-dev.8",
31
+ "@itwin/ecschema-metadata": "5.3.0-dev.8",
32
+ "@itwin/core-common": "5.3.0-dev.8",
33
+ "@itwin/ecschema-rpcinterface-common": "5.3.0-dev.8"
34
34
  },
35
35
  "//devDependencies": [
36
36
  "NOTE: All peerDependencies should also be listed as devDependencies since peerDependencies are not considered by npm install",
@@ -56,15 +56,15 @@
56
56
  "vite-multiple-assets": "^1.3.1",
57
57
  "vite-plugin-static-copy": "2.2.0",
58
58
  "webpack": "^5.97.1",
59
- "@itwin/appui-abstract": "5.3.0-dev.7",
60
- "@itwin/build-tools": "5.3.0-dev.7",
61
- "@itwin/core-bentley": "5.3.0-dev.7",
62
- "@itwin/core-common": "5.3.0-dev.7",
63
- "@itwin/ecschema-rpcinterface-common": "5.3.0-dev.7",
64
- "@itwin/core-geometry": "5.3.0-dev.7",
65
- "@itwin/ecschema-metadata": "5.3.0-dev.7",
66
- "@itwin/core-quantity": "5.3.0-dev.7",
67
- "@itwin/core-orbitgt": "5.3.0-dev.7"
59
+ "@itwin/appui-abstract": "5.3.0-dev.8",
60
+ "@itwin/core-bentley": "5.3.0-dev.8",
61
+ "@itwin/build-tools": "5.3.0-dev.8",
62
+ "@itwin/core-geometry": "5.3.0-dev.8",
63
+ "@itwin/core-orbitgt": "5.3.0-dev.8",
64
+ "@itwin/core-quantity": "5.3.0-dev.8",
65
+ "@itwin/ecschema-metadata": "5.3.0-dev.8",
66
+ "@itwin/core-common": "5.3.0-dev.8",
67
+ "@itwin/ecschema-rpcinterface-common": "5.3.0-dev.8"
68
68
  },
69
69
  "//dependencies": [
70
70
  "NOTE: these dependencies should be only for things that DO NOT APPEAR IN THE API",
@@ -77,8 +77,8 @@
77
77
  "@loaders.gl/draco": "^4.3.4",
78
78
  "fuse.js": "^3.3.0",
79
79
  "wms-capabilities": "0.4.0",
80
- "@itwin/core-i18n": "5.3.0-dev.7",
81
- "@itwin/webgl-compatibility": "5.3.0-dev.7"
80
+ "@itwin/core-i18n": "5.3.0-dev.8",
81
+ "@itwin/webgl-compatibility": "5.3.0-dev.8"
82
82
  },
83
83
  "scripts": {
84
84
  "build": "npm run -s copy:public && npm run -s build:cjs && npm run -s build:esm && npm run -s webpackWorkers && npm run -s copy:workers && npm run -s copy:draco",