{{ isPt ? 'O li-color-picker é um seletor de cores simples e poderoso, que pode ser usado como alternativa cross-browser ao input nativo de cor. Ele suporta modos dropdown e flat com várias opções e eventos.' : 'li-color-picker is a simple and powerful color picker that can be used as a cross-browser alternative to the native color input. It supports dropdown and flat modes with a variety of options and events.' }}

{{ isPt ? 'Texto customizado dos botões' : 'Custom button text' }}

{{ isPt ? 'Além dos rótulos padrão, você pode definir textos personalizados para os botões ou traduzi-los usando as propriedades ' : 'Apart from default button labels, you can set custom button\'s text or translate it using ' }}cancelText {{ isPt ? 'e' : 'and' }} chooseText{{ isPt ? '. Os rótulos padrão são ' : ' properties. Default button labels are ' }}{{ isPt ? 'Cancelar' : 'Cancel' }} {{ isPt ? 'e' : 'and' }} {{ isPt ? 'Escolher' : 'Choose' }}.

{{ isPt ? 'O li-color-picker pode ser inicializado com um valor de cor vazio, mantendo o campo de entrada sem conteúdo. Isso é útil quando o campo precisa ser validado ou é opcional.' : 'li-color-picker can be initialized with an empty color value, meaning the input field remains empty. This is very useful when the picker field needs validation or is optional.' }}

{{ isPt ? 'Você pode mostrar ou ocultar os botões usando a propriedade ' : 'You can show or hide the buttons using the ' }}showButtons{{ isPt ? '. Se não houver botões, o comportamento será disparar o evento ' : ' property. If there are no buttons, the behavior will be to fire the ' }}change{{ isPt ? ' quando o picker for fechado.' : ' event when the picker is closed.' }}

{{ isPt ? 'O li-color-picker pode ser desabilitado automaticamente ao passar a flag ' : 'li-color-picker can be automatically disabled if you pass the ' }}disabled{{ isPt ? '. Além disso, se o campo associado já estiver desabilitado, esse também será o estado padrão do componente.' : ' flag. Additionally, if the associated input is already disabled, that will also become the component\'s default state.' }}

{{ isPt ? 'Click externo dispara change' : 'Clickout fires change' }}

{{ isPt ? 'Ao clicar fora do color picker, você pode forçar o disparo do evento ' : 'When clicking outside of the colorpicker, you can force it to fire a ' }}change{{ isPt ? ' em vez de reverter a alteração. O padrão é ' : ' event rather than having it revert the change. This is ' }}true{{ isPt ? '.' : ' by default.' }}

{{ isPt ? 'Recursos adicionais do picker' : 'Picker additions' }}

{{ isPt ? 'O li-color-picker pode mostrar a cor definida inicialmente ao abrir. Isso facilita voltar rapidamente ao valor configurado no momento da abertura.' : 'li-color-picker can show the color that was initially set when opening. This provides an easy way to return to the value that was set when opened.' }}

{{ isPt ? 'Você pode permitir a seleção de transparência alpha definindo a opção ' : 'You can allow alpha transparency selection by setting ' }}showAlpha{{ isPt ? ' como ' : ' option to ' }}true{{ isPt ? '. A opacidade é exibida em um slider com valores de 0 a 100.' : '. Opacity is shown as a slider that supports values from 0 to 100.' }}

{{ isPt ? 'Mostrar input e inicial' : 'Show input and initial' }}

{{ isPt ? 'Se você combinar as opções ' : 'If you specify both the ' }}showInput {{ isPt ? 'e' : 'and' }} showInitial{{ isPt ? ', o layout mantém a organização e preserva a amostra inicial.' : ' options, the layout keeps things in order and preserves the initial sample.' }}

{{ isPt ? 'Você pode adicionar um campo de entrada para permitir digitação livre. O parser de cor é permissivo com strings válidas, incluindo HEX, RGB e nomes conhecidos.' : 'You can add an input to allow free form typing. The color parsing is permissive in the allowed strings, including HEX, RGB and known names.' }}

{{ isPt ? 'Definir a opção ' : 'Setting ' }}allowEmpty{{ isPt ? ' como ' : ' option to ' }}true{{ isPt ? ' adiciona a possibilidade de limpar a seleção atual.' : ' adds an ability to reset current selection.' }}

{{ isPt ? 'Este exemplo demonstra um color picker completo, combinando ' : 'This example demonstrates a full featured color picker with combination of ' }}showInitial, showInput, showAlpha, allowEmpty{{ isPt ? ' e opções de paleta.' : ' and palette options.' }}

{{ isPt ? 'O li-color-picker pode mostrar uma paleta para facilitar a escolha entre cores usadas com frequência ou recentemente.' : 'li-color-picker can show a palette to make it easier to choose from frequently or recently used colors.' }}

{{ isPt ? 'O li-color-picker pode mostrar um botão para alternar a área do seletor ao lado da paleta. Defina ' : 'li-color-picker can show a button to toggle the picker area next to the palette. Set ' }}togglePaletteOnly{{ isPt ? ' como ' : ' to ' }}true{{ isPt ? ' para habilitar essa alternância.' : ' to enable the toggle.' }}

{{ isPt ? 'O li-color-picker pode acompanhar o que foi selecionado usando a opção ' : 'li-color-picker can keep track of what has been selected with the ' }}showSelectionPalette{{ isPt ? '.' : ' option.' }}

{{ isPt ? 'Se quiser, o li-color-picker pode mostrar apenas as paletas que você definir. Para ocultar a área do seletor e exibir somente a paleta, basta definir ' : 'If you\'d like, li-color-picker can show only the palettes you specify and nothing else. To hide the picker area and show only the palette, simply set ' }}showPaletteOnly {{ isPt ? 'e' : 'and' }} showPalette {{ isPt ? 'como' : 'to' }} true.

{{ isPt ? 'Você pode ocultar automaticamente o color picker após selecionar uma cor da paleta. Defina ' : 'You can have the colorpicker automatically hidden after a palette color is selected. Set ' }}hideAfterPaletteSelect{{ isPt ? ' como ' : ' to ' }}true.

{{ isPt ? 'Você pode definir o formato exibido no campo de texto e nos títulos das amostras da paleta usando ' : 'You can set the format that is displayed in the text box and titles in the palette swatches using ' }}preferredFormat.

{{ isPt ? 'O sistema RGB constrói todas as cores a partir da combinação de vermelho, verde e azul.' : 'RGB color system constructs all the colors from the combination of the Red, Green and Blue colors.' }}

{{ isPt ? 'O li-color-picker também aceita nomes de cores HTML como valores válidos.' : 'li-color-picker also accepts HTML color names as valid color values.' }}

{{ isPt ? 'Os exemplos à esquerda mantêm seus valores formatados de acordo com a saída configurada.' : 'The examples on the left keep their values formatted according to the configured output.' }}

HEX: {{ formatValue(hexColor) }}

RGB: {{ formatValue(rgbColor) }}

{{ isPt ? 'Nome' : 'Name' }}: {{ formatValue(nameColor) }}

{{ isPt ? 'O picker pode emitir os eventos ' : 'The picker can emit ' }}change, hide, dragstart, move, show {{ isPt ? 'e' : 'and' }} dragstop.

change: {{ eventResults['change'] }}

hide: {{ eventResults['hide'] }}

dragstart: {{ eventResults['dragstart'] }}

move: {{ eventResults['move'] }}

show: {{ eventResults['show'] }}

dragstop: {{ eventResults['dragstop'] }}

{{ isPt ? 'O modo flat faz com que o color picker apareça sempre em tamanho completo e seja posicionado como um elemento inline-block. Para exibir o picker nesse modo, defina a opção ' : 'Flat mode means that the color picker will always show up at full size, and be positioned as an inline-block element. To display color picker in flat mode, set ' }}flat{{ isPt ? ' como ' : ' option to ' }}true.

{{ isPt ? 'No picker flat, você pode adicionar um campo de entrada para permitir digitação livre. O parser de cor é permissivo com strings válidas.' : 'In flat picker you can add an input to allow free form typing. The color parsing is permissive in the allowed strings.' }}

{{ isPt ? 'O li-color-picker pode mostrar uma paleta no modo flat para facilitar a escolha entre cores usadas com frequência ou recentemente.' : 'li-color-picker can show a palette in flat mode to make it easier to choose from frequently or recently used colors.' }}

{{ isPt ? 'No modo flat, o li-color-picker pode mostrar a cor definida inicialmente. Isso facilita voltar ao valor que estava configurado ao abrir.' : 'In flat mode, li-color-picker can show the color that was initially set. This provides an easy way to return to what was set when opened.' }}

[(ngModel)]{{ isPt ? ' controla o valor selecionado.' : ' controls the selected value.' }}
showInput, showAlpha, allowEmpty {{ isPt ? 'e' : 'and' }} showButtons{{ isPt ? ' ajustam a UI.' : ' adjust the UI.' }}
showPalette, showSelectionPalette {{ isPt ? 'e' : 'and' }} palette{{ isPt ? ' cobrem atalhos visuais.' : ' cover visual shortcuts.' }}
preferredFormat, flat {{ isPt ? 'e eventos como' : 'and events such as' }} pickerChange{{ isPt ? ' completam os casos avançados.' : ' complete advanced use cases.' }}

{{ title }}{{ subtitle }}

{{ isPt ? 'Exemplos básicos' : 'Basic examples' }}

{{ isPt ? 'Recursos adicionais do picker' : 'Picker additions' }}

{{ isPt ? 'Paletas de cores' : 'Color palettes' }}

{{ isPt ? 'Formatos de cor' : 'Color formats' }}

{{ isPt ? 'Eventos do picker' : 'Picker events' }}

{{ isPt ? 'Picker flat' : 'Flat picker' }}

{{ mainInputsTitle }}

{{ basicSnippetTitle }}

{{ paletteSnippetTitle }}

{{ eventsSnippetTitle }}