()
| 734 | } |
| 735 | // disable/italicize layer control elements based on the map-layer.disabled property |
| 736 | toggleLayerControlDisabled() { |
| 737 | let input = this._layerControlCheckbox, |
| 738 | label = this._layerControlLabel, |
| 739 | opacityControl = this._opacityControl, |
| 740 | opacitySlider = this._opacitySlider, |
| 741 | styleControl = this._styles; |
| 742 | if (this.disabled) { |
| 743 | input.disabled = true; |
| 744 | opacitySlider.disabled = true; |
| 745 | label.style.fontStyle = 'italic'; |
| 746 | opacityControl.style.fontStyle = 'italic'; |
| 747 | if (styleControl) { |
| 748 | styleControl.style.fontStyle = 'italic'; |
| 749 | styleControl.querySelectorAll('input').forEach((i) => { |
| 750 | i.disabled = true; |
| 751 | }); |
| 752 | } |
| 753 | } else { |
| 754 | input.disabled = false; |
| 755 | opacitySlider.disabled = false; |
| 756 | label.style.fontStyle = 'normal'; |
| 757 | opacityControl.style.fontStyle = 'normal'; |
| 758 | if (styleControl) { |
| 759 | styleControl.style.fontStyle = 'normal'; |
| 760 | styleControl.querySelectorAll('input').forEach((i) => { |
| 761 | i.disabled = false; |
| 762 | }); |
| 763 | } |
| 764 | } |
| 765 | } |
| 766 | queryable() { |
| 767 | let content = this.src ? this.shadowRoot : this; |
| 768 | return ( |
no test coverage detected