demo

diff --git a/.eslintrc b/.eslintrc new file mode 100644 index 00000000..e6fcf9f9 --- /dev/null +++ b/.eslintrc @@ -0,0 +1,26 @@ +{ + "extends": "airbnb", + "parserOptions": { + "ecmaVersion": 6, + "sourceType": "module", + "ecmaFeatures": { + "jsx": true + } + }, + "rules": { + "semi": 2, + "no-unused-vars" : "off", + "comma-dangle" : "off", + "no-plusplus" : "off", + "no-restricted-properties" : "off", + "prefer-template" : "off", + "import/no-extraneous-dependencies" : "off", + "import/prefer-default-export" : "off", + "max-len": ["off", 100, 2, { + "ignoreUrls": true, + "ignoreComments": false, + "ignoreStrings": true, + "ignoreTemplateLiterals": true + }] + } +} diff --git a/.gitignore b/.gitignore index 5c5054d4..cf60a901 100644 --- a/.gitignore +++ b/.gitignore @@ -1,5 +1,6 @@ bower_components node_modules +!build/docs/node_modules *~ *# *.idea diff --git a/CHANGELOG.md b/CHANGELOG.md index 5f1dcd6c..221b7040 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,4 +1,23 @@ -# v4.1.1 +# [v5.1.0](https://github.com/MyScript/myscript-text-web/tree/v5.1.0) + +## Features + +- Addition of a new Recognition Assets Builder API to dynamically build text lexicons and math grammars +- Style and decoration support in the JIIX exports +- New configuration options for a finer tuning of JIIX exports +- Always connected is now the default mode for better end user experience + +# [v5.0.0](https://github.com/MyScript/myscript-text-web/tree/v5.0.0) + +## Features + +`myscript-text-web` now supports all the features introduced by the version [4.2.0 of MyScriptJS](https://github.com/MyScript/myscriptjs/tree/v4.2.0). + +## Breaking changes + +- We are now using Polymer 3. For more details, please refer to the [Polymer documentation](https://www.polymer-project.org/3.0/docs/about_30). + +# [v4.1.1](https://github.com/MyScript/myscript-text-web/tree/v4.1.1) ## Bugs fixed - Documentation and paper buttons colors were not taken into account in Edge. diff --git a/README.md b/README.md index 91d76973..af8db1ba 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,23 @@ # MyScript Text Web + +[![npm version](https://badge.fury.io/js/myscript-text-web.svg)](https://badge.fury.io/js/myscript-text-web) +[![Published on Vaadin Directory](https://img.shields.io/badge/Vaadin%20Directory-published-00b4f0.svg)](https://vaadin.com/directory/component/MyScriptmyscript-text-web) +[![Stars on vaadin.com/directory](https://img.shields.io/vaadin-directory/star/MyScriptmyscript-text-web.svg)](https://vaadin.com/directory/component/MyScriptmyscript-text-web) +[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/MyScript/myscript-text-web) +[![Examples](https://img.shields.io/badge/Link%20to-examples-blue.svg)](https://myscript.github.io/myscript-text-web/#/elements/myscript-text-web/demos/other-examples) +[![Documentation](https://img.shields.io/badge/Link%20to-documentation-green.svg)](https://developer.myscript.com/docs/interactive-ink/latest/web/web-components/text-element/) + +## :warning: This repository is archived :warning: +iinkJS grants you high integration flexibility by letting you choose your favorite framework or components. For this reason, we have decided to focus on iinkJS and to discontinue our ready-to-use Web components. + +For more information, please see [documentation](https://developer.myscript.com/). + +We also provide an example to integrate [iinkJS](https://github.com/MyScript/iinkJS) as webcomponent: [link](https://github.com/MyScript/web-integration-samples). + +

+ +:construction: + > The easy way to integrate text handwriting recognition in your web app.

Sub title

Sub title

Sub title

app-drawer demos

Aspect ratio: items have an aspect ratio of 1:1 on large screens and 2:1 on small ones.

app-grid demos

app-header-layout demos

GIRL

App name

App name

App name

App name

App name

App name

App name

App name

App name

What is material? — Environment

What is material? — Environment

What is material?

What is material?

What is material? — Environment

What is material? — Environment

What is material?

What is material?

What is material? — Environment

What is material?

GiveDirectly

GiveDirectly

app-header demos

GIRL

Title

Condensed title

Contacts — Summary

Contacts

Demos

About

Services

Contact

Ingredients

Steps

{{item.name}}

{{article.desc}}

[[item.title]]

[[item.storeName]]

[[item.title]]

[[item.title]]

app-header Properties

app-header Effects

Announcer used directly on the main document

Announcer used inside a custom element

Press any of these keys

Video Feed

[[item.snippet.title]]

An iron-autogrow-textarea grows automatically as more text is entered

The maximum height can be controlled either through the max-rows + property, or through a fixed max height

The initial height can also be controlled using the rows property, + or through a fixed height

Example of updating the value imperatively

Normal

Toggles

Disabled

Not required

Required

+ Properties +

+ Methods +

+ Events +

Behavior [[descriptor.name]]

+ Description +

[[title]]

+ Description +

[[title]]

[[title]]

+ Description +

[[title]]

+ Description +

[[title]]

+ Description +

+ + Exported Functions + +

[[title]]

+ Description +

+ An element with `IronFitBehavior` can be centered in + `fitInto` or positioned around a `positionTarget` +

`iron-icon` using a iron-iconset as its icon source.

`iron-icon` using an image url as its icon source.

+ Import a document with an `<iron-iconset-svg>` to use the + icons it contains with `<iron-icon>` elements in your page. +

+ Use an inline `<iron-iconset-svg>` if you need to both + define and use your icons in the same document. +

Preventing invalid characters: only allow `!@#0123456789`