@cocreate/events 1.9.0 → 1.9.1

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.
Files changed (6) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/demo/click.html +1 -1
  3. package/demo/hover.html +1 -1
  4. package/demo/index.html +1 -1
  5. package/docs/index.html +14 -14
  6. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,10 @@
1
+ ## [1.9.1](https://github.com/CoCreate-app/CoCreate-events/compare/v1.9.0...v1.9.1) (2023-05-01)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * replace fontawesome with svg ([11ed649](https://github.com/CoCreate-app/CoCreate-events/commit/11ed649b3a40be52f44bf6f2aa4b1c567f75df05))
7
+
1
8
  # [1.9.0](https://github.com/CoCreate-app/CoCreate-events/compare/v1.8.4...v1.9.0) (2023-04-30)
2
9
 
3
10
 
package/demo/click.html CHANGED
@@ -36,7 +36,7 @@
36
36
  <p>Here is div-01 i should get class hidden</p>
37
37
  <div>
38
38
  <div class="vdom-item" >some content1</div>
39
- <span click="test" click-closest=".vdom-item"><i class="fa fa-caret-down"></i></span>
39
+ <span click="test" click-closest=".vdom-item"><i class="height:16px fill:#505050" src="/assets/svg/caret-down".svg"></i></span>
40
40
  </div>
41
41
  <div class="vdom-item" >some content2</div>
42
42
  </div>
package/demo/hover.html CHANGED
@@ -30,7 +30,7 @@
30
30
  <p>Here is div-01 i should get class hidden</p>
31
31
  <div>
32
32
  <div class="vdom-item" >some content1</div>
33
- <span hover="test" hover-closest=".vdom-item"><i class="fa fa-caret-down"></i></span>
33
+ <span hover="test" hover-closest=".vdom-item"><i class="height:16px fill:#505050" src="/assets/svg/caret-down".svg"></i></span>
34
34
  </div>
35
35
  <div class="vdom-item" >some content2</div>
36
36
  </div>
package/demo/index.html CHANGED
@@ -36,7 +36,7 @@
36
36
  <p>Here is div-01 i should get class hidden</p>
37
37
  <div>
38
38
  <div class="vdom-item" >some content1</div>
39
- <span toggle="test" toggle-closest=".vdom-item"><i class="fa fa-caret-down"></i></span>
39
+ <span toggle="test" toggle-closest=".vdom-item"><i class="height:16px fill:#505050" src="/assets/svg/caret-down".svg"></i></span>
40
40
  </div>
41
41
  <div class="vdom-item" >some content2</div>
42
42
  </div>
package/docs/index.html CHANGED
@@ -32,13 +32,13 @@
32
32
  <div class="display:flex align-items:center font-size:20px position:absolute right:0 padding:5px background:white">
33
33
  <div class="display:flex align-items:center transition:0.3s padding-left:10px" share-network="true" share-text="Enter decription here" share-title="testing im a title" share-height="600" share-width="700" share-media="https://cdn.cocreate.app/docs/events.png" hover="display:block!important" hover-target=".social-networks">
34
34
  <div class="display:none social-networks">
35
- <a class="margin-right:15px" share-network='twitter' title="Share on twitter"><i class="fab fa-twitter"></i></a>
36
- <a class="margin-right:15px" share-network='facebook' title="Share on Facebook"><i class="fab fa-facebook"></i></a>
37
- <a class="margin-right:15px" share-network='instagram' title="Share on instagram"><i class="fab fa-instagram"></i></a>
35
+ <a class="margin-right:15px" share-network='twitter' title="Share on twitter"><i class="height:20px fill:#505050" src="/assets/svg/twitter.svg"></i></a>
36
+ <a class="margin-right:15px" share-network='facebook' title="Share on Facebook"><i class="height:20px fill:#505050" src="/assets/svg/facebook.svg"></i></a>
37
+ <a class="margin-right:15px" share-network='instagram' title="Share on instagram"><i class="height:20px fill:#505050" src="/assets/svg/instagram.svg"></i></a>
38
38
  </div>
39
- <a class="margin-right:15px" share-network='share' title="Share on share"><i class="fas fa-share-alt"></i></a>
39
+ <a class="margin-right:15px" share-network='share' title="Share on share"><i class="height:20px fill:#505050" src="/assets/svg/share-alt.svg"></i></a>
40
40
  </div>
41
- <a href="https://github.com/CoCreate-app/CoCreate-events" target="_blank" class="margin-right:15px"><i class="fab fa-github"></i></a>
41
+ <a href="https://github.com/CoCreate-app/CoCreate-events" target="_blank" class="margin-right:15px"><i class="height:20px fill:#505050" src="/assets/svg/github.svg"></i></a>
42
42
  </div>
43
43
  </div>
44
44
  <h1 class="max-width:500px margin:20px_10px line-height:1.5 font-size:16px font-weight:100">It is used to change values in classes or specific attributes, its name describes its functionality events.</h1>
@@ -47,7 +47,7 @@
47
47
  <div id="events-install" class="border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#events-install-section">
48
48
  <span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#events-install"]'>
49
49
  <h2 class="padding:5px_0px">Install</h2>
50
- <a class="margin-left:10px display:none" href="#events-install"><i class="fas fa-link"></i></a>
50
+ <a class="margin-left:10px display:none" href="#events-install"><i class="height:20px fill:#505050" src="/assets/svg/link.svg"></i></a>
51
51
  </span>
52
52
  </div>
53
53
  <pre><code class="language-bash">npm i @cocreate/events</code></pre>
@@ -57,7 +57,7 @@
57
57
  <div id="events-usage" class="margin-top:80px border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#events-usage-section">
58
58
  <span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#events-usage"]'>
59
59
  <h2 class="padding:5px_0px">Usage</h2>
60
- <a class="margin-left:10px display:none" href="#events-usage"><i class="fas fa-link"></i></a>
60
+ <a class="margin-left:10px display:none" href="#events-usage"><i class="height:20px fill:#505050" src="/assets/svg/link.svg"></i></a>
61
61
  </span>
62
62
  </div>
63
63
  <div class="">
@@ -94,7 +94,7 @@
94
94
  <div id="events-attributes" class="margin-top:80px border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#events-attributes-section">
95
95
  <span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#events-attributes"]'>
96
96
  <h2 class="padding:5px_0px">Attributes</h2>
97
- <a class="margin-left:10px display:none" href="#events-attributes"><i class="fas fa-link"></i></a>
97
+ <a class="margin-left:10px display:none" href="#events-attributes"><i class="height:20px fill:#505050" src="/assets/svg/link.svg"></i></a>
98
98
  </span>
99
99
  </div>
100
100
  <ul class="list-style-type:none ">
@@ -122,7 +122,7 @@
122
122
  <div id="events-demo" class="border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#events-demo-section">
123
123
  <span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#events-demo"]'>
124
124
  <h2 class="padding:5px_0px">Demo</h2>
125
- <a class="margin-left:10px display:none" href="#events-demo"><i class="fas fa-link"></i></a>
125
+ <a class="margin-left:10px display:none" href="#events-demo"><i class="height:20px fill:#505050" src="/assets/svg/link.svg"></i></a>
126
126
  </span>
127
127
  </div>
128
128
  <div class="position:sticky top:0 padding:15px_0px height:100vh">
@@ -139,10 +139,10 @@
139
139
  </div>
140
140
 
141
141
  <div class="font-size:20px position:absolute top:10px right:10px opacity:0.6">
142
- <a class="margin-right:10px" id="eye" show="#eye-slash" hide="#eye, #demo-preview" events="code-height" events-target="#demo-code"><i class="far fa-eye"></i></a>
143
- <a class="margin-right:10px" hidden id="eye-slash" show="#eye, #demo-preview" hide="#eye-slash" events="code-height" events-target="#demo-code"><i class="fas fa-eye-slash"></i></a>
144
- <a class="margin-right:10px" id="code" show="#code-slash" hide="#code, #demo-code"><i class="fa fa-code"></i></a>
145
- <a class="margin-right:10px" hidden id="code-slash" show="#code, #demo-code" hide="#code-slash"><i class="fas fa-code"></i></a>
142
+ <a class="margin-right:10px" id="eye" show="#eye-slash" hide="#eye, #demo-preview" events="code-height" events-target="#demo-code"><i class="height:18px fill:#505050" src="/assets/svg/eye.svg"></i></a>
143
+ <a class="margin-right:10px" hidden id="eye-slash" show="#eye, #demo-preview" hide="#eye-slash" events="code-height" events-target="#demo-code"><i class="height:20px fill:#505050" src="/assets/svg/eye-slash.svg"></i></a>
144
+ <a class="margin-right:10px" id="code" show="#code-slash" hide="#code, #demo-code"><i class="height:20px fill:#505050" src="/assets/svg/code.svg"></i></a>
145
+ <a class="margin-right:10px" hidden id="code-slash" show="#code, #demo-code" hide="#code-slash"><i class="display:flex height:18px fill:#505050" src="/assets/svg/code.svg"></i></a>
146
146
  <a class="margin-right:5px" fullscreen fullscreen-target="#playground"></a>
147
147
  </div>
148
148
 
@@ -153,7 +153,7 @@
153
153
 
154
154
  </div>
155
155
  <button href="https://github.com/CoCreate-app/CoCreate-events/tree/master/docs/index.html?message=docs%3A%20describe%20your%20change..." target="_blank" class="position:fixed bottom:15px right:15px padding:15px background:dodgerblue color:#fff font-size:1.5rem grow-hover border-radius:50% border-width:0 box-shadow:0px_2px_10px_0px_rgba(0,_0,_0,_0.4)">
156
- <i class="fas fa-pencil-alt"></i>
156
+ <i class="height:20px fill:#505050" src="/assets/svg/pencil-alt.svg"></i>
157
157
  </button>
158
158
  </main>
159
159
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cocreate/events",
3
- "version": "1.9.0",
3
+ "version": "1.9.1",
4
4
  "description": "A simple events component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.",
5
5
  "keywords": [
6
6
  "events",