1 | /* |
2 | Copyright - 2017 2023 - wwwouaiebe - Contact: https://www.ouaie.be/ |
3 | |
4 | This program is free software; |
5 | you can redistribute it and/or modify it under the terms of the |
6 | GNU General Public License as published by the Free Software Foundation; |
7 | either version 3 of the License, or any later version. |
8 | |
9 | This program is distributed in the hope that it will be useful, |
10 | but WITHOUT ANY WARRANTY; without even the implied warranty of |
11 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
12 | GNU General Public License for more details. |
13 | |
14 | You should have received a copy of the GNU General Public License |
15 | along with this program; if not, write to the Free Software |
16 | Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA |
17 | */ |
18 | /* |
19 | Changes: |
20 | - v4.0.0: |
21 | - created from v3.6.0 |
22 | Doc reviewed 202208 |
23 | */ |
24 | |
25 | import theHTMLElementsFactory from '../../core/uiLib/HTMLElementsFactory.js'; |
26 | |
27 | /* ------------------------------------------------------------------------------------------------------------------------- */ |
28 | /** |
29 | The element with the color sample |
30 | */ |
31 | /* ------------------------------------------------------------------------------------------------------------------------- */ |
32 | |
33 | class SampleControlElement { |
34 | |
35 | /** |
36 | The main HTMLElement |
37 | @type {HTMLElement} |
38 | */ |
39 | |
40 | #sampleHTMLElement; |
41 | |
42 | /** |
43 | The constructor |
44 | @param {ColorControl} colorControl A reference to the color control |
45 | */ |
46 | |
47 | constructor ( colorControl ) { |
48 | Object.freeze ( this ); |
49 | this.#sampleHTMLElement = theHTMLElementsFactory.create ( |
50 | 'div', |
51 | { |
52 | id : 'TravelNotes-ColorControl-ColorSampleHTMLElement' |
53 | }, |
54 | colorControl.controlHTMLElement |
55 | ); |
56 | } |
57 | |
58 | /** |
59 | The css color value used for the sample |
60 | @type {String} |
61 | */ |
62 | |
63 | get cssColor ( ) { |
64 | return this.#sampleHTMLElement.style [ 'background-color' ]; |
65 | } |
66 | |
67 | set cssColor ( cssColor ) { |
68 | this.#sampleHTMLElement.style [ 'background-color' ] = cssColor; |
69 | } |
70 | |
71 | } |
72 | |
73 | export default SampleControlElement; |
74 | |
75 | /* --- End of file --------------------------------------------------------------------------------------------------------- */ |
76 |