@if (labelText) { {{ labelText }} @if ((helpPopoverContent || helpKey) && !labelHidden) {

} }

@if (allowTransparency) {

}

{{ 'skyux_colorpicker_hex' | skyLibResources }}

{{ 'skyux_colorpicker_red' | skyLibResources }}

{{ 'skyux_colorpicker_green' | skyLibResources }}

{{ 'skyux_colorpicker_blue' | skyLibResources }} @if (allowTransparency) { {{ 'skyux_colorpicker_alpha' | skyLibResources }} }

@if (presetColors && presetColors.length) {

@for ( color of presetColors | slice: 0 : 12; track color; let i = $index ) { }

}

@if (allowTransparency) { } @if (showResetButton) { }

@if (hintText) {

{{ hintText }}

}