paginar 0.3.6 → 0.3.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +33 -2
- package/dist/index.es.js +844 -246
- package/dist/index.es.js.map +1 -1
- package/dist/style.css +16 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -31,7 +31,7 @@ Esse link acima sempre puxa a última versão disponível para o software, e tam
|
|
|
31
31
|
Para apontar para uma versão estável, e assim evitar possíveis bugs ou desconfigurações vindas das melhorias, pode ser da seguinte maneira:
|
|
32
32
|
|
|
33
33
|
```html
|
|
34
|
-
<script type="module" src="https://unpkg.com/paginar@0.3.
|
|
34
|
+
<script type="module" src="https://unpkg.com/paginar@0.3.7/dist/index.es.js"></script>
|
|
35
35
|
```
|
|
36
36
|
|
|
37
37
|
No corpo do html, no local onde deseja que seja renderizado o leitor, utilizar o Web Component conforme abaixo, e inclua o conteúdo que deseja paginar dentro de um div com propriedade slot="content":
|
|
@@ -99,7 +99,11 @@ const settings = {
|
|
|
99
99
|
// titulo do capítulo, a ser mostrado no cabeçalho do paginador
|
|
100
100
|
chapterTitle: 'Chapter One - The Period',
|
|
101
101
|
|
|
102
|
-
//
|
|
102
|
+
// search
|
|
103
|
+
// habilita a busca no texto do capítulo atual (desativada por padrão).
|
|
104
|
+
search: true,
|
|
105
|
+
|
|
106
|
+
// readingProgress
|
|
103
107
|
// disponibiliza no menu a retomada da leitura e salva a posição por percentual.
|
|
104
108
|
// use um id estável e exclusivo para evitar misturar o progresso entre obras.
|
|
105
109
|
// enabled define o estado inicial; a escolha posterior do leitor prevalece.
|
|
@@ -174,6 +178,33 @@ Ao alterar fonte, tamanho, colunas ou dimensões da janela, o leitor preserva o
|
|
|
174
178
|
percentual anterior e seleciona a página mais próxima no novo total. Quando a
|
|
175
179
|
posição fica exatamente entre duas páginas, a página seguinte é escolhida.
|
|
176
180
|
|
|
181
|
+
### Busca no texto
|
|
182
|
+
|
|
183
|
+
Defina `search: true` no JSON de `reader-settings`, antes de montar o componente.
|
|
184
|
+
Quando omitida ou `false`, a lupa não aparece e Ctrl+F mantém a busca do navegador.
|
|
185
|
+
A configuração não é persistida nas preferências do leitor.
|
|
186
|
+
|
|
187
|
+
Com a busca ativa, a lupa à esquerda de **Opções**, Ctrl+F ou Cmd+F abre o campo
|
|
188
|
+
abaixo do cabeçalho. Clicar fora mantém o campo aberto; Esc, o botão de fechar ou
|
|
189
|
+
a lupa o fecha. O atalho preserva a busca nativa quando o foco está em um campo
|
|
190
|
+
editável externo ao leitor.
|
|
191
|
+
|
|
192
|
+
A busca funciona no conteúdo atual, tanto em `slot="content"` como em HTML
|
|
193
|
+
carregado por arquivo. Não carrega outros capítulos para pesquisá-los. Ignora
|
|
194
|
+
maiúsculas, acentos e cedilha, normaliza espaços e pontuação e encontra trechos
|
|
195
|
+
de palavras. Também aceita uma inserção, remoção, substituição ou inversão de
|
|
196
|
+
letras adjacentes por palavra consultada com cinco ou mais caracteres. Por
|
|
197
|
+
exemplo, `acao` encontra `ação` e `lietura` encontra `leitura`.
|
|
198
|
+
|
|
199
|
+
Após digitar, o leitor desliza até a primeira ocorrência e mostra a posição e o
|
|
200
|
+
total. Enter/Shift+Enter e as setas do dropdown percorrem os resultados em ordem,
|
|
201
|
+
retornando ao início/fim quando necessário. As ocorrências visíveis recebem um
|
|
202
|
+
destaque suave, com cor mais forte e contorno na ocorrência atual, sem modificar
|
|
203
|
+
o HTML nem a distribuição das páginas. Limpar o campo remove os destaques.
|
|
204
|
+
Alterações no texto ou troca de capítulo atualizam os resultados da consulta.
|
|
205
|
+
|
|
206
|
+
Veja a [demo de busca](demo/search/index.html).
|
|
207
|
+
|
|
177
208
|
## Eventos, estado e navegação por JavaScript
|
|
178
209
|
|
|
179
210
|
O componente emite eventos públicos ao mudar de página, usar o slider, abrir o
|