From 37b926881dcdd36439ed5033ed1e9c5dca8e03e8 Mon Sep 17 00:00:00 2001 From: Boyko Markov Date: Tue, 11 Dec 2018 00:32:10 +0200 Subject: [PATCH] initial commit --- README.md | 86 ++++++++++++++++++++++++++++++- bower.json | 25 +++++++++ demos/smart-tooltip-overview.htm | 20 +++++++ package.json | 46 +++++++++++++++++ styles/demos.css | 8 +++ tooltip-web-component.png | Bin 0 -> 1728 bytes 6 files changed, 183 insertions(+), 2 deletions(-) create mode 100644 bower.json create mode 100644 demos/smart-tooltip-overview.htm create mode 100644 package.json create mode 100644 styles/demos.css create mode 100644 tooltip-web-component.png diff --git a/README.md b/README.md index 92bd085..c2ddb5f 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,84 @@ -# smart-tooltip -Tooltip Web Component +[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/htmlelements/smart-tooltip) + +# <smart-tooltip> + +[Live Demo ↗](https://htmlelements.com/demos/tooltip/) +| +[Documentation ↗](https://www.htmlelements.com/docs/) +| +[Installation ↗](https://www.npmjs.com/package/@smarthtmlelements/smarthtmlelements-core) + +[<smart-tooltip>](https://htmlelements.com/demos/tooltip/) is a Custom HTML Element providing slide show/banner rotator](https://htmlelements.com/). + + +```html + Button + This is a tooltip for smartButton +``` + +[Screenshot of smart-tooltip](https://htmlelements.com/demos/tooltip) + +## Getting Started + +Smart HTML Elements components documentation includes getting started, customization and api documentation topics. + +[Getting Started Documentation](https://www.htmlelements.com/docs/) + + +## The file structure for Smart HTML Elements + +- `source/` + + Javascript files. + +- `source/styles/` + + Component CSS Files. + +- `demos/` + + Demo files + +## Running demos in browser + +1. Fork the `Smart-HTML-Elements-Core` repository and clone it locally. + +1. Make sure you have [npm](https://www.npmjs.com/) installed. + +1. When in the `Smart-HTML-Elements-Core` directory, run `npm install` and then `bower install` to install dependencies. + +1. Run a localhost or upload the demo on a web server. Then run: + + - /demos/smart-tooltip/smart-tooltip-overview.htm + + +## Following the coding style + +We are using [ESLint](http://eslint.org/) for linting JavaScript code. + +## Creating a pull request + + - Make sure your code is compliant with ESLint + - [Submit a pull request](https://www.digitalocean.com/community/tutorials/how-to-create-a-pull-request-on-github) with detailed title and description + - Wait for response from one of our team members + + +## License + +Apache License 2.0 diff --git a/bower.json b/bower.json new file mode 100644 index 0000000..53d5105 --- /dev/null +++ b/bower.json @@ -0,0 +1,25 @@ +{ + "name": "smart-tooltip", + "authors": [ + "jQWidgets Ltd" + ], + "description": "Smart Tooltip is a free Tooltip Element, built using native Javascript and CSS.", + "license": "Apache-2.0", + "keywords": [ + "smart Tooltip", + "Tooltip", + "Tooltip Web Component", + "Tooltip Custom Element" + ], + "main": "", + "ignore": [ + "**/.*", + "**/node_modules", + "**/bower_components", + "**/tests" + ], + "dependencies": { + "webcomponentsjs": "^1.0.0", + "smart-core": "HTMLElements/smart-core" + } +} diff --git a/demos/smart-tooltip-overview.htm b/demos/smart-tooltip-overview.htm new file mode 100644 index 0000000..b81a8b4 --- /dev/null +++ b/demos/smart-tooltip-overview.htm @@ -0,0 +1,20 @@ + + + + + + + + + + + + + Button + This is a tooltip for smartButton + + diff --git a/package.json b/package.json new file mode 100644 index 0000000..396de6b --- /dev/null +++ b/package.json @@ -0,0 +1,46 @@ +{ + "name": "@smarthtmlelements/smart-tooltip", + "version": "2.0.0", + "description": "Smart Tooltip", + "scripts": { + }, + "repository": { + "type": "git", + "url": "git+https://github.com/HTMLElements/smart-tooltip.git" + }, + "author": "Smart HTML Elements", + "license": "SEE LICENSE IN https://www.htmlelements.com/license/", + "bugs": { + "url": "https://github.com/HTMLElements/smart-tooltip" + }, + "homepage": "https://github.com/HTMLElements/smart-tooltip#readme", + "devDependencies": { + + }, + "dependencies": { + "@webcomponents/webcomponentsjs": "^1.0.22", + "@smarthtmlelements/smart-core": "^2.0.0" + }, + "main": "index.js", + "directories": {}, + "keywords": [ + "custom", + "element", + "tooltip custom element", + "html tooltip", + "tooltip", + "web components tooltip", + "tooltip element", + "banner rotator", + "custom tooltip", + "tooltip widget", + "tooltip ui", + "tooltip component", + "tooltip control", + "banner", + "banner element", + "banner user interface", + "material banner", + "material tooltip" + ] +} diff --git a/styles/demos.css b/styles/demos.css new file mode 100644 index 0000000..d8b597e --- /dev/null +++ b/styles/demos.css @@ -0,0 +1,8 @@ +smart-carousel { + width: 1000px; + height: 450px; + border-width: 0px; + margin-left: auto; + margin-right: auto; + background-color: #d3d3d369; +} \ No newline at end of file diff --git a/tooltip-web-component.png b/tooltip-web-component.png new file mode 100644 index 0000000000000000000000000000000000000000..4bc0c74e33f7e685e72f86b64c76605324b14ce8 GIT binary patch literal 1728 zcmb_dc~BB~6ee`NHMLeWEjN`iFT~XHB*imtLQ^a7wo;?eRWwa2txSsW!XvdpB=6fY z*~E-#J@Gb=-8>@HazQadGhLe5*=?rT{cHbtzc=5!@B3!ny!Ymp?&7hMH;SLN<)*c1Fcbc_dkx zs82B>>%R<~w8HuIg;mbEj(5a&xss^55Ku0>`$;mrA_2`_VnSJz=r23rsI?+2-xIOvWt-rr`u(Ylu zo4wy-cIsM_9WJcHScmnPaRL>1RA<@nwBG#jz>-z{v|EK$a_FjD+PtRt;HfoJ)56&< zldg`Y>F8Fe%EDo{T>R_aaa(>{0=?50*iYM(Af^$px6={t>Wt&IfCU%MEgbkV&3mAA zU4SKrgxBykM}wq|j+>7-uK0u^{dKeLqS@~UhGohjdmI=?D!?T~iyp<;mZl3)lZIOS zrc$r%d-(fMkZ#l{UZ1D((iX?dj4Np%UuShHPxaRG))$eB8f=F1-mzv^G#q+jaY(BA zvZw8dgBtxlBZs0as&halac<>H8IxYQkF3C11b8DQW44LmqaQ!X%aSAy6g^uvL@ULOKmOG@%~y8*2&J@C(UxK(b?GwAo2$>Y~Rp@VgFHJ9()wkOqQYe zIsliL%T1lZ!^O+2*CD;FiU(Kg@1(*Yo%S0$v^mW<=>j-bsR#5-l|XG?&p)w9@<`in zsS|gru?V*hDIK8Wg&w)vuzT4wpIcJ~VO=^ndXCA*x*7!{z4T`7tXqf|7eZf0=+P!3 zVu`A}`gJ-3KA4K&Bi$)z(U(Q@&5AVR!y`|0Oq?RTr2{|}2In1re0%uDJlmSqWQC2I zZ2YAPW0d8{+Fw41uYL=E-DQ;!ukB+_ljtb@HSdu}%Bk!})EB&)uE|a%Xirr4!!bo; z*q}%YJs#O>&O$*_ik(QxLeIVTn7+kHM?(yk2`KkW{M{ikG^hT0qQogj7z(x1zV8@l zCe(u40OL07#Z9Q=BrSoEtBx~Zt^`eV-_?IMobEEC@K>>h;j)#J+YPBpK}&s4DnZ>& z3r;C--z8*UV_y1O^^N8D9QdjJH&}Q?Ayp(a8qMKwFc?hj6Y-*ges{^UN)KRUT50BV z8Byst;5-WNg&G>R&4`}zlq--}=+%a-)a}+5cN2{X%O?3NaW^W`Q~K#Wrp5{bD!7Ro z2Y}`xkf{N?W8pKQszSaDEfT(KN6}SM)LD%Ohq(>1LZKL{<>9}G5^$|=rkRH;i%iu6 z+vD?Kk^GINd-HLx8cs3U@57Ub=kA{ty5QOb{p`(6kX9yR0;WMmdXf-MFArWDC zha%eMomeo*4`}gJ`RE!eOB&!iT~Ym@J|9xq{4tXxXIVAI9onCj&;=abcSq0dENq#Q zRKa*3Lt>YkA)9#G`KC_gpA{5B!=67U{jqwqwr^eJYulx$Om%-wrq(Zhm$9%S?>3x!a*5MK-*ieJb zfe(4NyQIpc`YN||^yrqcnO3F217{aX3?pHDGxzEa7`fmD8DD$JKk+UaI-F3xq^0Uh zwCsBgu&91$n9)bMfh}{E0O-m>W%im+>=+LF)3MK_`Kq z3eP0;Pu$EE=*V!o-wqW+b!%eB&WvWikx~7ehsWftZw$I$*&`fA*-es3@sarmj*1Yx zL!h>l{+~%Y#HY6h>(6j}(ZU6q<7`O_+O|Q#*(5+23-3ShS@qS literal 0 HcmV?d00001