@dxos/lit-ui 0.8.4-main.b97322e → 0.8.4-main.bc2380dfbc
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/LICENSE +102 -5
- package/dist/src/dx-anchor/dx-anchor.d.ts +9 -0
- package/dist/src/dx-anchor/dx-anchor.d.ts.map +1 -0
- package/dist/src/{dx-ref-tag/dx-ref-tag.js → dx-anchor/dx-anchor.js} +12 -21
- package/dist/src/dx-anchor/dx-anchor.js.map +1 -0
- package/dist/src/dx-anchor/index.d.ts +2 -0
- package/dist/src/dx-anchor/index.d.ts.map +1 -0
- package/dist/src/dx-anchor/index.js +5 -0
- package/dist/src/dx-anchor/index.js.map +1 -0
- package/dist/src/dx-avatar/dx-avatar.d.ts +2 -2
- package/dist/src/dx-avatar/dx-avatar.d.ts.map +1 -1
- package/dist/src/dx-avatar/dx-avatar.js +61 -35
- package/dist/src/dx-avatar/dx-avatar.js.map +1 -1
- package/dist/src/dx-avatar/dx-avatar.lit-stories.d.ts +1 -1
- package/dist/src/dx-avatar/dx-avatar.lit-stories.d.ts.map +1 -1
- package/dist/src/dx-avatar/dx-avatar.lit-stories.js +5 -3
- package/dist/src/dx-avatar/dx-avatar.lit-stories.js.map +1 -1
- package/dist/src/dx-icon/dx-icon.d.ts.map +1 -1
- package/dist/src/dx-icon/dx-icon.js +1 -1
- package/dist/src/dx-icon/dx-icon.js.map +1 -1
- package/dist/src/dx-tag-picker/dx-tag-picker-item.d.ts.map +1 -1
- package/dist/src/dx-tag-picker/dx-tag-picker-item.js +1 -1
- package/dist/src/dx-tag-picker/dx-tag-picker-item.js.map +1 -1
- package/dist/src/index.d.ts +2 -2
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/index.js +2 -2
- package/dist/src/index.js.map +1 -1
- package/dist/src/react.d.ts +6 -5
- package/dist/src/react.d.ts.map +1 -1
- package/dist/src/react.js +6 -5
- package/dist/src/react.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +19 -21
- package/src/defs.ts +1 -1
- package/src/{dx-ref-tag/dx-ref-tag.ts → dx-anchor/dx-anchor.ts} +9 -24
- package/src/{dx-ref-tag → dx-anchor}/index.ts +1 -1
- package/src/dx-avatar/dx-avatar.lit-stories.ts +6 -4
- package/src/dx-avatar/dx-avatar.pcss +57 -31
- package/src/dx-avatar/dx-avatar.ts +66 -37
- package/src/dx-icon/dx-icon.ts +1 -1
- package/src/dx-tag-picker/dx-tag-picker-item.ts +1 -1
- package/src/dx-tag-picker/dx-tag-picker.pcss +6 -4
- package/src/index.ts +2 -2
- package/src/react.ts +12 -10
- package/dist/src/dx-ref-tag/dx-ref-tag.d.ts +0 -19
- package/dist/src/dx-ref-tag/dx-ref-tag.d.ts.map +0 -1
- package/dist/src/dx-ref-tag/dx-ref-tag.js.map +0 -1
- package/dist/src/dx-ref-tag/index.d.ts +0 -2
- package/dist/src/dx-ref-tag/index.d.ts.map +0 -1
- package/dist/src/dx-ref-tag/index.js +0 -5
- package/dist/src/dx-ref-tag/index.js.map +0 -1
- package/src/dx-ref-tag/dx-ref-tag.pcss +0 -8
package/LICENSE
CHANGED
|
@@ -1,8 +1,105 @@
|
|
|
1
|
-
|
|
2
|
-
Copyright (c) 2025 DXOS
|
|
1
|
+
# Functional Source License, Version 1.1, ALv2 Future License
|
|
3
2
|
|
|
4
|
-
|
|
3
|
+
## Abbreviation
|
|
5
4
|
|
|
6
|
-
|
|
5
|
+
FSL-1.1-Apache-2.0
|
|
7
6
|
|
|
8
|
-
|
|
7
|
+
## Notice
|
|
8
|
+
|
|
9
|
+
Copyright 2026 DXOS
|
|
10
|
+
|
|
11
|
+
## Terms and Conditions
|
|
12
|
+
|
|
13
|
+
### Licensor ("We")
|
|
14
|
+
|
|
15
|
+
The party offering the Software under these Terms and Conditions.
|
|
16
|
+
|
|
17
|
+
### The Software
|
|
18
|
+
|
|
19
|
+
The "Software" is each version of the software that we make available under
|
|
20
|
+
these Terms and Conditions, as indicated by our inclusion of these Terms and
|
|
21
|
+
Conditions with the Software.
|
|
22
|
+
|
|
23
|
+
### License Grant
|
|
24
|
+
|
|
25
|
+
Subject to your compliance with this License Grant and the Patents,
|
|
26
|
+
Redistribution and Trademark clauses below, we hereby grant you the right to
|
|
27
|
+
use, copy, modify, create derivative works, publicly perform, publicly display
|
|
28
|
+
and redistribute the Software for any Permitted Purpose identified below.
|
|
29
|
+
|
|
30
|
+
### Permitted Purpose
|
|
31
|
+
|
|
32
|
+
A Permitted Purpose is any purpose other than a Competing Use. A Competing Use
|
|
33
|
+
means making the Software available to others in a commercial product or
|
|
34
|
+
service that:
|
|
35
|
+
|
|
36
|
+
1. substitutes for the Software;
|
|
37
|
+
|
|
38
|
+
2. substitutes for any other product or service we offer using the Software
|
|
39
|
+
that exists as of the date we make the Software available; or
|
|
40
|
+
|
|
41
|
+
3. offers the same or substantially similar functionality as the Software.
|
|
42
|
+
|
|
43
|
+
Permitted Purposes specifically include using the Software:
|
|
44
|
+
|
|
45
|
+
1. for your internal use and access;
|
|
46
|
+
|
|
47
|
+
2. for non-commercial education;
|
|
48
|
+
|
|
49
|
+
3. for non-commercial research; and
|
|
50
|
+
|
|
51
|
+
4. in connection with professional services that you provide to a licensee
|
|
52
|
+
using the Software in accordance with these Terms and Conditions.
|
|
53
|
+
|
|
54
|
+
### Patents
|
|
55
|
+
|
|
56
|
+
To the extent your use for a Permitted Purpose would necessarily infringe our
|
|
57
|
+
patents, the license grant above includes a license under our patents. If you
|
|
58
|
+
make a claim against any party that the Software infringes or contributes to
|
|
59
|
+
the infringement of any patent, then your patent license to the Software ends
|
|
60
|
+
immediately.
|
|
61
|
+
|
|
62
|
+
### Redistribution
|
|
63
|
+
|
|
64
|
+
The Terms and Conditions apply to all copies, modifications and derivatives of
|
|
65
|
+
the Software.
|
|
66
|
+
|
|
67
|
+
If you redistribute any copies, modifications or derivatives of the Software,
|
|
68
|
+
you must include a copy of or a link to these Terms and Conditions and not
|
|
69
|
+
remove any copyright notices provided in or with the Software.
|
|
70
|
+
|
|
71
|
+
### Disclaimer
|
|
72
|
+
|
|
73
|
+
THE SOFTWARE IS PROVIDED "AS IS" AND WITHOUT WARRANTIES OF ANY KIND, EXPRESS OR
|
|
74
|
+
IMPLIED, INCLUDING WITHOUT LIMITATION WARRANTIES OF FITNESS FOR A PARTICULAR
|
|
75
|
+
PURPOSE, MERCHANTABILITY, TITLE OR NON-INFRINGEMENT.
|
|
76
|
+
|
|
77
|
+
IN NO EVENT WILL WE HAVE ANY LIABILITY TO YOU ARISING OUT OF OR RELATED TO THE
|
|
78
|
+
SOFTWARE, INCLUDING INDIRECT, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES,
|
|
79
|
+
EVEN IF WE HAVE BEEN INFORMED OF THEIR POSSIBILITY IN ADVANCE.
|
|
80
|
+
|
|
81
|
+
### Trademarks
|
|
82
|
+
|
|
83
|
+
Except for displaying the License Details and identifying us as the origin of
|
|
84
|
+
the Software, you have no right under these Terms and Conditions to use our
|
|
85
|
+
trademarks, trade names, service marks or product names.
|
|
86
|
+
|
|
87
|
+
## Grant of Future License
|
|
88
|
+
|
|
89
|
+
We hereby irrevocably grant you an additional license to use the Software under
|
|
90
|
+
the Apache License, Version 2.0 that is effective on the second anniversary of
|
|
91
|
+
the date we make the Software available. On or after that date, you may use the
|
|
92
|
+
Software under the Apache License, Version 2.0, in which case the following
|
|
93
|
+
will apply:
|
|
94
|
+
|
|
95
|
+
Licensed under the Apache License, Version 2.0 (the "License"); you may not use
|
|
96
|
+
this file except in compliance with the License.
|
|
97
|
+
|
|
98
|
+
You may obtain a copy of the License at
|
|
99
|
+
|
|
100
|
+
http://www.apache.org/licenses/LICENSE-2.0
|
|
101
|
+
|
|
102
|
+
Unless required by applicable law or agreed to in writing, software distributed
|
|
103
|
+
under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
|
|
104
|
+
CONDITIONS OF ANY KIND, either express or implied. See the License for the
|
|
105
|
+
specific language governing permissions and limitations under the License.
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
export declare class DxAnchor extends LitElement {
|
|
3
|
+
dxn: string;
|
|
4
|
+
rootclassname: string | undefined;
|
|
5
|
+
connectedCallback(): void;
|
|
6
|
+
private handleActivate;
|
|
7
|
+
createRenderRoot(): this;
|
|
8
|
+
}
|
|
9
|
+
//# sourceMappingURL=dx-anchor.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dx-anchor.d.ts","sourceRoot":"","sources":["../../../src/dx-anchor/dx-anchor.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,qBACa,QAAS,SAAQ,UAAU;IAMtC,GAAG,EAAE,MAAM,CAAM;IAGjB,aAAa,EAAE,MAAM,GAAG,SAAS,CAAa;IAErC,iBAAiB,IAAI,IAAI,CAcjC;IAED,OAAO,CAAC,cAAc;IAIb,gBAAgB,IAAI,IAAI,CAEhC;CACF"}
|
|
@@ -11,28 +11,20 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
11
11
|
/* eslint-disable */
|
|
12
12
|
import { LitElement } from 'lit';
|
|
13
13
|
import { customElement, property } from 'lit/decorators.js';
|
|
14
|
-
import {
|
|
15
|
-
|
|
16
|
-
constructor(props) {
|
|
17
|
-
super('dx-ref-tag-activate');
|
|
18
|
-
this.refId = props.refId;
|
|
19
|
-
this.label = props.label;
|
|
20
|
-
this.trigger = props.trigger;
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
let DxRefTag = class DxRefTag extends LitElement {
|
|
14
|
+
import { DxAnchorActivate } from '@dxos/ui-types';
|
|
15
|
+
let DxAnchor = class DxAnchor extends LitElement {
|
|
24
16
|
constructor() {
|
|
25
17
|
// TODO(thure): There is a case (in)sensitivity issue here which is pernicious:
|
|
26
18
|
// Only refactoring the properties here to all-lowercase fixes the binding in `RefField.tsx`, but that
|
|
27
19
|
// should be unnecessary, and it isn’t an issue for `DxAvatar` or `DxGrid`. What’s going on?
|
|
28
20
|
super(...arguments);
|
|
29
|
-
this.
|
|
21
|
+
this.dxn = '';
|
|
30
22
|
this.rootclassname = undefined;
|
|
31
23
|
}
|
|
32
24
|
connectedCallback() {
|
|
33
25
|
super.connectedCallback();
|
|
34
26
|
this.tabIndex = 0;
|
|
35
|
-
this.classList.add('dx-focus-ring');
|
|
27
|
+
this.classList.add(this.getAttribute('data-visible-focus') === 'false' ? 'outline-hidden' : 'dx-focus-ring');
|
|
36
28
|
if (this.rootclassname) {
|
|
37
29
|
this.classList.add(this.rootclassname);
|
|
38
30
|
}
|
|
@@ -45,8 +37,7 @@ let DxRefTag = class DxRefTag extends LitElement {
|
|
|
45
37
|
}
|
|
46
38
|
}
|
|
47
39
|
handleActivate(event) {
|
|
48
|
-
|
|
49
|
-
this.dispatchEvent(new DxRefTagActivate({ refId: this.refid, label: (_a = this.textContent) !== null && _a !== void 0 ? _a : '', trigger: this }));
|
|
40
|
+
this.dispatchEvent(new DxAnchorActivate({ dxn: this.dxn, label: this.textContent ?? '', trigger: this }));
|
|
50
41
|
}
|
|
51
42
|
createRenderRoot() {
|
|
52
43
|
return this;
|
|
@@ -54,12 +45,12 @@ let DxRefTag = class DxRefTag extends LitElement {
|
|
|
54
45
|
};
|
|
55
46
|
__decorate([
|
|
56
47
|
property({ type: String })
|
|
57
|
-
],
|
|
48
|
+
], DxAnchor.prototype, "dxn", void 0);
|
|
58
49
|
__decorate([
|
|
59
50
|
property({ type: String })
|
|
60
|
-
],
|
|
61
|
-
|
|
62
|
-
customElement('dx-
|
|
63
|
-
],
|
|
64
|
-
export {
|
|
65
|
-
//# sourceMappingURL=dx-
|
|
51
|
+
], DxAnchor.prototype, "rootclassname", void 0);
|
|
52
|
+
DxAnchor = __decorate([
|
|
53
|
+
customElement('dx-anchor')
|
|
54
|
+
], DxAnchor);
|
|
55
|
+
export { DxAnchor };
|
|
56
|
+
//# sourceMappingURL=dx-anchor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dx-anchor.js","sourceRoot":"","sources":["../../../src/dx-anchor/dx-anchor.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;AAEF,sJAAsJ;AACtJ,oBAAoB;AAEpB,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAG3C,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IAAjC;QACL,+EAA+E;QAC/E,wGAAwG;QACxG,8FAA8F;;QAG9F,QAAG,GAAW,EAAE,CAAC;QAGjB,kBAAa,GAAuB,SAAS,CAAC;IAyBhD,CAAC;IAvBU,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;QAClB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,oBAAoB,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;QAC7G,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QACzC,CAAC;QACD,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QAEpC,IAAI,IAAI,CAAC,YAAY,CAAC,mBAAmB,CAAC,KAAK,MAAM,EAAE,CAAC;YACtD,IAAI,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,CAAC;QAChD,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QACtD,CAAC;IACH,CAAC;IAEO,cAAc,CAAC,KAAuB;QAC5C,IAAI,CAAC,aAAa,CAAC,IAAI,gBAAgB,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC5G,CAAC;IAEQ,gBAAgB;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;CACF,CAAA;AA5BC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCACV;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CACmB;AATnC,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CAkCpB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dx-anchor/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/dx-anchor/index.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,cAAc,aAAa,CAAC"}
|
|
@@ -2,7 +2,7 @@ import { LitElement } from 'lit';
|
|
|
2
2
|
import { type Size } from '../defs';
|
|
3
3
|
export type ImageLoadingStatus = 'idle' | 'loading' | 'loaded' | 'error';
|
|
4
4
|
export type AvatarVariant = 'square' | 'circle';
|
|
5
|
-
export type AvatarStatus = 'active' | 'inactive' | 'current' | '
|
|
5
|
+
export type AvatarStatus = 'active' | 'inactive' | 'current' | 'internal' | 'error' | 'warning';
|
|
6
6
|
export type AvatarAnimation = 'pulse' | 'none';
|
|
7
7
|
export type DxAvatarProps = Partial<Pick<DxAvatar, 'fallback' | 'imgSrc' | 'imgCrossOrigin' | 'imgReferrerPolicy' | 'variant' | 'status' | 'animation' | 'hue' | 'hueVariant' | 'size' | 'icon' | 'rootClassName'>>;
|
|
8
8
|
export declare class DxAvatar extends LitElement {
|
|
@@ -16,7 +16,7 @@ export declare class DxAvatar extends LitElement {
|
|
|
16
16
|
status: AvatarStatus | undefined;
|
|
17
17
|
animation: AvatarAnimation;
|
|
18
18
|
hue: string | undefined;
|
|
19
|
-
hueVariant: 'fill' | 'surface';
|
|
19
|
+
hueVariant: 'fill' | 'surface' | 'transparent';
|
|
20
20
|
size: Size;
|
|
21
21
|
icon: string | undefined;
|
|
22
22
|
rootClassName: string | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dx-avatar.d.ts","sourceRoot":"","sources":["../../../src/dx-avatar/dx-avatar.ts"],"names":[],"mappings":"AAIA,OAAO,
|
|
1
|
+
{"version":3,"file":"dx-avatar.d.ts","sourceRoot":"","sources":["../../../src/dx-avatar/dx-avatar.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAM5C,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,SAAS,CAAC;AAEpC,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzE,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAChD,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,CAAC;AAChG,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,MAAM,CAAC;AAI/C,MAAM,MAAM,aAAa,GAAG,OAAO,CACjC,IAAI,CACF,QAAQ,EACN,UAAU,GACV,QAAQ,GACR,gBAAgB,GAChB,mBAAmB,GACnB,SAAS,GACT,QAAQ,GACR,WAAW,GACX,KAAK,GACL,YAAY,GACZ,MAAM,GACN,MAAM,GACN,eAAe,CAClB,CACF,CAAC;AAGF,qBACa,QAAS,SAAQ,UAAU;IACtC,OAAO,CAAC,MAAM,CAAS;IAEvB,cAGC;IAGD,QAAQ,EAAE,MAAM,CAAQ;IAGxB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAGvC,cAAc,EAAE,WAAW,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC,GAAG,SAAS,CAAa;IAGrF,iBAAiB,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAa;IAG9E,OAAO,EAAE,aAAa,CAAY;IAGlC,MAAM,EAAE,YAAY,GAAG,SAAS,CAAa;IAG7C,SAAS,EAAE,eAAe,CAAU;IAGpC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAa;IAGpC,UAAU,EAAE,MAAM,GAAG,SAAS,GAAG,aAAa,CAAU;IAGxD,IAAI,EAAE,IAAI,CAAM;IAGhB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAGrC,aAAa,EAAE,MAAM,GAAG,SAAS,CAAa;IAG9C,YAAY,EAAE,kBAAkB,CAAU;IAEjC,iBAAiB,IAAI,IAAI,CAIjC;IAEQ,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAI7D;IAED,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,WAAW;IAIV,MAAM,oCAkHd;IAEQ,gBAAgB,IAAI,IAAI,CAEhC;CACF"}
|
|
@@ -7,12 +7,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
7
7
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
8
8
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
9
9
|
};
|
|
10
|
-
import { html, svg
|
|
11
|
-
import { customElement,
|
|
10
|
+
import { LitElement, html, svg } from 'lit';
|
|
11
|
+
import { customElement, property, state } from 'lit/decorators.js';
|
|
12
12
|
import { styleMap } from 'lit/directives/style-map.js';
|
|
13
13
|
import { makeId } from '@dxos/react-hooks';
|
|
14
|
-
import { getFirstTwoRenderableChars } from '@dxos/util';
|
|
15
14
|
const rx = '0.125rem';
|
|
15
|
+
// TODO(burdon): Needs popover.
|
|
16
16
|
let DxAvatar = class DxAvatar extends LitElement {
|
|
17
17
|
constructor() {
|
|
18
18
|
super();
|
|
@@ -55,12 +55,16 @@ let DxAvatar = class DxAvatar extends LitElement {
|
|
|
55
55
|
const r = sizePx / 2 - ringGap - ringWidth;
|
|
56
56
|
const isTextOnly = Boolean(this.fallback && /[0-9a-zA-Z]+/.test(this.fallback));
|
|
57
57
|
const fontScale = (isTextOnly ? 3 : 3.6) * (1 / 1.612);
|
|
58
|
-
const bg = this.
|
|
59
|
-
?
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
58
|
+
const bg = this.hueVariant === 'transparent'
|
|
59
|
+
? 'transparent'
|
|
60
|
+
: this.hue
|
|
61
|
+
? this.hueVariant === 'surface'
|
|
62
|
+
? `var(--color-${this.hue}-surface)`
|
|
63
|
+
: `var(--color-${this.hue === 'neutral' ? 'input-surface' : `${this.hue}-fill`})`
|
|
64
|
+
: 'var(--surface-bg)';
|
|
65
|
+
const fg = this.hue && this.hueVariant === 'surface'
|
|
66
|
+
? `var(--color-${this.hue}-foreground)`
|
|
67
|
+
: 'var(--color-accent-foreground)';
|
|
64
68
|
return html `<span
|
|
65
69
|
role="none"
|
|
66
70
|
class=${`dx-avatar${this.rootClassName ? ` ${this.rootClassName}` : ''}`}
|
|
@@ -79,56 +83,65 @@ let DxAvatar = class DxAvatar extends LitElement {
|
|
|
79
83
|
<mask id=${this.maskId}>
|
|
80
84
|
${this.variant === 'circle'
|
|
81
85
|
? svg `<circle fill="white" cx="50%" cy="50%" r=${r} />`
|
|
82
|
-
: svg
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
86
|
+
: svg `
|
|
87
|
+
<rect
|
|
88
|
+
fill="white"
|
|
89
|
+
width=${2 * r}
|
|
90
|
+
height=${2 * r}
|
|
91
|
+
x=${ringGap + ringWidth}
|
|
92
|
+
y=${ringGap + ringWidth}
|
|
93
|
+
rx=${rx}
|
|
94
|
+
/>`}
|
|
90
95
|
</mask>
|
|
91
96
|
</defs>
|
|
92
97
|
${this.variant === 'circle'
|
|
93
|
-
? svg `
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
98
|
+
? svg `
|
|
99
|
+
<circle
|
|
100
|
+
cx="50%"
|
|
101
|
+
cy="50%"
|
|
102
|
+
r=${r}
|
|
103
|
+
fill=${bg}
|
|
104
|
+
/>`
|
|
105
|
+
: svg `
|
|
106
|
+
<rect
|
|
107
|
+
fill=${bg}
|
|
108
|
+
x=${ringGap + ringWidth}
|
|
109
|
+
y=${ringGap + ringWidth}
|
|
110
|
+
width=${2 * r}
|
|
111
|
+
height=${2 * r}
|
|
112
|
+
rx=${rx}
|
|
113
|
+
/>`}
|
|
107
114
|
${this.icon
|
|
108
|
-
? svg
|
|
115
|
+
? svg `
|
|
116
|
+
<use
|
|
109
117
|
class="dx-avatar__icon"
|
|
110
118
|
href=${this.icon}
|
|
111
119
|
x=${sizePx / 5}
|
|
112
120
|
y=${sizePx / 5}
|
|
113
121
|
width=${(3 * sizePx) / 5}
|
|
114
122
|
height=${(3 * sizePx) / 5} />`
|
|
115
|
-
:
|
|
123
|
+
: // NOTE: Firefox currently doesn't fully support alignment-baseline.
|
|
124
|
+
svg `
|
|
125
|
+
<text
|
|
116
126
|
x="50%"
|
|
117
127
|
y="50%"
|
|
118
128
|
class="dx-avatar__fallback-text"
|
|
119
129
|
fill=${fg}
|
|
120
130
|
text-anchor="middle"
|
|
121
131
|
alignment-baseline="central"
|
|
132
|
+
dominant-baseline="middle"
|
|
122
133
|
font-size=${this.size === 'px' ? '200%' : this.size * fontScale}
|
|
123
134
|
mask=${`url(#${this.maskId})`}
|
|
124
135
|
>
|
|
125
|
-
${
|
|
136
|
+
${/\p{Emoji_Presentation}/u.test(this.fallback) ? this.fallback : getInitials(this.fallback)}
|
|
126
137
|
</text>`}
|
|
127
138
|
${this.imgSrc &&
|
|
128
|
-
svg
|
|
139
|
+
svg `
|
|
140
|
+
<image
|
|
129
141
|
width="100%"
|
|
130
142
|
height="100%"
|
|
131
143
|
preserveAspectRatio="xMidYMid slice"
|
|
144
|
+
class="dx-avatar__image"
|
|
132
145
|
href=${this.imgSrc}
|
|
133
146
|
mask=${`url(#${this.maskId})`}
|
|
134
147
|
crossorigin=${this.imgCrossOrigin}
|
|
@@ -185,4 +198,17 @@ DxAvatar = __decorate([
|
|
|
185
198
|
customElement('dx-avatar')
|
|
186
199
|
], DxAvatar);
|
|
187
200
|
export { DxAvatar };
|
|
201
|
+
/**
|
|
202
|
+
* Returns the first two renderable characters from a string that are separated by non-word characters.
|
|
203
|
+
* Handles Unicode characters correctly.
|
|
204
|
+
*/
|
|
205
|
+
const getInitials = (label = '') => {
|
|
206
|
+
return label
|
|
207
|
+
.trim()
|
|
208
|
+
.split(/\s+/)
|
|
209
|
+
.map((str) => str.replace(/[^\p{L}\p{N}\s]/gu, ''))
|
|
210
|
+
.filter(Boolean)
|
|
211
|
+
.slice(0, 2)
|
|
212
|
+
.map((word) => word[0].toUpperCase());
|
|
213
|
+
};
|
|
188
214
|
//# sourceMappingURL=dx-avatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dx-avatar.js","sourceRoot":"","sources":["../../../src/dx-avatar/dx-avatar.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;AAEF,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"dx-avatar.js","sourceRoot":"","sources":["../../../src/dx-avatar/dx-avatar.ts"],"names":[],"mappings":"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"}
|
|
@@ -8,5 +8,5 @@ declare const _default: {
|
|
|
8
8
|
};
|
|
9
9
|
};
|
|
10
10
|
export default _default;
|
|
11
|
-
export declare const Basic: (
|
|
11
|
+
export declare const Basic: (_props: DxAvatarProps) => import("lit").TemplateResult<1>;
|
|
12
12
|
//# sourceMappingURL=dx-avatar.lit-stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dx-avatar.lit-stories.d.ts","sourceRoot":"","sources":["../../../src/dx-avatar/dx-avatar.lit-stories.ts"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"dx-avatar.lit-stories.d.ts","sourceRoot":"","sources":["../../../src/dx-avatar/dx-avatar.lit-stories.ts"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AACrB,OAAO,kBAAkB,CAAC;AAI1B,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;;IAG/C,KAAK;IACL,UAAU;QACR,MAAM;;;;AAIV,eAAO,MAAM,KAAK,WAAY,aAAa,oCAE1C,CAAC"}
|
|
@@ -6,9 +6,11 @@ import './dx-avatar.pcss';
|
|
|
6
6
|
import { html } from 'lit';
|
|
7
7
|
export default {
|
|
8
8
|
title: 'dx-avatar',
|
|
9
|
-
parameters: {
|
|
9
|
+
parameters: {
|
|
10
|
+
layout: 'centered',
|
|
11
|
+
},
|
|
10
12
|
};
|
|
11
|
-
export const Basic = (
|
|
12
|
-
return html
|
|
13
|
+
export const Basic = (_props) => {
|
|
14
|
+
return html ` <dx-avatar hue="teal" fallback="Composer user" icon="/icons.svg#ph--basketball--regular"></dx-avatar> `;
|
|
13
15
|
};
|
|
14
16
|
//# sourceMappingURL=dx-avatar.lit-stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dx-avatar.lit-stories.js","sourceRoot":"","sources":["../../../src/dx-avatar/dx-avatar.lit-stories.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,OAAO,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"dx-avatar.lit-stories.js","sourceRoot":"","sources":["../../../src/dx-avatar/dx-avatar.lit-stories.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,OAAO,aAAa,CAAC;AACrB,OAAO,kBAAkB,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAI3B,eAAe;IACb,KAAK,EAAE,WAAW;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,MAAqB,EAAE,EAAE;IAC7C,OAAO,IAAI,CAAA,yGAAyG,CAAC;AACvH,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dx-icon.d.ts","sourceRoot":"","sources":["../../../src/dx-icon/dx-icon.ts"],"names":[],"mappings":"AAIA,OAAO,
|
|
1
|
+
{"version":3,"file":"dx-icon.d.ts","sourceRoot":"","sources":["../../../src/dx-icon/dx-icon.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAO,MAAM,KAAK,CAAC;AAGtC,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,SAAS,CAAC;AAIpC,qBACa,MAAO,SAAQ,UAAU;IAGpC,IAAI,EAAE,IAAI,CAAK;IAGf,IAAI,EAAE,MAAM,CAA8B;IAG1C,OAAO,EAAE,OAAO,CAAQ;IAEf,MAAM,oCAId;IAEQ,gBAAgB,IAAI,IAAI,CAEhC;CACF"}
|
|
@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
7
7
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
8
8
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
9
9
|
};
|
|
10
|
-
import {
|
|
10
|
+
import { LitElement, svg } from 'lit';
|
|
11
11
|
import { customElement, property } from 'lit/decorators.js';
|
|
12
12
|
const ICONS_URL = '/icons.svg';
|
|
13
13
|
let DxIcon = class DxIcon extends LitElement {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dx-icon.js","sourceRoot":"","sources":["../../../src/dx-icon/dx-icon.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;AAEF,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"dx-icon.js","sourceRoot":"","sources":["../../../src/dx-icon/dx-icon.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;AAEF,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAI5D,MAAM,SAAS,GAAG,YAAY,CAAC;AAGxB,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,UAAU;IAA/B;;QACL,2CAA2C;QAE3C,SAAI,GAAS,CAAC,CAAC;QAGf,SAAI,GAAW,0BAA0B,CAAC;QAG1C,YAAO,GAAY,IAAI,CAAC;IAW1B,CAAC;IATU,MAAM;QACb,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,SAAS,YAAY,IAAI,IAAI,EAAE,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;QACzF,MAAM,IAAI,GAAG,GAAG,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;QACnC,OAAO,GAAG,CAAA,kCAAkC,IAAI,CAAC,IAAI,cAAc,IAAI,WAAW,CAAC;IACrF,CAAC;IAEQ,gBAAgB;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;CACF,CAAA;AAjBC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oCACZ;AAGf;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oCACe;AAG1C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uCACJ;AATb,MAAM;IADlB,aAAa,CAAC,SAAS,CAAC;GACZ,MAAM,CAoBlB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dx-tag-picker-item.d.ts","sourceRoot":"","sources":["../../../src/dx-tag-picker/dx-tag-picker-item.ts"],"names":[],"mappings":"AAIA,OAAO,
|
|
1
|
+
{"version":3,"file":"dx-tag-picker-item.d.ts","sourceRoot":"","sources":["../../../src/dx-tag-picker/dx-tag-picker-item.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,qBAAa,oBAAqB,SAAQ,KAAK;IAC7C,SAAgB,MAAM,EAAE,MAAM,CAAC;IAC/B,SAAgB,MAAM,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC9C,YAAY,KAAK,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,QAAQ,GAAG,UAAU,CAAA;KAAE,EAInE;CACF;AAED,qBACa,eAAgB,SAAQ,UAAU;IAG7C,GAAG,EAAE,MAAM,CAAa;IAGxB,MAAM,EAAE,MAAM,CAAgC;IAG9C,KAAK,EAAE,MAAM,CAAW;IAGxB,aAAa,EAAE,MAAM,GAAG,SAAS,CAAa;IAG9C,WAAW,EAAE,MAAM,GAAG,SAAS,CAAa;IAE5C,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,iBAAiB;IAIhB,MAAM,oCAQd;IAEQ,gBAAgB,IAAI,IAAI,CAEhC;CACF"}
|
|
@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
7
7
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
8
8
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
9
9
|
};
|
|
10
|
-
import {
|
|
10
|
+
import { LitElement, html } from 'lit';
|
|
11
11
|
import { customElement, property } from 'lit/decorators.js';
|
|
12
12
|
import { makeId } from '@dxos/react-hooks';
|
|
13
13
|
export class DxTagPickerItemClick extends Event {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dx-tag-picker-item.js","sourceRoot":"","sources":["../../../src/dx-tag-picker/dx-tag-picker-item.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;AAEF,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"dx-tag-picker-item.js","sourceRoot":"","sources":["../../../src/dx-tag-picker/dx-tag-picker-item.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;AAEF,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,OAAO,oBAAqB,SAAQ,KAAK;IAG7C,YAAY,KAAwD;QAClE,KAAK,CAAC,0BAA0B,CAAC,CAAC;QAClC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;QAC3B,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;IAC7B,CAAC;CACF;AAGM,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QACL,2CAA2C;QAE3C,QAAG,GAAW,SAAS,CAAC;QAGxB,WAAM,GAAW,MAAM,CAAC,oBAAoB,CAAC,CAAC;QAG9C,UAAK,GAAW,OAAO,CAAC;QAGxB,kBAAa,GAAuB,SAAS,CAAC;QAG9C,gBAAW,GAAuB,SAAS,CAAC;IAuB9C,CAAC;IArBS,mBAAmB;QACzB,IAAI,CAAC,aAAa,CAAC,IAAI,oBAAoB,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC;IAC5F,CAAC;IAEO,iBAAiB;QACvB,IAAI,CAAC,aAAa,CAAC,IAAI,oBAAoB,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;IAC1F,CAAC;IAEQ,MAAM;QACb,MAAM,SAAS,GAAG,4BAA4B,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;QACnG,OAAO,IAAI,CAAA,eAAe,SAAS,gBAAgB,CAAC,CAAC,IAAI,CAAC,WAAW,aAAa,IAAI,CAAC,GAAG,OAAO,IAAI,CAAC,EAAE;8CAC9D,IAAI,CAAC,mBAAmB,IAAI,IAAI,CAAC,KAAK,YAAY,IAAI,CAAC,WAAW;YAC1G,IAAI,CAAA,4CAA4C,IAAI,CAAC,WAAW,WAAW,IAAI,CAAC,iBAAiB;;gBAEvF;MACV,CAAC;IACL,CAAC;IAEQ,gBAAgB;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;CACF,CAAA;AAnCC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CACH;AAGxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CACmB;AAG9C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CACH;AAGxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDACmB;AAG9C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oDACiB;AAfjC,eAAe;IAD3B,aAAa,CAAC,oBAAoB,CAAC;GACvB,eAAe,CAsC3B"}
|
package/dist/src/index.d.ts
CHANGED
package/dist/src/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC;AAC5B,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC"}
|
package/dist/src/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
//
|
|
2
2
|
// Copyright 2025 DXOS.org
|
|
3
3
|
//
|
|
4
|
+
export * from './dx-anchor';
|
|
4
5
|
export * from './dx-avatar';
|
|
5
|
-
export * from './dx-tag-picker';
|
|
6
|
-
export * from './dx-ref-tag';
|
|
7
6
|
export * from './dx-icon';
|
|
7
|
+
export * from './dx-tag-picker';
|
|
8
8
|
//# sourceMappingURL=index.js.map
|
package/dist/src/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,cAAc,aAAa,CAAC;AAC5B,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC"}
|
package/dist/src/react.d.ts
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { type EventName, createComponent } from '@lit/react';
|
|
2
2
|
import { type ComponentPropsWithRef } from 'react';
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
import { type DxAnchorActivate } from '@dxos/ui-types';
|
|
4
|
+
import { type DxTagPickerItemClick, DxAnchor as NaturalDxAnchor, DxAvatar as NaturalDxAvatar, DxTagPickerItem as NaturalDxTagPickerItem, DxIcon as NaturalIcon } from './index';
|
|
5
|
+
export declare const DxAnchor: import("@lit/react").ReactWebComponent<NaturalDxAnchor, {
|
|
6
|
+
onActivate: EventName<DxAnchorActivate>;
|
|
6
7
|
}>;
|
|
7
|
-
export type
|
|
8
|
+
export type DxAnchorProps = ComponentPropsWithRef<typeof DxAnchor>;
|
|
8
9
|
export declare const DxAvatar: import("@lit/react").ReactWebComponent<NaturalDxAvatar, {}>;
|
|
9
10
|
export type DxAvatarProps = ComponentPropsWithRef<typeof DxAvatar>;
|
|
10
11
|
export declare const DxIcon: import("@lit/react").ReactWebComponent<NaturalIcon, {}>;
|
package/dist/src/react.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/react.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/react.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAc,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAsB,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAE3E,OAAO,EACL,KAAK,oBAAoB,EACzB,QAAQ,IAAI,eAAe,EAC3B,QAAQ,IAAI,eAAe,EAC3B,eAAe,IAAI,sBAAsB,EACzC,MAAM,IAAI,WAAW,EACtB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,QAAQ;gBAKiB,SAAS,CAAC,gBAAgB,CAAC;EAE/D,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,qBAAqB,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEnE,eAAO,MAAM,QAAQ,6DAInB,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,qBAAqB,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEnE,eAAO,MAAM,MAAM,yDAIjB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,qBAAqB,CAAC,OAAO,MAAM,CAAC,CAAC;AAE/D,eAAO,MAAM,eAAe;iBAKmB,SAAS,CAAC,oBAAoB,CAAC;EAE5E,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,qBAAqB,CAAC,OAAO,eAAe,CAAC,CAAC;AAEjF,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,YAAY,EAAE,SAAS,EAAE,CAAC"}
|
package/dist/src/react.js
CHANGED
|
@@ -3,13 +3,14 @@
|
|
|
3
3
|
//
|
|
4
4
|
import { createComponent } from '@lit/react';
|
|
5
5
|
import React from 'react';
|
|
6
|
-
import {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
6
|
+
import { DX_ANCHOR_ACTIVATE } from '@dxos/ui-types';
|
|
7
|
+
import { DxAnchor as NaturalDxAnchor, DxAvatar as NaturalDxAvatar, DxTagPickerItem as NaturalDxTagPickerItem, DxIcon as NaturalIcon, } from './index';
|
|
8
|
+
export const DxAnchor = createComponent({
|
|
9
|
+
tagName: 'dx-anchor',
|
|
10
|
+
elementClass: NaturalDxAnchor,
|
|
10
11
|
react: React,
|
|
11
12
|
events: {
|
|
12
|
-
onActivate:
|
|
13
|
+
onActivate: DX_ANCHOR_ACTIVATE,
|
|
13
14
|
},
|
|
14
15
|
});
|
|
15
16
|
export const DxAvatar = createComponent({
|
package/dist/src/react.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"react.js","sourceRoot":"","sources":["../../src/react.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,OAAO,
|
|
1
|
+
{"version":3,"file":"react.js","sourceRoot":"","sources":["../../src/react.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,OAAO,EAAkB,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,KAAqC,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAE,kBAAkB,EAAyB,MAAM,gBAAgB,CAAC;AAE3E,OAAO,EAEL,QAAQ,IAAI,eAAe,EAC3B,QAAQ,IAAI,eAAe,EAC3B,eAAe,IAAI,sBAAsB,EACzC,MAAM,IAAI,WAAW,GACtB,MAAM,SAAS,CAAC;AAEjB,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,OAAO,EAAE,WAAW;IACpB,YAAY,EAAE,eAAe;IAC7B,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE;QACN,UAAU,EAAE,kBAAiD;KAC9D;CACF,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,OAAO,EAAE,WAAW;IACpB,YAAY,EAAE,eAAe;IAC7B,KAAK,EAAE,KAAK;CACb,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,MAAM,GAAG,eAAe,CAAC;IACpC,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,WAAW;IACzB,KAAK,EAAE,KAAK;CACb,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,eAAe,GAAG,eAAe,CAAC;IAC7C,OAAO,EAAE,oBAAoB;IAC7B,YAAY,EAAE,sBAAsB;IACpC,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE;QACN,WAAW,EAAE,0BAA6D;KAC3E;CACF,CAAC,CAAC;AAIH,OAAO,EAAE,eAAe,EAAE,CAAC"}
|