@dxos/lit-ui 0.8.4-main.1da679c → 0.8.4-main.21d9917
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/src/dx-anchor/dx-anchor.js +2 -2
- package/dist/src/dx-anchor/dx-anchor.js.map +1 -1
- package/dist/src/dx-avatar/dx-avatar.d.ts +1 -1
- package/dist/src/dx-avatar/dx-avatar.d.ts.map +1 -1
- package/dist/src/dx-avatar/dx-avatar.js +55 -32
- 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 +4 -2
- package/dist/src/dx-avatar/dx-avatar.lit-stories.js.map +1 -1
- package/dist/src/index.d.ts +1 -1
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/index.js +1 -1
- package/dist/src/index.js.map +1 -1
- package/dist/src/react.d.ts +1 -1
- package/dist/src/react.d.ts.map +1 -1
- package/dist/src/react.js +2 -1
- package/dist/src/react.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +15 -8
- package/src/defs.ts +1 -1
- package/src/dx-anchor/dx-anchor.ts +2 -2
- package/src/dx-avatar/dx-avatar.lit-stories.ts +5 -3
- package/src/dx-avatar/dx-avatar.pcss +1 -1
- package/src/dx-avatar/dx-avatar.ts +59 -33
- package/src/index.ts +1 -1
- package/src/react.ts +2 -2
|
@@ -11,7 +11,7 @@ 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 { DxAnchorActivate } from '@dxos/
|
|
14
|
+
import { DxAnchorActivate } from '@dxos/ui-types';
|
|
15
15
|
let DxAnchor = class DxAnchor extends LitElement {
|
|
16
16
|
constructor() {
|
|
17
17
|
// TODO(thure): There is a case (in)sensitivity issue here which is pernicious:
|
|
@@ -24,7 +24,7 @@ let DxAnchor = class DxAnchor extends LitElement {
|
|
|
24
24
|
connectedCallback() {
|
|
25
25
|
super.connectedCallback();
|
|
26
26
|
this.tabIndex = 0;
|
|
27
|
-
this.classList.add('dx-focus-ring');
|
|
27
|
+
this.classList.add(this.getAttribute('data-visible-focus') === 'false' ? 'outline-none' : 'dx-focus-ring');
|
|
28
28
|
if (this.rootclassname) {
|
|
29
29
|
this.classList.add(this.rootclassname);
|
|
30
30
|
}
|
|
@@ -1 +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,
|
|
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;QAEL,+EAA+E;QAC/E,wGAAwG;QACxG,8FAA8F;;QAG9F,UAAK,GAAW,EAAE,CAAC;QAGnB,kBAAa,GAAuB,SAAS,CAAC;IA2BhD,CAAC;IAzBU,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,KAAG,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;QACzG,IAAG,IAAI,CAAC,aAAa,EAAC,CAAC;YACrB,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,CAChB,IAAI,gBAAgB,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAC1F,CAAC;IACJ,CAAC;IAEQ,gBAAgB;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;CACF,CAAA;AA9BC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCACR;AAGnB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CACmB;AAVnC,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CAqCpB"}
|
|
@@ -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,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;
|
|
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,OAAO,GAAG,SAAS,GAAG,UAAU,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;;IAQvB,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;IAMzB,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI;IAM9D,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,WAAW;IAIV,MAAM;IAkHN,gBAAgB,IAAI,IAAI;CAGlC"}
|
|
@@ -11,8 +11,8 @@ import { LitElement, html, svg } from 'lit';
|
|
|
11
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,11 +55,13 @@ 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
|
-
|
|
58
|
+
const bg = this.hueVariant === 'transparent'
|
|
59
|
+
? 'transparent'
|
|
60
|
+
: this.hue
|
|
61
|
+
? this.hueVariant === 'surface'
|
|
62
|
+
? `var(--dx-${this.hue}Surface)`
|
|
63
|
+
: `var(--dx-${this.hue === 'neutral' ? 'inputSurface' : `${this.hue}Fill`})`
|
|
64
|
+
: 'var(--surface-bg)';
|
|
63
65
|
const fg = this.hue && this.hueVariant === 'surface' ? `var(--dx-${this.hue}SurfaceText)` : 'var(--dx-accentSurfaceText)';
|
|
64
66
|
return html `<span
|
|
65
67
|
role="none"
|
|
@@ -79,53 +81,61 @@ let DxAvatar = class DxAvatar extends LitElement {
|
|
|
79
81
|
<mask id=${this.maskId}>
|
|
80
82
|
${this.variant === 'circle'
|
|
81
83
|
? svg `<circle fill="white" cx="50%" cy="50%" r=${r} />`
|
|
82
|
-
: svg
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
84
|
+
: svg `
|
|
85
|
+
<rect
|
|
86
|
+
fill="white"
|
|
87
|
+
width=${2 * r}
|
|
88
|
+
height=${2 * r}
|
|
89
|
+
x=${ringGap + ringWidth}
|
|
90
|
+
y=${ringGap + ringWidth}
|
|
91
|
+
rx=${rx}
|
|
92
|
+
/>`}
|
|
90
93
|
</mask>
|
|
91
94
|
</defs>
|
|
92
95
|
${this.variant === 'circle'
|
|
93
|
-
? svg `
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
96
|
+
? svg `
|
|
97
|
+
<circle
|
|
98
|
+
cx="50%"
|
|
99
|
+
cy="50%"
|
|
100
|
+
r=${r}
|
|
101
|
+
fill=${bg}
|
|
102
|
+
/>`
|
|
103
|
+
: svg `
|
|
104
|
+
<rect
|
|
105
|
+
fill=${bg}
|
|
106
|
+
x=${ringGap + ringWidth}
|
|
107
|
+
y=${ringGap + ringWidth}
|
|
108
|
+
width=${2 * r}
|
|
109
|
+
height=${2 * r}
|
|
110
|
+
rx=${rx}
|
|
111
|
+
/>`}
|
|
107
112
|
${this.icon
|
|
108
|
-
? svg
|
|
113
|
+
? svg `
|
|
114
|
+
<use
|
|
109
115
|
class="dx-avatar__icon"
|
|
110
116
|
href=${this.icon}
|
|
111
117
|
x=${sizePx / 5}
|
|
112
118
|
y=${sizePx / 5}
|
|
113
119
|
width=${(3 * sizePx) / 5}
|
|
114
120
|
height=${(3 * sizePx) / 5} />`
|
|
115
|
-
:
|
|
121
|
+
: // NOTE: Firefox currently doesn't fully support alignment-baseline.
|
|
122
|
+
svg `
|
|
123
|
+
<text
|
|
116
124
|
x="50%"
|
|
117
125
|
y="50%"
|
|
118
126
|
class="dx-avatar__fallback-text"
|
|
119
127
|
fill=${fg}
|
|
120
128
|
text-anchor="middle"
|
|
121
129
|
alignment-baseline="central"
|
|
130
|
+
dominant-baseline="middle"
|
|
122
131
|
font-size=${this.size === 'px' ? '200%' : this.size * fontScale}
|
|
123
132
|
mask=${`url(#${this.maskId})`}
|
|
124
133
|
>
|
|
125
|
-
${
|
|
134
|
+
${/\p{Emoji_Presentation}/u.test(this.fallback) ? this.fallback : getInitials(this.fallback)}
|
|
126
135
|
</text>`}
|
|
127
136
|
${this.imgSrc &&
|
|
128
|
-
svg
|
|
137
|
+
svg `
|
|
138
|
+
<image
|
|
129
139
|
width="100%"
|
|
130
140
|
height="100%"
|
|
131
141
|
preserveAspectRatio="xMidYMid slice"
|
|
@@ -186,4 +196,17 @@ DxAvatar = __decorate([
|
|
|
186
196
|
customElement('dx-avatar')
|
|
187
197
|
], DxAvatar);
|
|
188
198
|
export { DxAvatar };
|
|
199
|
+
/**
|
|
200
|
+
* Returns the first two renderable characters from a string that are separated by non-word characters.
|
|
201
|
+
* Handles Unicode characters correctly.
|
|
202
|
+
*/
|
|
203
|
+
const getInitials = (label = '') => {
|
|
204
|
+
return label
|
|
205
|
+
.trim()
|
|
206
|
+
.split(/\s+/)
|
|
207
|
+
.map((str) => str.replace(/[^\p{L}\p{N}\s]/gu, ''))
|
|
208
|
+
.filter(Boolean)
|
|
209
|
+
.slice(0, 2)
|
|
210
|
+
.map((word) => word[0].toUpperCase());
|
|
211
|
+
};
|
|
189
212
|
//# 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,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;
|
|
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,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAU3C,MAAM,EAAE,GAAG,UAAU,CAAC;AAoBtB,+BAA+B;AAExB,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IAGtC;QACE,KAAK,EAAE,CAAC;QAKV,aAAQ,GAAW,IAAI,CAAC;QAGxB,WAAM,GAAuB,SAAS,CAAC;QAGvC,mBAAc,GAA6D,SAAS,CAAC;QAGrF,sBAAiB,GAAmD,SAAS,CAAC;QAG9E,YAAO,GAAkB,QAAQ,CAAC;QAGlC,WAAM,GAA6B,SAAS,CAAC;QAG7C,cAAS,GAAoB,MAAM,CAAC;QAGpC,QAAG,GAAuB,SAAS,CAAC;QAGpC,eAAU,GAAuC,MAAM,CAAC;QAGxD,SAAI,GAAS,EAAE,CAAC;QAGhB,SAAI,GAAuB,SAAS,CAAC;QAGrC,kBAAa,GAAuB,SAAS,CAAC;QAG9C,iBAAY,GAAuB,MAAM,CAAC;QAxCxC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;IACvC,CAAC;IAyCQ,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;IACvD,CAAC;IAEQ,UAAU,CAAC,iBAAmC;QACrD,IAAI,iBAAiB,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;YACpC,IAAI,CAAC,YAAY,GAAG,iBAAiB,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;QAC3E,CAAC;IACH,CAAC;IAEO,UAAU;QAChB,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC;IAC/B,CAAC;IAEO,WAAW;QACjB,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC;IAC9B,CAAC;IAEQ,MAAM;QACb,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/D,MAAM,MAAM,GAAG,WAAW,GAAG,CAAC,CAAC;QAC/B,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACpF,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACzG,MAAM,CAAC,GAAG,MAAM,GAAG,CAAC,GAAG,OAAO,GAAG,SAAS,CAAC;QAC3C,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,QAAQ,IAAI,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;QAChF,MAAM,SAAS,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC;QACvD,MAAM,EAAE,GACN,IAAI,CAAC,UAAU,KAAK,aAAa;YAC/B,CAAC,CAAC,aAAa;YACf,CAAC,CAAC,IAAI,CAAC,GAAG;gBACR,CAAC,CAAC,IAAI,CAAC,UAAU,KAAK,SAAS;oBAC7B,CAAC,CAAC,YAAY,IAAI,CAAC,GAAG,UAAU;oBAChC,CAAC,CAAC,YAAY,IAAI,CAAC,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,MAAM,GAAG;gBAC9E,CAAC,CAAC,mBAAmB,CAAC;QAC5B,MAAM,EAAE,GACN,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,IAAI,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,6BAA6B,CAAC;QAEjH,OAAO,IAAI,CAAA;;cAED,YAAY,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;kBAC5D,IAAI,CAAC,IAAI;qBACN,IAAI,CAAC,OAAO;oBACb,IAAI,CAAC,MAAM;uBACR,IAAI,CAAC,SAAS;kCACH,IAAI,CAAC,YAAY;SAC1C,GAAG,CAAA;kBACM,OAAO,MAAM,IAAI,MAAM,EAAE;gBAC3B,MAAM;iBACL,MAAM;;;;qBAIF,IAAI,CAAC,MAAM;cAElB,IAAI,CAAC,OAAO,KAAK,QAAQ;YACvB,CAAC,CAAC,GAAG,CAAA,4CAA4C,CAAC,KAAK;YACvD,CAAC,CAAC,GAAG,CAAA;;;4BAGO,CAAC,GAAG,CAAC;6BACJ,CAAC,GAAG,CAAC;wBACV,OAAO,GAAG,SAAS;wBACnB,OAAO,GAAG,SAAS;yBAClB,EAAE;qBAEf;;;UAIF,IAAI,CAAC,OAAO,KAAK,QAAQ;YACvB,CAAC,CAAC,GAAG,CAAA;;;;oBAIG,CAAC;uBACE,EAAE;iBACR;YACL,CAAC,CAAC,GAAG,CAAA;;uBAEM,EAAE;oBACL,OAAO,GAAG,SAAS;oBACnB,OAAO,GAAG,SAAS;wBACf,CAAC,GAAG,CAAC;yBACJ,CAAC,GAAG,CAAC;qBACT,EAAE;iBAEf;UAEE,IAAI,CAAC,IAAI;YACP,CAAC,CAAC,GAAG,CAAA;;;uBAGM,IAAI,CAAC,IAAI;oBACZ,MAAM,GAAG,CAAC;oBACV,MAAM,GAAG,CAAC;wBACN,CAAC,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC;yBACf,CAAC,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,KAAK;YAClC,CAAC,CAAC,oEAAoE;gBACpE,GAAG,CAAA;;;;;uBAKM,EAAE;;;;4BAIG,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,SAAS;uBACxD,QAAQ,IAAI,CAAC,MAAM,GAAG;;kBAE3B,yBAAyB,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC;sBAEpG;UAEE,IAAI,CAAC,MAAM;YACX,GAAG,CAAA;;;;;;qBAMQ,IAAI,CAAC,MAAM;qBACX,QAAQ,IAAI,CAAC,MAAM,GAAG;4BACf,IAAI,CAAC,cAAc;sBACzB,IAAI,CAAC,UAAU;uBACd,IAAI,CAAC,WAAW;eAE/B;aACK,mDAAmD,QAAQ,CAAC,EAAE,WAAW,EAAE,SAAS,GAAG,IAAI,EAAE,CAAC;cAC7F,CAAC;IACb,CAAC;IAEQ,gBAAgB;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;CACF,CAAA;AA/KC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CACH;AAGxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCACY;AAGvC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;gDAC0D;AAGrF;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDACmD;AAG9E;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCACO;AAGlC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCACkB;AAG7C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2CACS;AAGpC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCACS;AAGpC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAC6B;AAGxD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCACX;AAGhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCACU;AAGrC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CACmB;AAG9C;IADC,KAAK,EAAE;8CACkC;AA7C/B,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CAwLpB;;AAED;;;GAGG;AACH,MAAM,WAAW,GAAG,CAAC,KAAK,GAAG,EAAE,EAAY,EAAE;IAC3C,OAAO,KAAK;SACT,IAAI,EAAE;SACN,KAAK,CAAC,KAAK,CAAC;SACZ,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAAC;SAClD,MAAM,CAAC,OAAO,CAAC;SACf,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;SACX,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;AAC1C,CAAC,CAAC"}
|
|
@@ -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;;;;;;;AAEjD,wBAKE;AAEF,eAAO,MAAM,KAAK,GAAI,QAAQ,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 = (
|
|
13
|
+
export const Basic = (_props) => {
|
|
12
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,uGAAuG,CAAC;AACrH,CAAC,CAAC"}
|
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,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
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,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,6 +1,6 @@
|
|
|
1
1
|
import { type EventName, createComponent } from '@lit/react';
|
|
2
2
|
import { type ComponentPropsWithRef } from 'react';
|
|
3
|
-
import { type DxAnchorActivate } from '@dxos/
|
|
3
|
+
import { type DxAnchorActivate } from '@dxos/ui-types';
|
|
4
4
|
import { type DxTagPickerItemClick, DxAnchor as NaturalDxAnchor, DxAvatar as NaturalDxAvatar, DxTagPickerItem as NaturalDxTagPickerItem, DxIcon as NaturalIcon } from './index';
|
|
5
5
|
export declare const DxAnchor: import("@lit/react").ReactWebComponent<NaturalDxAnchor, {
|
|
6
6
|
onActivate: EventName<DxAnchorActivate>;
|
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,KAAK,SAAS,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAc,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,
|
|
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;AAC3B,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 { DX_ANCHOR_ACTIVATE } from '@dxos/ui-types';
|
|
6
7
|
import { DxAnchor as NaturalDxAnchor, DxAvatar as NaturalDxAvatar, DxTagPickerItem as NaturalDxTagPickerItem, DxIcon as NaturalIcon, } from './index';
|
|
7
8
|
export const DxAnchor = createComponent({
|
|
8
9
|
tagName: 'dx-anchor',
|
|
9
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,EAAkB,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,KAAqC,MAAM,OAAO,CAAC;
|
|
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"}
|