@geogirafe/lib-geoportal 1.2.0-dev.2829121016 → 1.2.0-dev.2829525740

package/buildtools/tools.js

@@ -348,6 +348,44 @@ export function extractNotDefaultExportValueNames(code) {
   return exportNames;
 }
 
+export function haslazyLoadedInLibDecorator(code, exportName) {
+  // Check if a specific exported class/function is decorated with @lazyLoadedInLib
+  // Split code into lines and look for @lazyLoadedInLib decorator immediately followed by export
+
+  const lines = code.split('\n');
+
+  for (let i = 0; i < lines.length; i++) {
+    const line = lines[i];
+    const trimmedLine = line.trim();
+
+    // Check if this line has an export of the named item
+    // Look for: export default class ExportName OR export class ExportName
+    const exportKeywordIndex = trimmedLine.indexOf('export');
+    if (exportKeywordIndex !== -1) {
+      // Check if this export line contains our exportName
+      const classMatch = trimmedLine.match(
+        /export\s+(?:default\s+)?(?:async\s+)?(?:abstract\s+)?(class|function|const)\s+(\w+)/i
+      );
+      if (classMatch && classMatch[2] === exportName) {
+        // Check if the previous line has @lazyLoadedInLib
+        if (i > 0 && lines[i - 1].includes('@lazyLoadedInLib')) {
+          return true;
+        }
+
+        // Check if the same line has @lazyLoadedInLib before the export keyword
+        if (trimmedLine.includes('@lazyLoadedInLib')) {
+          const index = trimmedLine.indexOf('@lazyLoadedInLib');
+          if (index >= 0 && index < exportKeywordIndex) {
+            return true;
+          }
+        }
+      }
+    }
+  }
+
+  return false;
+}
+
 export function appendImportExtension(code, extension) {
   if (!extension.startsWith('.')) {
     extension = `.${extension}`;

package/components/print/component.d.ts

@@ -61,10 +61,10 @@ declare class PrintComponent extends GirafeHTMLElement implements IGirafePanel {
      */
     onScaleChanged(event: KeyboardEvent): void;
     /**
-     * On pressing enter take the value from the event target (input)
-     * and set the selected scale in the state and update the mask.
+     * Take the value from the input and set the selected scale
+     * in the state and update the mask.
      */
-    onCustomScaleTyped(evt: KeyboardEvent): void;
+    onCustomScaleTyped(evt: Event): void;
     /**
      * @Returns the current print scale.
      */

package/components/print/component.js

@@ -29,7 +29,7 @@ class PrintComponent extends GirafeHTMLElement {
 #panel{min-width:20rem;height:100%;overflow:auto}#content{background:var(--bkg-color);color:var(--text-color);margin:0;padding:1.5rem}#content .message{text-align:center;width:100%}#content .message *{margin:.25rem}.option{margin-top:.5rem;display:flex}.option label{width:40%}.option label:after{content:" :"}.option input,.option select,.option textarea{flex-grow:1}.option input.gg-checkbox{flex-grow:0}.rotation{flex-grow:1;gap:.5rem;display:flex}#rotationSlider{width:0}#rotationNumber{flex-grow:0;width:4rem}#content #export-pdf{float:right;margin-top:1rem}#content button{background-color:var(--bkg-color);color:var(--text-color);border:solid 1px var(--text-color);cursor:pointer;border-radius:3px;outline:0}#content button:hover{background-color:var(--bkg-color-grad2)}#content #print-list{margin-top:5rem}#print-list .print-item{border:solid 1px var(--text-color);color:var(--text-color);margin-top:.5rem;padding:.5rem;position:relative}#print-list .print-item .container{text-align:unset;border:none;width:100%;display:inline}#print-list .print-item .cancel{cursor:pointer;color:var(--text-color-grad1);background-color:#0000;border:none;position:absolute;top:.5rem;right:.5rem}.print-item .cancel i:before{content:"uf00d"}.print-item .cancel:hover{border-color:var(--text-color);color:var(--text-color)}.print-item i.status{float:left;text-align:center;width:3rem;margin-right:1rem}.print-item:has(.success):hover{background-color:var(--bkg-color-grad2);cursor:pointer}.print-item i.status:before{line-height:3rem;display:block}.print-item p{line-height:1.3rem}.print-item p.time{margin-right:.5rem;position:absolute;bottom:0;right:0}#custom-scale{color:var(--text-color);flex-flow:wrap;justify-content:flex-start;align-items:center;display:flex}#custom-scale .svg-info{margin-left:.5rem}#custom-scale>div{align-items:center;width:100%;display:flex}.gg-custom-scale{justify-content:flex-end}.warning{border-top:1px solid #333;border-bottom:1px solid #333;margin-top:1rem;margin-bottom:1rem;padding:.5rem}.warning h3{margin:0 0 1rem;font-size:1rem}.warning span{display:block}
 </style>
 <style>${this.customStyle}</style>
-<div id="panel"><div id="content"><div class="${this.getRenderState() === 'loading' ? '' : 'hidden'}"><div class="message"><div i18n="Connecting to the print server, please wait."></div><img alt="loading-icon" src="icons/loading.svg" class="gg-spin"></div></div><div class="${this.getRenderState() === 'error' ? '' : 'hidden'}"><div class="message" i18n="The print server is unavailable. Please, try later."></div></div><div class="${this.getRenderState() === 'setup' ? '' : 'hidden'}"><div class="option"><label for="layout" i18n="Layout" class="gg-label">Layout</label> <select id="layout" class="gg-select" onchange="${(evt) => this.onLayoutChanged(evt)}">${this.layouts.map((layout) => uHtml `<option i18n="${layout.name}" ?selected="${this.selectedLayout?.name === layout.name}" value="${layout.name}">${layout.name}</option>`)}</select></div><div class="option gg-custom-scale"><label for="scale" i18n="Scale" class="gg-label">Scale</label> <select id="scale" class="gg-select" onchange="${(evt) => this.onScaleChanged(evt)}">${this.scales.map((scale) => uHtml `<option ?selected="${this.getSelectedScale() === scale}" value="${scale}"><span>1&nbsp;:&nbsp;</span><span i18n="${scale}" i18nfn="formatNumber">${scale}</span></option>`)}<option i18n="Manual entry" class="${this.context.configManager.Config.print?.customScale === true ? '' : 'hidden'}" value="custom">Manual entry</select></div><div class="${this.showCustomScale === true ? 'option' : 'hidden'}"><div id="custom-scale"><label for="scale" i18n="Custom scale" class="gg-label">Custom scale</label><div><span>1&nbsp;:&nbsp;</span><input class="gg-input" type="number" min="10" onkeypress="${(evt) => this.onCustomScaleTyped(evt)}"> <span class="svg-info" tip="Press 'Enter' to apply"><img alt="Info" src="icons/info.svg"></span></div></div></div><div class="option"><label for="format" i18n="Format" class="gg-label">Format</label> <select id="format" class="gg-select" onchange="${(evt) => this.onFormatChanged(evt)}">${this.printFormats.map((format) => uHtml `<option ?selected="${this.getSelectedFormat() === format}" value="${format}">${format.toUpperCase()}</option>`)}</select></div>${uHtml `<div class="option"><label for="dpi" class="gg-label">DPI</label> <select id="dpi" class="gg-select" onchange="${(evt) => this.onDpiChanged(evt)}">${this.dpis.map((dpi) => uHtml `<option ?selected="${this.getSelectedDpi() === dpi}" value="${dpi}">${dpi}</option>`)}</select></div>`}<div class="option"><label for="rotationSlider" i18n="Rotation" class="gg-label">Rotation</label><div class="rotation"><input id="rotationSlider" class="gg-range" type="range" min="-180" max="180" step="1" value="${this.getRotation()}" oninput="${(evt) => this.onInputRotationChanged(evt)}"> <input id="rotationNumber" class="gg-input" type="number" min="-180" max="180" step="1" value="${this.getRotation()}" oninput="${(evt) => this.onInputRotationChanged(evt)}"></div></div>${this.attributeNames.map((attrName) => { if (this.getAttributeInputType(attrName) === 'number') {
+<div id="panel"><div id="content"><div class="${this.getRenderState() === 'loading' ? '' : 'hidden'}"><div class="message"><div i18n="Connecting to the print server, please wait."></div><img alt="loading-icon" src="icons/loading.svg" class="gg-spin"></div></div><div class="${this.getRenderState() === 'error' ? '' : 'hidden'}"><div class="message" i18n="The print server is unavailable. Please, try later."></div></div><div class="${this.getRenderState() === 'setup' ? '' : 'hidden'}"><div class="option"><label for="layout" i18n="Layout" class="gg-label">Layout</label> <select id="layout" class="gg-select" onchange="${(evt) => this.onLayoutChanged(evt)}">${this.layouts.map((layout) => uHtml `<option i18n="${layout.name}" ?selected="${this.selectedLayout?.name === layout.name}" value="${layout.name}">${layout.name}</option>`)}</select></div><div class="option gg-custom-scale"><label for="scale" i18n="Scale" class="gg-label">Scale</label> <select id="scale" class="gg-select" onchange="${(evt) => this.onScaleChanged(evt)}">${this.scales.map((scale) => uHtml `<option ?selected="${this.getSelectedScale() === scale}" value="${scale}"><span>1&nbsp;:&nbsp;</span><span i18n="${scale}" i18nfn="formatNumber">${scale}</span></option>`)}<option i18n="Manual entry" class="${this.context.configManager.Config.print?.customScale === true ? '' : 'hidden'}" value="custom">Manual entry</select></div><div class="${this.showCustomScale === true ? 'option' : 'hidden'}"><div id="custom-scale"><label for="scale" i18n="Custom scale" class="gg-label">Custom scale</label><div><span>1&nbsp;:&nbsp;</span><input class="gg-input" type="number" min="10" oninput="${(evt) => this.onCustomScaleTyped(evt)}"></div></div></div><div class="option"><label for="format" i18n="Format" class="gg-label">Format</label> <select id="format" class="gg-select" onchange="${(evt) => this.onFormatChanged(evt)}">${this.printFormats.map((format) => uHtml `<option ?selected="${this.getSelectedFormat() === format}" value="${format}">${format.toUpperCase()}</option>`)}</select></div>${uHtml `<div class="option"><label for="dpi" class="gg-label">DPI</label> <select id="dpi" class="gg-select" onchange="${(evt) => this.onDpiChanged(evt)}">${this.dpis.map((dpi) => uHtml `<option ?selected="${this.getSelectedDpi() === dpi}" value="${dpi}">${dpi}</option>`)}</select></div>`}<div class="option"><label for="rotationSlider" i18n="Rotation" class="gg-label">Rotation</label><div class="rotation"><input id="rotationSlider" class="gg-range" type="range" min="-180" max="180" step="1" value="${this.getRotation()}" oninput="${(evt) => this.onInputRotationChanged(evt)}"> <input id="rotationNumber" class="gg-input" type="number" min="-180" max="180" step="1" value="${this.getRotation()}" oninput="${(evt) => this.onInputRotationChanged(evt)}"></div></div>${this.attributeNames.map((attrName) => { if (this.getAttributeInputType(attrName) === 'number') {
             return uHtml `<div class="option"><label for="${attrName}" i18n="${this.attrNameForI18n(attrName)}" class="gg-label">${attrName}</label> <input id="${attrName}" type="number" class="gg-input" value="${this.getCapabilitiesAttribute(attrName)?.default}"></div>`;
         } if (this.getAttributeInputType(attrName) === 'checkbox') {
             return uHtml `<div class="option"><label for="${attrName}" i18n="${this.attrNameForI18n(attrName)}" class="gg-label">${attrName}</label> <input id="${attrName}" type="checkbox" class="gg-checkbox" ?checked="${this.getCapabilitiesAttribute(attrName)?.default}"></div>`;
@@ -129,12 +129,12 @@ ${this.htmlUnsafe(this.feedbackTemplateHtml ?? '')}`;
         this.printMaskManager?.zoomToScale(this.state.print.scale);
     }
     /**
-     * On pressing enter take the value from the event target (input)
-     * and set the selected scale in the state and update the mask.
+     * Take the value from the input and set the selected scale
+     * in the state and update the mask.
      */
     onCustomScaleTyped(evt) {
         const value = parseInt(evt.target?.value);
-        if (evt.key !== 'Enter' || !value) {
+        if (!value) {
             return;
         }
         this.state.print.scale = value;

package/decorators.d.ts

@@ -3,3 +3,8 @@
  * @constructor
  */
 export declare function UsedInTemplateOnly(_reason?: string): (_target: object, _propertyKey: string, _descriptor: PropertyDescriptor) => void;
+/**
+ * Use this Decorator to mark a class that should not be exported in the library main files.
+ * @constructor
+ */
+export declare function lazyLoadedInLib(): (_target: Function) => void;

package/decorators.js

@@ -6,3 +6,10 @@
 export function UsedInTemplateOnly(_reason = 'Method is used in HTML Template') {
     return function (_target, _propertyKey, _descriptor) { };
 }
+/**
+ * Use this Decorator to mark a class that should not be exported in the library main files.
+ * @constructor
+ */
+export function lazyLoadedInLib() {
+    return function (_target) { };
+}

package/package.json

@@ -5,7 +5,7 @@
     "name": "GeoGirafe PSC",
     "url": "https://doc.geogirafe.org"
   },
-  "version": "1.2.0-dev.2829121016",
+  "version": "1.2.0-dev.2829525740",
   "type": "module",
   "engines": {
     "node": ">=20.19.0"

package/templates/public/about.json

@@ -1 +1 @@
-{"version":"1.2.0-dev.2829121016", "build":"2829121016", "date":"08/09/2026"}
+{"version":"1.2.0-dev.2829525740", "build":"2829525740", "date":"08/09/2026"}

package/tools/drawing/cesiumDrawing.js

@@ -1,11 +1,18 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 // SPDX-License-Identifier: Apache-2.0
 import * as Cesium from 'cesium';
 import { CallbackProperty, Cartesian2, Cartesian3, Cartographic, Color, EllipsoidGeodesic, Entity, ScreenSpaceEventType, PolygonHierarchy } from 'cesium';
 import { KML, GeoJSON } from 'ol/format.js';
 import DrawingFeature, { DrawingShape } from './drawingFeature.js';
 import proj4 from 'proj4';
+import { lazyLoadedInLib } from '../../decorators.js';
 const CLAMP_TO_GROUND = Cesium.HeightReference.CLAMP_TO_GROUND;
-export default class CesiumDrawing {
+let CesiumDrawing = class CesiumDrawing {
     // Writes drawn features into the specified location in the extended state
     stateLocation;
     activeShapePoints = [];
@@ -407,4 +414,8 @@ export default class CesiumDrawing {
             }
         });
     }
-}
+};
+CesiumDrawing = __decorate([
+    lazyLoadedInLib()
+], CesiumDrawing);
+export default CesiumDrawing;

package/tools/main.d.ts

@@ -14,7 +14,6 @@ export { default as GirafeConfig } from './configuration/girafeconfig.js';
 export { defaultNewsSanitizeConfig, defaultPermalinkSanitizeConfig, defaultQuerySanitizeConfig } from './configuration/sanitizeconfig-defaults.js';
 export { default as GirafeContext } from './context/context.js';
 export type { default as IGirafeContext } from './context/icontext.js';
-export { default as CesiumDrawing } from './drawing/cesiumDrawing.js';
 export type { DrawingShape, ArrowStyle, ArrowPosition, LineStroke, MeasureInformation, SerializedFeature } from './drawing/drawingFeature.js';
 export { default as DrawingFeature } from './drawing/drawingFeature.js';
 export { default as DrawingSerializer } from './drawing/drawingSerializer.js';

package/tools/main.js

@@ -12,7 +12,6 @@ export { default as ConfigManager } from './configuration/configmanager.js';
 export { default as GirafeConfig } from './configuration/girafeconfig.js';
 export { defaultNewsSanitizeConfig, defaultPermalinkSanitizeConfig, defaultQuerySanitizeConfig } from './configuration/sanitizeconfig-defaults.js';
 export { default as GirafeContext } from './context/context.js';
-export { default as CesiumDrawing } from './drawing/cesiumDrawing.js';
 export { default as DrawingFeature } from './drawing/drawingFeature.js';
 export { default as DrawingSerializer } from './drawing/drawingSerializer.js';
 export { default as DrawingState } from './drawing/drawingState.js';