WIP Update to ol 7 and ol-ext 4

[Siedlerchr]

I could not get the examples to work yet:

Uncaught TypeError: ol.ext is undefined
    js Base.js:10
    Webpack 11
[Base.js:10](webpack://siedlerchr/types-ol-ext/node_modules/ol-ext/util/input/Base.js)
    js Base.js:10
    Webpack 11

@sanak Any idea if we need to change sth here or if ol-ext needs to change it?

[sanak]

@sanak Any idea if we need to change sth here or if ol-ext needs to change it?

Okay. I will check it a bit by tomorrow.

[sanak]

@Siedlerchr
I created the following PR to ol-ext side.
Viglino/ol-ext#856

I will check this PR examples further after tonight.

[sanak]

Here is quick check result after applying https://github.com/Viglino/ol-ext/pull/856/files locally (edit ./node_modules/ol-ext/util/**.js directly) then build examples.
I guess that significant error is only style/map.style.font.ts (except animation/map.featureanimation.ts), but I will try to solve those.

• animation
  • map.featureanimation.ts (Fix indexing example for feature animation #72, Adjusting featureanimation example #86)

    Uncaught TypeError: FeatureAnimation_1.default[$(...).text(...)] is not a constructor
        at addFeatureAt (map.featureanimation.ts:115:5)
        at map.featureanimation.ts:134:7
    

• bar
  • map.control.bar.ts
  • map.control.button.ts
  • map.control.editbar.ts
• canvas
  • map.control.gridreference.ts
• control
  • map.control.geobookmark.ts

    Uncaught ReferenceError: bm is not defined
        at HTMLInputElement.onchange (map.control.geobookmark.html:53:113)
    

    => Fixed with 667a1cd
  • map.switcher.popup.ts
• filter
  • map.filter.crop.ts
• geom
  • map.geom.cspline.ts
• interaction
  • map.interaction.clip.ts
  • map.interaction.drawregular.ts
• map
  • map.layer.3d.2.ts
• misc
  • map.animatedcanvas.ts
  • map.compare.ts
  • map.input.ts

    Uncaught ReferenceError: dialog is not defined
        at HTMLButtonElement.onclick (map.input.html:109:37)
    

    => Fixed with e3a9565
• popup
  • map.fixedpopup.ts
  • map.popup.feature.ts
  • map.popup.ts
• search
  • map.control.searchnominatim.ts
• storymap
  • map.control.imageline.ts
• style
  • map.style.font.ts

    Uncaught TypeError: Cannot read properties of undefined (reading 'glyphs')
        at ./examples/style/map.style.font.ts (map.style.font.ts:49:41)
        at __webpack_require__ (bootstrap:19:1)
        at startup:4:1
        at startup:4:1
    

    => Fixed with ee69094
  • map.style.pattern.ts

    Uncaught ReferenceError: refresh is not defined
        at HTMLSelectElement.onchange (map.style.pattern.html:121:49)
    

    => Fixed with 75a4998

[sanak]

@Siedlerchr
I fixed some type defs/examples, so please check my additional commits, when you have a time.
Thanks,

[Siedlerchr]

Thanks looks good so far!