-
Notifications
You must be signed in to change notification settings - Fork 0
/
link.ts
86 lines (72 loc) · 2.51 KB
/
link.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
/**
* ___ ___ __
* \ \/ / / _
* \ / /_| |_
* / \____ _|
* /__/\__\ |_|
*
* @file link.ts
* @author Etienne Cochard
*
* Copyright (c) 2019-2022 R-libre ingenierie
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
* of the Software, and to permit persons to whom the Software is furnished to do so,
* subject to the following conditions:
* The above copyright notice and this permission notice shall be included in all copies
* or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
* INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
* PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
* HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
* OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
* SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
**/
import { Component, CProps, CEventMap, isHtmlString, HtmlString, html } from './component'
import { EvClick, EventCallback } from './x4events'
// ============================================================================
// [LINK]
// ============================================================================
interface LinkEventMap extends CEventMap {
click: EvClick;
}
export interface LinkProps extends CProps<LinkEventMap> {
text?: string | HtmlString;
href?: string;
target?: string;
click?: EventCallback<EvClick>; // shortcut to event { click: ... }
}
/**
* Standard Link
*/
export class Link extends Component<LinkProps, LinkEventMap>
{
constructor(props?: LinkProps) {
super(props);
this.setDomEvent('click', () => this._handleClick());
this.mapPropEvents(props, 'click');
}
private _handleClick() {
this.emit('click', EvClick());
}
/** @ignore */
render(props: LinkProps) {
let text = props.text ?? '';
let href = props.href ?? '#';
this.setTag( 'a');
this.setAttribute('tabindex', 0);
this.setAttribute('href', href);
this.setAttribute('target', props.target);
if( text ) {
this.setContent(isHtmlString(text) ? text : html`<span>${text}</span>`);
}
}
set text( text: string | HtmlString ) {
this.m_props.text = text;
this.update( );
}
}