flag-icon | Polymer Web Component for SVG and PNG icons | Icon library

I installed livewire in my laravel project and created components, I add the components to the main file and they are displayed successfully. The problem comes when I attempt to use data binding and firing events which have completely failed to work. What could be the problem?

This is my main file.

i want to list the name of courses from my database in my navbar menu (app view) :

Can't use jQuery or CSS (only). I have:

My question is how does the /admin/djangocms_icon/includes/assets.html file look like? Can someone give a sample supposing I am using font awesome 5? Below are the configuration settings that I followed on Github.

This addon provides a default template for all instances. You can provide additional template choices by adding a DJANGOCMS_ICON_TEMPLATES

setting::

I have some code, you can check it here:

https://jsfiddle.net/mc1z2e7n/

as you can see it is a google translate widget with dropdown option with country flag option but the country flag is up and the text is above the country flag.

Now I need to have country image flag on the left side and the country text language name to be next to the flag on the right size, just like it is on this picture: https://ibb.co/xH3g6B6

Here is the complete code:

I am trying to display a worldMap Highcharts. I followed this example stackblitz Highcharts Angular

where it is working fine. but when trying to run the example locally it display the zoom buttons and the legends but without the map and with no errors in the console. However when click on the zoom button I got this error:

attribute transform: Expected number, "…late(0,0) scale(NaN NaN)"

Here is the code:

globalMap TS file

Expected: https://i.stack.imgur.com/UBElC.png

Actual: https://i.stack.imgur.com/UbIcA.png

Why is the reason this happen ? the most I can think of there's something there is a styling that overrides SyncFusion styling or my Angular version is not compatible ?

Coding:

schedule.HTML

After @typescript-eslint upgrade es-lint started lint errors like:

28:15 error 'token' is defined but never used @typescript-eslint/no-unused-vars

in source code:

I am trying to run the command npm run dev or npm run production. But none of them are successful. Once I run the command I am getting an error like in image :

error after running npm run prod

My package.json file is like below :