bootstrap-colorpicker | Bootstrap Colorpicker is a modular color picker plugin | Theme library

I'm updating Angular version from 7 to 8. But when I build it even though I don't use DOCUMENT, it gives me an error. What could it be that I'm not seeing? I looked through all the files but couldn't find DOCUMENT used with '@angular/platform-browser'. I even checked for '@angular/common'.

I'm just using document here but it has nothing to do with '@angular/platform-browser'. Because it uses it from lib.dom.d.ts.

I want to add a little square into my input text where I can change color according to the input value like this photo:

I have to use bootstrap colorpicker

at this moment I have this in my code:

My problem is the following. I have a button that adds text inputs. One of them will save a color code. For a better user experience I want that color to be chosen with the Boostrap ColorPicker plugin. My problem is that when I generate the boxes The text box does not detect the plugin, however for a text box that is not dynamic if it detects it. Below I put a link of an example with all the code with the fixed text box and the button that dynamically generates them. Thanks in advance.

Link example

In my laravel 5.8 / "bootstrap": "^4.0.0" app I use I use bootstrap-colorpicker with sample : https://itsjavi.com/bootstrap-colorpicker/tutorial-p02_Advanced_Examples.html

and I want selecting color from picker always to get selected color in format “#ffffff”. But the problem is that periodically got value in rgb format : https://prnt.sc/rwqlqj Looks like it happens when I click on outer block selection. Are there some options to get selected color only in format “#ffffff” ?

I tried the example in link above like :

Goal: I would like to select a color through color picker HTML element and immediately after this change I would like to see canvas element in the same color.

The issue: I can select color through the color picker, but my canvas rectangle is not changing the color. All of the questions are focused on more robust solutions (i.e. with JBOSS or jQuery or SpringBoot)

Like here:

• Bootstrap colorpicker basic example does not work
• Primefaces Component - colorPicker: Popup does not render,

What I tried:

• Read similar questions here
• Different ID names
• Different method name
• Different color in the white CSS class
• Different browser
• The different access method for canvas, see below: