@pacem/pacem-fx 1.0.0-abel → 1.0.0-amaldi
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/dist/browser/pacem-fx.js +21 -16
- package/dist/browser/pacem-fx.js.map +1 -1
- package/dist/browser/pacem-fx.min.js +5 -0
- package/dist/browser/pacem-fx.min.js.map +1 -1
- package/dist/bundle/pacem-fx.min.mjs +5 -0
- package/dist/bundle/pacem-fx.mjs +5 -0
- package/dist/bundle/pacem-fx.mjs.map +1 -1
- package/dist/esm/fancy.js +5 -0
- package/dist/esm/gradient.js +5 -0
- package/dist/esm/hero.js +5 -0
- package/dist/esm/index-components-fx.js +5 -0
- package/dist/esm/index-components.js +5 -0
- package/dist/esm/index-iife.js +5 -0
- package/dist/esm/index.js +5 -0
- package/dist/esm/list.js +5 -0
- package/dist/esm/pulse.js +21 -16
- package/dist/esm/ripple.js +5 -0
- package/dist/esm/types.js +5 -0
- package/package.json +1 -1
package/dist/esm/gradient.js
CHANGED
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* @pacem/pacem-fx v1.0.0-amaldi (https://js.pacem.it)
|
|
3
|
+
* Pacem (https://pacem.it)
|
|
4
|
+
* Licensed under Apache-2.0
|
|
5
|
+
*/
|
|
1
6
|
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
7
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
8
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
package/dist/esm/hero.js
CHANGED
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* @pacem/pacem-fx v1.0.0-amaldi (https://js.pacem.it)
|
|
3
|
+
* Pacem (https://pacem.it)
|
|
4
|
+
* Licensed under Apache-2.0
|
|
5
|
+
*/
|
|
1
6
|
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
7
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
8
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
package/dist/esm/index-iife.js
CHANGED
package/dist/esm/index.js
CHANGED
package/dist/esm/list.js
CHANGED
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* @pacem/pacem-fx v1.0.0-amaldi (https://js.pacem.it)
|
|
3
|
+
* Pacem (https://pacem.it)
|
|
4
|
+
* Licensed under Apache-2.0
|
|
5
|
+
*/
|
|
1
6
|
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
7
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
8
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
package/dist/esm/pulse.js
CHANGED
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* @pacem/pacem-fx v1.0.0-amaldi (https://js.pacem.it)
|
|
3
|
+
* Pacem (https://pacem.it)
|
|
4
|
+
* Licensed under Apache-2.0
|
|
5
|
+
*/
|
|
1
6
|
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
7
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
8
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -22,19 +27,19 @@ function ensureCssAnimation(id, args, rx = '0', ry = rx) {
|
|
|
22
27
|
}
|
|
23
28
|
const css = document.querySelector(selector);
|
|
24
29
|
const w = args.width, h = args.height, dim = Math.max(w, h), x = .5 * (dim - w), y = .5 * (dim - h);
|
|
25
|
-
css.sheet.insertRule(`@keyframes ${buildAnimationName(id)} {
|
|
26
|
-
0%{
|
|
27
|
-
opacity: .25; stroke-thickness: 0; rx: ${rx}; ry: ${ry}; x: ${x}px; y: ${y}px; width: ${args.width}px; height: ${args.height}px;
|
|
28
|
-
}
|
|
29
|
-
50%{
|
|
30
|
-
width: ${args.width}px; height: ${args.height}px; transform: scale(1); stroke-width: 10px; rx: ${rx}; ry: ${ry}; opacity: .333; x: ${x}px; y: ${y}px; width: ${w}px; height: ${h}px;
|
|
31
|
-
}
|
|
32
|
-
80%{
|
|
33
|
-
stroke-width: 10px;
|
|
34
|
-
}
|
|
35
|
-
100%{
|
|
36
|
-
opacity: 0; rx: 50%; ry: 50%; transform: scale(2); stroke-width: 0; width: ${dim}px; height: ${dim}px; x: 0; y: 0
|
|
37
|
-
}
|
|
30
|
+
css.sheet.insertRule(`@keyframes ${buildAnimationName(id)} {
|
|
31
|
+
0%{
|
|
32
|
+
opacity: .25; stroke-thickness: 0; rx: ${rx}; ry: ${ry}; x: ${x}px; y: ${y}px; width: ${args.width}px; height: ${args.height}px;
|
|
33
|
+
}
|
|
34
|
+
50%{
|
|
35
|
+
width: ${args.width}px; height: ${args.height}px; transform: scale(1); stroke-width: 10px; rx: ${rx}; ry: ${ry}; opacity: .333; x: ${x}px; y: ${y}px; width: ${w}px; height: ${h}px;
|
|
36
|
+
}
|
|
37
|
+
80%{
|
|
38
|
+
stroke-width: 10px;
|
|
39
|
+
}
|
|
40
|
+
100%{
|
|
41
|
+
opacity: 0; rx: 50%; ry: 50%; transform: scale(2); stroke-width: 0; width: ${dim}px; height: ${dim}px; x: 0; y: 0
|
|
42
|
+
}
|
|
38
43
|
}`, 0);
|
|
39
44
|
for (let j = css.sheet.rules.length - 1; j > 0; j--) {
|
|
40
45
|
css.sheet.deleteRule(j);
|
|
@@ -106,9 +111,9 @@ __decorate([
|
|
|
106
111
|
PacemFxPulseElement = __decorate([
|
|
107
112
|
CustomElement({
|
|
108
113
|
tagName: P + '-fx-pulse', shadow: Defaults.USE_SHADOW_ROOT,
|
|
109
|
-
template: `<${P}-resize target="{{ :host.target }}" watch-position="true" on-${Components.ResizeEventName}=":host._resizeHandler($event)"></${P}-resize>
|
|
110
|
-
<svg class="${PULSE_CSS}" xmlns="${SVG_NS}">
|
|
111
|
-
<rect rect1 /><rect rect2 />
|
|
114
|
+
template: `<${P}-resize target="{{ :host.target }}" watch-position="true" on-${Components.ResizeEventName}=":host._resizeHandler($event)"></${P}-resize>
|
|
115
|
+
<svg class="${PULSE_CSS}" xmlns="${SVG_NS}">
|
|
116
|
+
<rect rect1 /><rect rect2 />
|
|
112
117
|
</svg>`
|
|
113
118
|
})
|
|
114
119
|
], PacemFxPulseElement);
|
package/dist/esm/ripple.js
CHANGED
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* @pacem/pacem-fx v1.0.0-amaldi (https://js.pacem.it)
|
|
3
|
+
* Pacem (https://pacem.it)
|
|
4
|
+
* Licensed under Apache-2.0
|
|
5
|
+
*/
|
|
1
6
|
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
7
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
8
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
package/dist/esm/types.js
CHANGED
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* @pacem/pacem-fx v1.0.0-amaldi (https://js.pacem.it)
|
|
3
|
+
* Pacem (https://pacem.it)
|
|
4
|
+
* Licensed under Apache-2.0
|
|
5
|
+
*/
|
|
1
6
|
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
7
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
8
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|