@operato/scene-news-ticker 9.1.1 → 10.0.0-beta.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.
- package/dist/news-ticker-element.js +9 -11
- package/dist/news-ticker-element.js.map +1 -1
- package/dist/news-ticker-horizontal.js +50 -51
- package/dist/news-ticker-horizontal.js.map +1 -1
- package/dist/news-ticker-vertical.d.ts +0 -1
- package/dist/news-ticker-vertical.js +45 -48
- package/dist/news-ticker-vertical.js.map +1 -1
- package/dist/news-ticker.js +0 -1
- package/dist/news-ticker.js.map +1 -1
- package/package.json +13 -14
|
@@ -7,17 +7,15 @@ import './news-ticker-vertical.js';
|
|
|
7
7
|
import { html, LitElement } from 'lit';
|
|
8
8
|
import { customElement, property } from 'lit/decorators.js';
|
|
9
9
|
let ThingsNewsTicker = class ThingsNewsTicker extends LitElement {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
this.duration = 30000;
|
|
20
|
-
}
|
|
10
|
+
textData = '';
|
|
11
|
+
fontFamily = '';
|
|
12
|
+
fontColor = '';
|
|
13
|
+
fontSize = '';
|
|
14
|
+
textAlign = '';
|
|
15
|
+
isReverse = false;
|
|
16
|
+
isTextOverflowed = false;
|
|
17
|
+
direction;
|
|
18
|
+
duration = 30000;
|
|
21
19
|
render() {
|
|
22
20
|
return html `
|
|
23
21
|
${this.direction == 'vertical'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"news-ticker-element.js","sourceRoot":"","sources":["../src/news-ticker-element.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,OAAO,6BAA6B,CAAA;AACpC,OAAO,2BAA2B,CAAA;AAElC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAG5C,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU;
|
|
1
|
+
{"version":3,"file":"news-ticker-element.js","sourceRoot":"","sources":["../src/news-ticker-element.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,OAAO,6BAA6B,CAAA;AACpC,OAAO,2BAA2B,CAAA;AAElC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAG5C,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU;IAC1B,QAAQ,GAAW,EAAE,CAAA;IACrB,UAAU,GAAW,EAAE,CAAA;IACvB,SAAS,GAAW,EAAE,CAAA;IACtB,QAAQ,GAAW,EAAE,CAAA;IACrB,SAAS,GAAW,EAAE,CAAA;IACrB,SAAS,GAAY,KAAK,CAAA;IAC1B,gBAAgB,GAAY,KAAK,CAAA;IAClC,SAAS,CAA4B;IACrC,QAAQ,GAAW,KAAK,CAAA;IAEpD,MAAM;QACJ,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,SAAS,IAAI,UAAU;YAC5B,CAAC,CAAC,IAAI,CAAA;;0BAEY,IAAI,CAAC,QAAQ;2BACZ,IAAI,CAAC,SAAS;kCACP,IAAI,CAAC,gBAAgB;0BAC7B,IAAI,CAAC,QAAQ;;WAE5B;YACH,CAAC,CAAC,IAAI,CAAA;;0BAEY,IAAI,CAAC,QAAQ;2BACZ,IAAI,CAAC,SAAS;kCACP,IAAI,CAAC,gBAAgB;0BAC7B,IAAI,CAAC,QAAQ;;WAE5B;KACN,CAAA;IACH,CAAC;IAED,OAAO;QACL,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,8BAA8B,EAAE,IAAI,CAAC,UAAU,CAAC,CAAA;QACvE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,4BAA4B,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAA;QACnE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,6BAA6B,EAAE,IAAI,CAAC,SAAS,CAAC,CAAA;QACrE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,6BAA6B,EAAE,IAAI,CAAC,SAAS,CAAC,CAAA;IACvE,CAAC;CACF,CAAA;AAtC6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDAAsB;AACrB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oDAAwB;AACvB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAAuB;AACtB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDAAsB;AACrB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAAuB;AACrB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;mDAA2B;AAC1B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0DAAkC;AAClC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAAsC;AACrC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDAAyB;AATjC,gBAAgB;IADpC,aAAa,CAAC,gBAAgB,CAAC;GACX,gBAAgB,CAuCpC;eAvCoB,gBAAgB","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport './news-ticker-horizontal.js'\nimport './news-ticker-vertical.js'\n\nimport { html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n@customElement('ox-news-ticker')\nexport default class ThingsNewsTicker extends LitElement {\n @property({ type: String }) textData: string = ''\n @property({ type: String }) fontFamily: string = ''\n @property({ type: String }) fontColor: string = ''\n @property({ type: String }) fontSize: string = ''\n @property({ type: String }) textAlign: string = ''\n @property({ type: Boolean }) isReverse: boolean = false\n @property({ type: Boolean }) isTextOverflowed: boolean = false\n @property({ type: String }) direction?: 'vertical' | 'horizontal'\n @property({ type: Number }) duration: number = 30000\n\n render() {\n return html`\n ${this.direction == 'vertical'\n ? html`\n <ox-news-ticker-vertical\n .duration=${this.duration}\n .isReverse=${this.isReverse}\n .isTextOverflowed=${this.isTextOverflowed}\n .textData=${this.textData}\n ></ox-news-ticker-vertical>\n `\n : html`\n <ox-news-ticker-horizontal\n .duration=${this.duration}\n .isReverse=${this.isReverse}\n .isTextOverflowed=${this.isTextOverflowed}\n .textData=${this.textData}\n ></ox-news-ticker-horizontal>\n `}\n `\n }\n\n updated() {\n this.style.setProperty('--ox-news-ticker-font-family', this.fontFamily)\n this.style.setProperty('--ox-news-ticker-font-size', this.fontSize)\n this.style.setProperty('--ox-news-ticker-font-color', this.fontColor)\n this.style.setProperty('--ox-news-ticker-text-align', this.textAlign)\n }\n}\n"]}
|
|
@@ -5,12 +5,56 @@ import { __decorate } from "tslib";
|
|
|
5
5
|
import { css, html, LitElement } from 'lit';
|
|
6
6
|
import { customElement, property, query } from 'lit/decorators.js';
|
|
7
7
|
let ThingsNewsTickerHorizontal = class ThingsNewsTickerHorizontal extends LitElement {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
8
|
+
static styles = [
|
|
9
|
+
css `
|
|
10
|
+
:host * {
|
|
11
|
+
box-sizing: border-box;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
:host .ticker-wrap {
|
|
15
|
+
position: absolute;
|
|
16
|
+
bottom: 0;
|
|
17
|
+
width: 100%;
|
|
18
|
+
overflow: hidden;
|
|
19
|
+
height: 100%;
|
|
20
|
+
background-color: rgba(#000, 0.9);
|
|
21
|
+
padding-left: var(--ox-news-ticker-wrapper-padding-left);
|
|
22
|
+
box-sizing: content-box;
|
|
23
|
+
font-family: var(--ox-news-ticker-font-family);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
:host .ticker-wrap .ticker {
|
|
27
|
+
display: inline-block;
|
|
28
|
+
min-width: 100%;
|
|
29
|
+
text-align: var(--ox-news-ticker-text-align);
|
|
30
|
+
height: 4rem;
|
|
31
|
+
line-height: 4rem;
|
|
32
|
+
white-space: nowrap;
|
|
33
|
+
padding-right: var(--ox-news-ticker-container-padding-right);
|
|
34
|
+
box-sizing: content-box;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
:host .ticker-wrap .ticker__item {
|
|
38
|
+
display: inline-block;
|
|
39
|
+
font-size: var(--ox-news-ticker-font-size);
|
|
40
|
+
color: var(--ox-news-ticker-font-color);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
:host body {
|
|
44
|
+
padding-bottom: 5rem;
|
|
45
|
+
}
|
|
46
|
+
:host h1,
|
|
47
|
+
:host h2,
|
|
48
|
+
:host p {
|
|
49
|
+
padding: 0 5%;
|
|
50
|
+
}
|
|
51
|
+
`
|
|
52
|
+
];
|
|
53
|
+
isReverse = false;
|
|
54
|
+
isTextOverflowed;
|
|
55
|
+
duration = 30000;
|
|
56
|
+
textData = '';
|
|
57
|
+
_anim;
|
|
14
58
|
get currentAnimation() {
|
|
15
59
|
return this._anim;
|
|
16
60
|
}
|
|
@@ -62,51 +106,6 @@ let ThingsNewsTickerHorizontal = class ThingsNewsTickerHorizontal extends LitEle
|
|
|
62
106
|
}
|
|
63
107
|
}
|
|
64
108
|
};
|
|
65
|
-
ThingsNewsTickerHorizontal.styles = [
|
|
66
|
-
css `
|
|
67
|
-
:host * {
|
|
68
|
-
box-sizing: border-box;
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
:host .ticker-wrap {
|
|
72
|
-
position: absolute;
|
|
73
|
-
bottom: 0;
|
|
74
|
-
width: 100%;
|
|
75
|
-
overflow: hidden;
|
|
76
|
-
height: 100%;
|
|
77
|
-
background-color: rgba(#000, 0.9);
|
|
78
|
-
padding-left: var(--ox-news-ticker-wrapper-padding-left);
|
|
79
|
-
box-sizing: content-box;
|
|
80
|
-
font-family: var(--ox-news-ticker-font-family);
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
:host .ticker-wrap .ticker {
|
|
84
|
-
display: inline-block;
|
|
85
|
-
min-width: 100%;
|
|
86
|
-
text-align: var(--ox-news-ticker-text-align);
|
|
87
|
-
height: 4rem;
|
|
88
|
-
line-height: 4rem;
|
|
89
|
-
white-space: nowrap;
|
|
90
|
-
padding-right: var(--ox-news-ticker-container-padding-right);
|
|
91
|
-
box-sizing: content-box;
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
:host .ticker-wrap .ticker__item {
|
|
95
|
-
display: inline-block;
|
|
96
|
-
font-size: var(--ox-news-ticker-font-size);
|
|
97
|
-
color: var(--ox-news-ticker-font-color);
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
:host body {
|
|
101
|
-
padding-bottom: 5rem;
|
|
102
|
-
}
|
|
103
|
-
:host h1,
|
|
104
|
-
:host h2,
|
|
105
|
-
:host p {
|
|
106
|
-
padding: 0 5%;
|
|
107
|
-
}
|
|
108
|
-
`
|
|
109
|
-
];
|
|
110
109
|
__decorate([
|
|
111
110
|
property({ type: Boolean })
|
|
112
111
|
], ThingsNewsTickerHorizontal.prototype, "isReverse", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"news-ticker-horizontal.js","sourceRoot":"","sources":["../src/news-ticker-horizontal.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAGnD,IAAM,0BAA0B,GAAhC,MAAM,0BAA2B,SAAQ,UAAU;
|
|
1
|
+
{"version":3,"file":"news-ticker-horizontal.js","sourceRoot":"","sources":["../src/news-ticker-horizontal.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { css, html, LitElement, PropertyValues } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\n@customElement('ox-news-ticker-horizontal')\nexport default class ThingsNewsTickerHorizontal extends LitElement {\n static styles = [\n css`\n :host * {\n box-sizing: border-box;\n }\n\n :host .ticker-wrap {\n position: absolute;\n bottom: 0;\n width: 100%;\n overflow: hidden;\n height: 100%;\n background-color: rgba(#000, 0.9);\n padding-left: var(--ox-news-ticker-wrapper-padding-left);\n box-sizing: content-box;\n font-family: var(--ox-news-ticker-font-family);\n }\n\n :host .ticker-wrap .ticker {\n display: inline-block;\n min-width: 100%;\n text-align: var(--ox-news-ticker-text-align);\n height: 4rem;\n line-height: 4rem;\n white-space: nowrap;\n padding-right: var(--ox-news-ticker-container-padding-right);\n box-sizing: content-box;\n }\n\n :host .ticker-wrap .ticker__item {\n display: inline-block;\n font-size: var(--ox-news-ticker-font-size);\n color: var(--ox-news-ticker-font-color);\n }\n\n :host body {\n padding-bottom: 5rem;\n }\n :host h1,\n :host h2,\n :host p {\n padding: 0 5%;\n }\n `\n ]\n\n @property({ type: Boolean }) isReverse: boolean = false\n @property({ type: Boolean }) isTextOverflowed?: boolean\n @property({ type: Number }) duration: number = 30000\n @property({ type: String }) textData: string = ''\n\n private _anim?: Animation\n\n @query('.ticker-wrap .ticker') declare animationTargetEl: Element\n\n get currentAnimation() {\n return this._anim\n }\n\n set currentAnimation(anim) {\n this._anim = anim\n }\n\n get textLines() {\n return this.textData.split('\\n')\n }\n\n render() {\n return html`\n <div class=\"ticker-wrap\">\n <div class=\"ticker\">${this.textLines.map(t => html` <div class=\"ticker__item\">${t}</div> `)}</div>\n </div>\n `\n }\n\n updated(changes: PropertyValues<this>) {\n if (\n changes.has('textData') ||\n changes.has('duration') ||\n changes.has('isReverse') ||\n changes.has('isTextOverflowed')\n ) {\n this.style.setProperty('--ox-news-ticker-wrapper-padding-left', this.isTextOverflowed ? '100%' : '0')\n this.style.setProperty('--ox-news-ticker-container-padding-right', this.isTextOverflowed ? '100%' : '0')\n\n this.startAnimation()\n }\n }\n\n startAnimation() {\n this.stopAnimation()\n\n if (!this.isTextOverflowed) return\n\n this.currentAnimation = this.animationTargetEl.animate(\n [\n {\n transform: 'translate3d(0, 0, 0)',\n visibility: 'hidden'\n },\n {\n transform: 'translate3d(-100%, 0, 0)',\n visibility: 'visible'\n }\n ],\n {\n duration: this.duration,\n iterations: Infinity,\n direction: this.isReverse ? 'reverse' : 'normal'\n }\n )\n }\n\n stopAnimation() {\n if (this.currentAnimation) {\n this.currentAnimation.cancel()\n }\n }\n}\n"]}
|
|
@@ -2,17 +2,55 @@
|
|
|
2
2
|
* Copyright © HatioLab Inc. All rights reserved.
|
|
3
3
|
*/
|
|
4
4
|
import { __decorate } from "tslib";
|
|
5
|
-
import 'web-animations-js';
|
|
6
5
|
import { css, html, LitElement } from 'lit';
|
|
7
6
|
import { customElement, property, query } from 'lit/decorators.js';
|
|
8
7
|
const CUBIC_BEZIER_EASING = 'cubic-bezier(1, 0, 0.5, 0)';
|
|
9
8
|
let ThingsNewsTickerVertical = class ThingsNewsTickerVertical extends LitElement {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
9
|
+
static styles = [
|
|
10
|
+
css `
|
|
11
|
+
:host {
|
|
12
|
+
display: block;
|
|
13
|
+
overflow: hidden;
|
|
14
|
+
height: 100%;
|
|
15
|
+
width: 100%;
|
|
16
|
+
box-sizing: border-box;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
ul {
|
|
20
|
+
margin: 0;
|
|
21
|
+
padding: 0;
|
|
22
|
+
list-style: none;
|
|
23
|
+
white-space: nowrap;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
#news_ticker {
|
|
27
|
+
width: 100%;
|
|
28
|
+
height: 100%;
|
|
29
|
+
overflow: hidden;
|
|
30
|
+
position: relative;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
li {
|
|
34
|
+
display: flex;
|
|
35
|
+
height: 100%;
|
|
36
|
+
align-items: center;
|
|
37
|
+
overflow: hidden;
|
|
38
|
+
text-align: var(--ox-news-ticker-text-align, left);
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
#news_ticker a {
|
|
42
|
+
width: 100%;
|
|
43
|
+
line-height: normal;
|
|
44
|
+
color: var(--ox-news-ticker-font-color, black);
|
|
45
|
+
text-decoration: none;
|
|
46
|
+
font-size: var(--ox-news-ticker-font-size, 13px);
|
|
47
|
+
}
|
|
48
|
+
`
|
|
49
|
+
];
|
|
50
|
+
isReverse = false;
|
|
51
|
+
duration = 30000;
|
|
52
|
+
textData = '';
|
|
53
|
+
_anim;
|
|
16
54
|
get currentAnimation() {
|
|
17
55
|
return this._anim;
|
|
18
56
|
}
|
|
@@ -66,47 +104,6 @@ let ThingsNewsTickerVertical = class ThingsNewsTickerVertical extends LitElement
|
|
|
66
104
|
return frames;
|
|
67
105
|
}
|
|
68
106
|
};
|
|
69
|
-
ThingsNewsTickerVertical.styles = [
|
|
70
|
-
css `
|
|
71
|
-
:host {
|
|
72
|
-
display: block;
|
|
73
|
-
overflow: hidden;
|
|
74
|
-
height: 100%;
|
|
75
|
-
width: 100%;
|
|
76
|
-
box-sizing: border-box;
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
ul {
|
|
80
|
-
margin: 0;
|
|
81
|
-
padding: 0;
|
|
82
|
-
list-style: none;
|
|
83
|
-
white-space: nowrap;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
#news_ticker {
|
|
87
|
-
width: 100%;
|
|
88
|
-
height: 100%;
|
|
89
|
-
overflow: hidden;
|
|
90
|
-
position: relative;
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
li {
|
|
94
|
-
display: flex;
|
|
95
|
-
height: 100%;
|
|
96
|
-
align-items: center;
|
|
97
|
-
overflow: hidden;
|
|
98
|
-
text-align: var(--ox-news-ticker-text-align, left);
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
#news_ticker a {
|
|
102
|
-
width: 100%;
|
|
103
|
-
line-height: normal;
|
|
104
|
-
color: var(--ox-news-ticker-font-color, black);
|
|
105
|
-
text-decoration: none;
|
|
106
|
-
font-size: var(--ox-news-ticker-font-size, 13px);
|
|
107
|
-
}
|
|
108
|
-
`
|
|
109
|
-
];
|
|
110
107
|
__decorate([
|
|
111
108
|
property({ type: Boolean })
|
|
112
109
|
], ThingsNewsTickerVertical.prototype, "isReverse", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"news-ticker-vertical.js","sourceRoot":"","sources":["../src/news-ticker-vertical.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,OAAO,
|
|
1
|
+
{"version":3,"file":"news-ticker-vertical.js","sourceRoot":"","sources":["../src/news-ticker-vertical.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { css, html, LitElement, PropertyValues } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\nconst CUBIC_BEZIER_EASING = 'cubic-bezier(1, 0, 0.5, 0)'\n\n@customElement('ox-news-ticker-vertical')\nexport default class ThingsNewsTickerVertical extends LitElement {\n static styles = [\n css`\n :host {\n display: block;\n overflow: hidden;\n height: 100%;\n width: 100%;\n box-sizing: border-box;\n }\n\n ul {\n margin: 0;\n padding: 0;\n list-style: none;\n white-space: nowrap;\n }\n\n #news_ticker {\n width: 100%;\n height: 100%;\n overflow: hidden;\n position: relative;\n }\n\n li {\n display: flex;\n height: 100%;\n align-items: center;\n overflow: hidden;\n text-align: var(--ox-news-ticker-text-align, left);\n }\n\n #news_ticker a {\n width: 100%;\n line-height: normal;\n color: var(--ox-news-ticker-font-color, black);\n text-decoration: none;\n font-size: var(--ox-news-ticker-font-size, 13px);\n }\n `\n ]\n\n @property({ type: Boolean }) isReverse: boolean = false\n @property({ type: Number }) duration: number = 30000\n @property({ type: String }) textData: string = ''\n\n private _anim?: Animation\n\n @query('#news_ticker > ul') declare animationTargetEl: Element\n\n get currentAnimation() {\n return this._anim\n }\n\n set currentAnimation(anim) {\n this._anim = anim\n }\n\n get textLines() {\n return this.textData.split('\\n')\n }\n\n render() {\n return html`\n <div id=\"news_ticker\">\n <ul>\n ${this.textLines.map(t => html` <li><a href=\"#\">${t}</a></li> `)}\n </ul>\n </div>\n `\n }\n\n updated(changes: PropertyValues<this>) {\n if (changes.has('textData') || changes.has('duration') || changes.has('isReverse')) {\n this.startAnimation()\n }\n }\n\n startAnimation() {\n this.stopAnimation()\n\n var frames = this.createAnimationFrames()\n this.currentAnimation = this.animationTargetEl.animate(frames, {\n duration: this.textLines.length * this.duration,\n iterations: Infinity,\n direction: this.isReverse ? 'reverse' : 'normal'\n })\n }\n\n stopAnimation() {\n if (this.currentAnimation) this.currentAnimation.cancel()\n }\n\n createAnimationFrames() {\n var textLinesLength = this.textLines.length\n var frames = this.textLines.map((t, i) => {\n return {\n transform: `translateY(${-(i / textLinesLength) * 100}%)`,\n offset: (1 / textLinesLength) * i,\n easing: CUBIC_BEZIER_EASING\n }\n })\n\n frames.push({\n transform: `translateY(0)`,\n offset: 1,\n easing: CUBIC_BEZIER_EASING\n })\n\n return frames\n }\n}\n"]}
|
package/dist/news-ticker.js
CHANGED
|
@@ -81,7 +81,6 @@ let NewsTicker = class NewsTicker extends HTMLOverlayElement {
|
|
|
81
81
|
get isTextOverflowed() {
|
|
82
82
|
var { width } = this.bounds;
|
|
83
83
|
var span = document.createElement('span');
|
|
84
|
-
// @ts-ignore
|
|
85
84
|
span.style.font = this.font;
|
|
86
85
|
span.style.position = 'fixed';
|
|
87
86
|
span.style.left = '-100%';
|
package/dist/news-ticker.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"news-ticker.js","sourceRoot":"","sources":["../src/news-ticker.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,OAAO,0BAA0B,CAAA;AAEjC,OAAO,EAA8B,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAI9G,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE;QACV;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,WAAW;YAClB,IAAI,EAAE,WAAW;YACjB,QAAQ,EAAE;gBACR,OAAO,EAAE;oBACP;wBACE,OAAO,EAAE,YAAY;wBACrB,KAAK,EAAE,YAAY;qBACpB;oBACD;wBACE,OAAO,EAAE,UAAU;wBACnB,KAAK,EAAE,UAAU;qBAClB;iBACF;aACF;SACF;QACD;YACE,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,SAAS;SAChB;QACD;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,UAAU;YACjB,IAAI,EAAE,UAAU;YAChB,WAAW,EAAE,SAAS;SACvB;KACF;IACD,IAAI,EAAE,6BAA6B;CACpC,CAAA;AAGc,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,kBAAkB;IACxD,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;IAED,IAAI,eAAe;QACjB,OAAO,IAAI,CAAA;IACb,CAAC;IAED,IAAI,OAAO;QACT,OAAO,gBAAgB,CAAA;IACzB,CAAC;IAED,aAAa;QACX,KAAK,CAAC,aAAa,EAAE,CAAA;QAErB,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;QAEhC,IAAI,OAAO,GAAG,IAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"news-ticker.js","sourceRoot":"","sources":["../src/news-ticker.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © 2017 HatioLab Inc. All rights reserved.\n */\n\nimport './news-ticker-element.js'\n\nimport { Component, ComponentNature, error, HTMLOverlayElement, sceneComponent } from '@hatiolab/things-scene'\n\nimport ThingsNewsTicker from './news-ticker-element.js'\n\nconst NATURE: ComponentNature = {\n mutable: false,\n resizable: true,\n rotatable: true,\n properties: [\n {\n type: 'select',\n label: 'direction',\n name: 'direction',\n property: {\n options: [\n {\n display: 'horizontal',\n value: 'horizontal'\n },\n {\n display: 'vertical',\n value: 'vertical'\n }\n ]\n }\n },\n {\n type: 'checkbox',\n label: 'reverse',\n name: 'reverse'\n },\n {\n type: 'number',\n label: 'duration',\n name: 'duration',\n placeholder: 'seconds'\n }\n ],\n help: 'scene/component/news-ticker'\n}\n\n@sceneComponent('news-ticker')\nexport default class NewsTicker extends HTMLOverlayElement {\n get nature() {\n return NATURE\n }\n\n get hasTextProperty() {\n return true\n }\n\n get tagName() {\n return 'ox-news-ticker'\n }\n\n createElement() {\n super.createElement()\n\n this.setState('text', '#{data}')\n\n var element = this.element!\n\n element.style.overflow = 'hidden'\n }\n\n /* component.property => element.property */\n setElementProperties(element: HTMLElement) {\n try {\n var {\n direction = 'horizontal',\n reverse,\n textAlign,\n fontColor = 'black',\n fontSize = 13,\n font,\n duration = 30\n } = this.state\n\n var text = this.text\n\n var isReverse = reverse\n var isTextOverflowed = this.isTextOverflowed\n\n var newsTicker = element as ThingsNewsTicker\n\n newsTicker.direction = direction\n newsTicker.duration = duration * 1000\n newsTicker.fontColor = fontColor\n newsTicker.fontFamily = font\n newsTicker.fontSize = `${fontSize}px`\n newsTicker.textAlign = textAlign\n newsTicker.isReverse = isReverse\n newsTicker.isTextOverflowed = isTextOverflowed\n newsTicker.textData = text\n } catch (e) {\n error(e)\n }\n }\n\n get isTextOverflowed() {\n var { width } = this.bounds\n var span = document.createElement('span')\n\n span.style.font = this.font as string\n span.style.position = 'fixed'\n span.style.left = '-100%'\n span.style.visibility = 'none'\n\n span.textContent = this.text\n\n document.body.appendChild(span)\n\n var textBounds = span.getBoundingClientRect()\n var isOverflowed = width < textBounds.width\n\n document.body.removeChild(span)\n\n return isOverflowed\n }\n}\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@operato/scene-news-ticker",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "10.0.0-beta.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "News ticker Component for Things Scene.",
|
|
6
6
|
"license": "MIT",
|
|
@@ -22,29 +22,28 @@
|
|
|
22
22
|
"serve:dev": "npm run serve",
|
|
23
23
|
"start": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds\"",
|
|
24
24
|
"build": "tsc",
|
|
25
|
-
"
|
|
26
|
-
"lint": "eslint
|
|
27
|
-
"format": "eslint
|
|
25
|
+
"prepublishOnly": "tsc",
|
|
26
|
+
"lint": "eslint src/ && prettier \"src/**/*.ts\" --check",
|
|
27
|
+
"format": "eslint src/ --fix && prettier \"src/**/*.ts\" --write",
|
|
28
28
|
"migration": "things-factory-migration"
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@hatiolab/things-scene": "^
|
|
32
|
-
"lit": "^3.1.2"
|
|
33
|
-
"web-animations-js": "^2.3.2"
|
|
31
|
+
"@hatiolab/things-scene": "^10.0.0-beta.1",
|
|
32
|
+
"lit": "^3.1.2"
|
|
34
33
|
},
|
|
35
34
|
"devDependencies": {
|
|
36
35
|
"@hatiolab/prettier-config": "^1.0.0",
|
|
37
|
-
"@things-factory/builder": "^
|
|
38
|
-
"@things-factory/operato-board": "^
|
|
39
|
-
"@typescript-eslint/eslint-plugin": "^
|
|
40
|
-
"@typescript-eslint/parser": "^
|
|
36
|
+
"@things-factory/builder": "^10.0.0-beta.1",
|
|
37
|
+
"@things-factory/operato-board": "^10.0.0-beta.1",
|
|
38
|
+
"@typescript-eslint/eslint-plugin": "^8.0.0",
|
|
39
|
+
"@typescript-eslint/parser": "^8.0.0",
|
|
41
40
|
"@web/dev-server": "^0.1.28",
|
|
42
41
|
"concurrently": "^8.0.1",
|
|
43
42
|
"eslint": "^9.18.0",
|
|
44
43
|
"eslint-config-prettier": "^10.0.1",
|
|
45
44
|
"husky": "^8.0.3",
|
|
46
|
-
"lint-staged": "^
|
|
47
|
-
"prettier": "^2.
|
|
45
|
+
"lint-staged": "^15.2.2",
|
|
46
|
+
"prettier": "^3.2.5",
|
|
48
47
|
"tslib": "^2.3.1",
|
|
49
48
|
"typescript": "^5.0.4"
|
|
50
49
|
},
|
|
@@ -60,5 +59,5 @@
|
|
|
60
59
|
"prettier --write"
|
|
61
60
|
]
|
|
62
61
|
},
|
|
63
|
-
"gitHead": "
|
|
62
|
+
"gitHead": "bb127dd516b9e962fb2d0a24bc2d8c5e108f06fb"
|
|
64
63
|
}
|