@dxos/lit-ui 0.8.2-main.fbd8ed0 → 0.8.2-staging.7ac8446
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-avatar/dx-avatar.d.ts +2 -1
- package/dist/src/dx-avatar/dx-avatar.d.ts.map +1 -1
- package/dist/src/dx-avatar/dx-avatar.js +18 -14
- package/dist/src/dx-avatar/dx-avatar.js.map +1 -1
- package/dist/src/dx-avatar/dx-avatar.lit-stories.d.ts.map +1 -1
- package/dist/src/index.d.ts +0 -1
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/index.js +0 -1
- package/dist/src/index.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/types/src/dx-avatar/dx-avatar.d.ts +2 -1
- package/dist/types/src/dx-avatar/dx-avatar.d.ts.map +1 -1
- package/dist/types/src/dx-avatar/dx-avatar.js +18 -14
- package/dist/types/src/dx-avatar/dx-avatar.js.map +1 -1
- package/dist/types/src/dx-avatar/dx-avatar.lit-stories.d.ts.map +1 -1
- package/dist/types/src/index.d.ts +0 -1
- package/dist/types/src/index.d.ts.map +1 -1
- package/dist/types/src/index.js +0 -1
- package/dist/types/src/index.js.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +4 -8
- package/src/dx-avatar/dx-avatar.pcss +2 -2
- package/src/dx-avatar/dx-avatar.ts +20 -17
- package/src/index.ts +0 -1
- package/dist/src/dx-ref-tag/dx-ref-tag.d.ts +0 -20
- package/dist/src/dx-ref-tag/dx-ref-tag.d.ts.map +0 -1
- package/dist/src/dx-ref-tag/dx-ref-tag.js +0 -57
- 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/dist/types/src/dx-ref-tag/dx-ref-tag.d.ts +0 -20
- package/dist/types/src/dx-ref-tag/dx-ref-tag.d.ts.map +0 -1
- package/dist/types/src/dx-ref-tag/dx-ref-tag.js +0 -57
- package/dist/types/src/dx-ref-tag/dx-ref-tag.js.map +0 -1
- package/dist/types/src/dx-ref-tag/index.d.ts +0 -2
- package/dist/types/src/dx-ref-tag/index.d.ts.map +0 -1
- package/dist/types/src/dx-ref-tag/index.js +0 -5
- package/dist/types/src/dx-ref-tag/index.js.map +0 -1
- package/src/dx-ref-tag/dx-ref-tag.pcss +0 -8
- package/src/dx-ref-tag/dx-ref-tag.ts +0 -57
- package/src/dx-ref-tag/index.ts +0 -5
|
@@ -4,11 +4,12 @@ export type ImageLoadingStatus = 'idle' | 'loading' | 'loaded' | 'error';
|
|
|
4
4
|
export type AvatarVariant = 'square' | 'circle';
|
|
5
5
|
export type AvatarStatus = 'active' | 'inactive' | 'current' | 'error' | 'warning' | 'internal';
|
|
6
6
|
export type AvatarAnimation = 'pulse' | 'none';
|
|
7
|
-
export type DxAvatarProps = Partial<Pick<DxAvatar, 'fallback' | 'imgSrc' | 'imgCrossOrigin' | 'imgReferrerPolicy' | 'variant' | 'status' | 'animation' | 'hue' | 'hueVariant' | 'size' | 'icon' | 'rootClassName'>>;
|
|
7
|
+
export type DxAvatarProps = Partial<Pick<DxAvatar, 'fallback' | 'labelId' | 'imgSrc' | 'imgCrossOrigin' | 'imgReferrerPolicy' | 'variant' | 'status' | 'animation' | 'hue' | 'hueVariant' | 'size' | 'icon' | 'rootClassName'>>;
|
|
8
8
|
export declare class DxAvatar extends LitElement {
|
|
9
9
|
private maskId;
|
|
10
10
|
constructor();
|
|
11
11
|
fallback: string;
|
|
12
|
+
labelId: string;
|
|
12
13
|
imgSrc: string | undefined;
|
|
13
14
|
imgCrossOrigin: NonNullable<HTMLImageElement['crossOrigin']> | undefined;
|
|
14
15
|
imgReferrerPolicy: HTMLImageElement['referrerPolicy'] | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dx-avatar.d.ts","sourceRoot":"","sources":["../../../src/dx-avatar/dx-avatar.ts"],"names":[],"mappings":"AAIA,OAAO,EAAa,UAAU,EAAE,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;AAEF,qBACa,QAAS,SAAQ,UAAU;IACtC,OAAO,CAAC,MAAM,CAAS;;IAQvB,QAAQ,EAAE,MAAM,CAAW;IAG3B,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,CAAU;IAGxC,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;
|
|
1
|
+
{"version":3,"file":"dx-avatar.d.ts","sourceRoot":"","sources":["../../../src/dx-avatar/dx-avatar.ts"],"names":[],"mappings":"AAIA,OAAO,EAAa,UAAU,EAAE,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,SAAS,GACT,QAAQ,GACR,gBAAgB,GAChB,mBAAmB,GACnB,SAAS,GACT,QAAQ,GACR,WAAW,GACX,KAAK,GACL,YAAY,GACZ,MAAM,GACN,MAAM,GACN,eAAe,CAClB,CACF,CAAC;AAEF,qBACa,QAAS,SAAQ,UAAU;IACtC,OAAO,CAAC,MAAM,CAAS;;IAQvB,QAAQ,EAAE,MAAM,CAAW;IAG3B,OAAO,EAAE,MAAM,CAAW;IAG1B,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,CAAU;IAGxC,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;IAKjB,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAMvD,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,WAAW;IAIV,MAAM;IAqGN,gBAAgB;CAG1B"}
|
|
@@ -16,6 +16,7 @@ let DxAvatar = class DxAvatar extends LitElement {
|
|
|
16
16
|
constructor() {
|
|
17
17
|
super();
|
|
18
18
|
this.fallback = 'never';
|
|
19
|
+
this.labelId = 'never';
|
|
19
20
|
this.imgSrc = undefined;
|
|
20
21
|
this.imgCrossOrigin = undefined;
|
|
21
22
|
this.imgReferrerPolicy = undefined;
|
|
@@ -32,7 +33,6 @@ let DxAvatar = class DxAvatar extends LitElement {
|
|
|
32
33
|
}
|
|
33
34
|
connectedCallback() {
|
|
34
35
|
super.connectedCallback();
|
|
35
|
-
this.role = 'img';
|
|
36
36
|
this.loadingStaus = this.imgSrc ? 'loading' : 'idle';
|
|
37
37
|
}
|
|
38
38
|
willUpdate(changedProperties) {
|
|
@@ -59,10 +59,11 @@ let DxAvatar = class DxAvatar extends LitElement {
|
|
|
59
59
|
? `var(--dx-${this.hue}Surface)`
|
|
60
60
|
: `var(--dx-${this.hue}Fill)`
|
|
61
61
|
: 'var(--surface-bg)';
|
|
62
|
-
const fg = this.hue && this.hueVariant === 'surface' ? `var(--dx-${this.hue}SurfaceText)` : 'var(--dx-
|
|
62
|
+
const fg = this.hue && this.hueVariant === 'surface' ? `var(--dx-${this.hue}SurfaceText)` : 'var(--dx-inverse)';
|
|
63
63
|
return html `<span
|
|
64
|
-
role="
|
|
64
|
+
role="img"
|
|
65
65
|
class=${`dx-avatar${this.rootClassName ? ` ${this.rootClassName}` : ''}`}
|
|
66
|
+
aria-labelledby=${this.labelId}
|
|
66
67
|
data-size=${this.size}
|
|
67
68
|
data-variant=${this.variant}
|
|
68
69
|
data-status=${this.status}
|
|
@@ -103,6 +104,17 @@ let DxAvatar = class DxAvatar extends LitElement {
|
|
|
103
104
|
height=${2 * r}
|
|
104
105
|
rx=${rx}
|
|
105
106
|
/>`}
|
|
107
|
+
${this.imgSrc &&
|
|
108
|
+
svg `<image
|
|
109
|
+
width="100%"
|
|
110
|
+
height="100%"
|
|
111
|
+
preserveAspectRatio="xMidYMid slice"
|
|
112
|
+
href=${this.imgSrc}
|
|
113
|
+
mask=${`url(#${this.maskId})`}
|
|
114
|
+
crossorigin=${this.imgCrossOrigin}
|
|
115
|
+
@load=${this.handleLoad}
|
|
116
|
+
@error=${this.handleError}
|
|
117
|
+
/>`}
|
|
106
118
|
${this.icon
|
|
107
119
|
? svg `<use
|
|
108
120
|
class="dx-avatar__icon"
|
|
@@ -123,17 +135,6 @@ let DxAvatar = class DxAvatar extends LitElement {
|
|
|
123
135
|
>
|
|
124
136
|
${this.fallback}
|
|
125
137
|
</text>`}
|
|
126
|
-
${this.imgSrc &&
|
|
127
|
-
svg `<image
|
|
128
|
-
width="100%"
|
|
129
|
-
height="100%"
|
|
130
|
-
preserveAspectRatio="xMidYMid slice"
|
|
131
|
-
href=${this.imgSrc}
|
|
132
|
-
mask=${`url(#${this.maskId})`}
|
|
133
|
-
crossorigin=${this.imgCrossOrigin}
|
|
134
|
-
@load=${this.handleLoad}
|
|
135
|
-
@error=${this.handleError}
|
|
136
|
-
/>`}
|
|
137
138
|
</svg>`}<span role="none" class="dx-avatar__ring" style=${styleMap({ borderWidth: ringWidth + 'px' })}
|
|
138
139
|
/></span>`;
|
|
139
140
|
}
|
|
@@ -144,6 +145,9 @@ let DxAvatar = class DxAvatar extends LitElement {
|
|
|
144
145
|
__decorate([
|
|
145
146
|
property({ type: String })
|
|
146
147
|
], DxAvatar.prototype, "fallback", void 0);
|
|
148
|
+
__decorate([
|
|
149
|
+
property({ type: String })
|
|
150
|
+
], DxAvatar.prototype, "labelId", void 0);
|
|
147
151
|
__decorate([
|
|
148
152
|
property({ type: String })
|
|
149
153
|
], DxAvatar.prototype, "imgSrc", void 0);
|
|
@@ -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,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,QAAQ,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;
|
|
1
|
+
{"version":3,"file":"dx-avatar.js","sourceRoot":"","sources":["../../../src/dx-avatar/dx-avatar.ts"],"names":[],"mappings":"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"}
|
|
@@ -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,gBAAgB,CAAC;AACxB,OAAO,kBAAkB,CAAC;AAG1B,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;;;;;;;AAEjD,wBAGE;AAEF,eAAO,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"dx-avatar.lit-stories.d.ts","sourceRoot":"","sources":["../../../src/dx-avatar/dx-avatar.lit-stories.ts"],"names":[],"mappings":"AAIA,OAAO,gBAAgB,CAAC;AACxB,OAAO,kBAAkB,CAAC;AAG1B,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;;;;;;;AAEjD,wBAGE;AAEF,eAAO,MAAM,KAAK,UAAW,aAAa,oCAIzC,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,iBAAiB,CAAC;AAChC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,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,iBAAiB,CAAC;AAChC,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,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAkB,MAAM,YAAY,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":"5.
|
|
1
|
+
{"version":"5.7.3"}
|
|
@@ -4,11 +4,12 @@ export type ImageLoadingStatus = 'idle' | 'loading' | 'loaded' | 'error';
|
|
|
4
4
|
export type AvatarVariant = 'square' | 'circle';
|
|
5
5
|
export type AvatarStatus = 'active' | 'inactive' | 'current' | 'error' | 'warning' | 'internal';
|
|
6
6
|
export type AvatarAnimation = 'pulse' | 'none';
|
|
7
|
-
export type DxAvatarProps = Partial<Pick<DxAvatar, 'fallback' | 'imgSrc' | 'imgCrossOrigin' | 'imgReferrerPolicy' | 'variant' | 'status' | 'animation' | 'hue' | 'hueVariant' | 'size' | 'icon' | 'rootClassName'>>;
|
|
7
|
+
export type DxAvatarProps = Partial<Pick<DxAvatar, 'fallback' | 'labelId' | 'imgSrc' | 'imgCrossOrigin' | 'imgReferrerPolicy' | 'variant' | 'status' | 'animation' | 'hue' | 'hueVariant' | 'size' | 'icon' | 'rootClassName'>>;
|
|
8
8
|
export declare class DxAvatar extends LitElement {
|
|
9
9
|
private maskId;
|
|
10
10
|
constructor();
|
|
11
11
|
fallback: string;
|
|
12
|
+
labelId: string;
|
|
12
13
|
imgSrc: string | undefined;
|
|
13
14
|
imgCrossOrigin: NonNullable<HTMLImageElement['crossOrigin']> | undefined;
|
|
14
15
|
imgReferrerPolicy: HTMLImageElement['referrerPolicy'] | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dx-avatar.d.ts","sourceRoot":"","sources":["../../../../src/dx-avatar/dx-avatar.ts"],"names":[],"mappings":"AAIA,OAAO,EAAa,UAAU,EAAE,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;AAEF,qBACa,QAAS,SAAQ,UAAU;IACtC,OAAO,CAAC,MAAM,CAAS;;IAQvB,QAAQ,EAAE,MAAM,CAAW;IAG3B,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,CAAU;IAGxC,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;
|
|
1
|
+
{"version":3,"file":"dx-avatar.d.ts","sourceRoot":"","sources":["../../../../src/dx-avatar/dx-avatar.ts"],"names":[],"mappings":"AAIA,OAAO,EAAa,UAAU,EAAE,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,SAAS,GACT,QAAQ,GACR,gBAAgB,GAChB,mBAAmB,GACnB,SAAS,GACT,QAAQ,GACR,WAAW,GACX,KAAK,GACL,YAAY,GACZ,MAAM,GACN,MAAM,GACN,eAAe,CAClB,CACF,CAAC;AAEF,qBACa,QAAS,SAAQ,UAAU;IACtC,OAAO,CAAC,MAAM,CAAS;;IAQvB,QAAQ,EAAE,MAAM,CAAW;IAG3B,OAAO,EAAE,MAAM,CAAW;IAG1B,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,CAAU;IAGxC,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;IAKjB,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAMvD,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,WAAW;IAIV,MAAM;IAqGN,gBAAgB;CAG1B"}
|
|
@@ -16,6 +16,7 @@ let DxAvatar = class DxAvatar extends LitElement {
|
|
|
16
16
|
constructor() {
|
|
17
17
|
super();
|
|
18
18
|
this.fallback = 'never';
|
|
19
|
+
this.labelId = 'never';
|
|
19
20
|
this.imgSrc = undefined;
|
|
20
21
|
this.imgCrossOrigin = undefined;
|
|
21
22
|
this.imgReferrerPolicy = undefined;
|
|
@@ -32,7 +33,6 @@ let DxAvatar = class DxAvatar extends LitElement {
|
|
|
32
33
|
}
|
|
33
34
|
connectedCallback() {
|
|
34
35
|
super.connectedCallback();
|
|
35
|
-
this.role = 'img';
|
|
36
36
|
this.loadingStaus = this.imgSrc ? 'loading' : 'idle';
|
|
37
37
|
}
|
|
38
38
|
willUpdate(changedProperties) {
|
|
@@ -59,10 +59,11 @@ let DxAvatar = class DxAvatar extends LitElement {
|
|
|
59
59
|
? `var(--dx-${this.hue}Surface)`
|
|
60
60
|
: `var(--dx-${this.hue}Fill)`
|
|
61
61
|
: 'var(--surface-bg)';
|
|
62
|
-
const fg = this.hue && this.hueVariant === 'surface' ? `var(--dx-${this.hue}SurfaceText)` : 'var(--dx-
|
|
62
|
+
const fg = this.hue && this.hueVariant === 'surface' ? `var(--dx-${this.hue}SurfaceText)` : 'var(--dx-inverse)';
|
|
63
63
|
return html `<span
|
|
64
|
-
role="
|
|
64
|
+
role="img"
|
|
65
65
|
class=${`dx-avatar${this.rootClassName ? ` ${this.rootClassName}` : ''}`}
|
|
66
|
+
aria-labelledby=${this.labelId}
|
|
66
67
|
data-size=${this.size}
|
|
67
68
|
data-variant=${this.variant}
|
|
68
69
|
data-status=${this.status}
|
|
@@ -103,6 +104,17 @@ let DxAvatar = class DxAvatar extends LitElement {
|
|
|
103
104
|
height=${2 * r}
|
|
104
105
|
rx=${rx}
|
|
105
106
|
/>`}
|
|
107
|
+
${this.imgSrc &&
|
|
108
|
+
svg `<image
|
|
109
|
+
width="100%"
|
|
110
|
+
height="100%"
|
|
111
|
+
preserveAspectRatio="xMidYMid slice"
|
|
112
|
+
href=${this.imgSrc}
|
|
113
|
+
mask=${`url(#${this.maskId})`}
|
|
114
|
+
crossorigin=${this.imgCrossOrigin}
|
|
115
|
+
@load=${this.handleLoad}
|
|
116
|
+
@error=${this.handleError}
|
|
117
|
+
/>`}
|
|
106
118
|
${this.icon
|
|
107
119
|
? svg `<use
|
|
108
120
|
class="dx-avatar__icon"
|
|
@@ -123,17 +135,6 @@ let DxAvatar = class DxAvatar extends LitElement {
|
|
|
123
135
|
>
|
|
124
136
|
${this.fallback}
|
|
125
137
|
</text>`}
|
|
126
|
-
${this.imgSrc &&
|
|
127
|
-
svg `<image
|
|
128
|
-
width="100%"
|
|
129
|
-
height="100%"
|
|
130
|
-
preserveAspectRatio="xMidYMid slice"
|
|
131
|
-
href=${this.imgSrc}
|
|
132
|
-
mask=${`url(#${this.maskId})`}
|
|
133
|
-
crossorigin=${this.imgCrossOrigin}
|
|
134
|
-
@load=${this.handleLoad}
|
|
135
|
-
@error=${this.handleError}
|
|
136
|
-
/>`}
|
|
137
138
|
</svg>`}<span role="none" class="dx-avatar__ring" style=${styleMap({ borderWidth: ringWidth + 'px' })}
|
|
138
139
|
/></span>`;
|
|
139
140
|
}
|
|
@@ -144,6 +145,9 @@ let DxAvatar = class DxAvatar extends LitElement {
|
|
|
144
145
|
__decorate([
|
|
145
146
|
property({ type: String })
|
|
146
147
|
], DxAvatar.prototype, "fallback", void 0);
|
|
148
|
+
__decorate([
|
|
149
|
+
property({ type: String })
|
|
150
|
+
], DxAvatar.prototype, "labelId", void 0);
|
|
147
151
|
__decorate([
|
|
148
152
|
property({ type: String })
|
|
149
153
|
], DxAvatar.prototype, "imgSrc", void 0);
|
|
@@ -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,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,QAAQ,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;
|
|
1
|
+
{"version":3,"file":"dx-avatar.js","sourceRoot":"","sources":["../../../../src/dx-avatar/dx-avatar.ts"],"names":[],"mappings":"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"}
|
|
@@ -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,gBAAgB,CAAC;AACxB,OAAO,kBAAkB,CAAC;AAG1B,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;;;;;;;AAEjD,wBAGE;AAEF,eAAO,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"dx-avatar.lit-stories.d.ts","sourceRoot":"","sources":["../../../../src/dx-avatar/dx-avatar.lit-stories.ts"],"names":[],"mappings":"AAIA,OAAO,gBAAgB,CAAC;AACxB,OAAO,kBAAkB,CAAC;AAG1B,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;;;;;;;AAEjD,wBAGE;AAEF,eAAO,MAAM,KAAK,UAAW,aAAa,oCAIzC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC"}
|
package/dist/types/src/index.js
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,iBAAiB,CAAC;AAChC,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,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAkB,MAAM,YAAY,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":"5.
|
|
1
|
+
{"version":"5.7.3"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dxos/lit-ui",
|
|
3
|
-
"version": "0.8.2-
|
|
3
|
+
"version": "0.8.2-staging.7ac8446",
|
|
4
4
|
"description": "Web Components for DXOS using Lit",
|
|
5
5
|
"homepage": "https://dxos.org",
|
|
6
6
|
"bugs": "https://github.com/dxos/dxos/issues",
|
|
@@ -15,8 +15,7 @@
|
|
|
15
15
|
"node": "./dist/src/index.js"
|
|
16
16
|
},
|
|
17
17
|
"./dx-avatar.pcss": "./src/dx-avatar/dx-avatar.pcss",
|
|
18
|
-
"./dx-tag-picker.pcss": "./src/dx-tag-picker/dx-tag-picker.pcss"
|
|
19
|
-
"./dx-ref-tag.pcss": "./src/dx-ref-tag/dx-ref-tag.pcss"
|
|
18
|
+
"./dx-tag-picker.pcss": "./src/dx-tag-picker/dx-tag-picker.pcss"
|
|
20
19
|
},
|
|
21
20
|
"main": "dist/src/index.js",
|
|
22
21
|
"types": "dist/src/index.d.ts",
|
|
@@ -27,12 +26,9 @@
|
|
|
27
26
|
"dependencies": {
|
|
28
27
|
"@lit/react": "^1.0.5",
|
|
29
28
|
"lit": "^3.2.0",
|
|
30
|
-
"@dxos/react-hooks": "0.8.2-
|
|
29
|
+
"@dxos/react-hooks": "0.8.2-staging.7ac8446"
|
|
31
30
|
},
|
|
32
31
|
"devDependencies": {
|
|
33
|
-
"@dxos/test-utils": "0.8.2-
|
|
34
|
-
},
|
|
35
|
-
"publishConfig": {
|
|
36
|
-
"access": "public"
|
|
32
|
+
"@dxos/test-utils": "0.8.2-staging.7ac8446"
|
|
37
33
|
}
|
|
38
34
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
.dx-avatar-group {
|
|
2
|
-
@apply inline-flex items-center
|
|
2
|
+
@apply inline-flex items-center;
|
|
3
3
|
}
|
|
4
4
|
|
|
5
5
|
.dx-avatar-group .dx-avatar {
|
|
@@ -20,7 +20,7 @@ dx-avatar {
|
|
|
20
20
|
@apply relative inline-flex shrink-0;
|
|
21
21
|
|
|
22
22
|
.dx-avatar__frame {
|
|
23
|
-
@apply is-full bs-full bg-[--surface-bg]
|
|
23
|
+
@apply is-full bs-full bg-[--surface-bg]
|
|
24
24
|
}
|
|
25
25
|
|
|
26
26
|
.dx-avatar__frame, .dx-avatar__ring {
|
|
@@ -22,6 +22,7 @@ export type DxAvatarProps = Partial<
|
|
|
22
22
|
Pick<
|
|
23
23
|
DxAvatar,
|
|
24
24
|
| 'fallback'
|
|
25
|
+
| 'labelId'
|
|
25
26
|
| 'imgSrc'
|
|
26
27
|
| 'imgCrossOrigin'
|
|
27
28
|
| 'imgReferrerPolicy'
|
|
@@ -48,6 +49,9 @@ export class DxAvatar extends LitElement {
|
|
|
48
49
|
@property({ type: String })
|
|
49
50
|
fallback: string = 'never';
|
|
50
51
|
|
|
52
|
+
@property({ type: String })
|
|
53
|
+
labelId: string = 'never';
|
|
54
|
+
|
|
51
55
|
@property({ type: String })
|
|
52
56
|
imgSrc: string | undefined = undefined;
|
|
53
57
|
|
|
@@ -86,7 +90,6 @@ export class DxAvatar extends LitElement {
|
|
|
86
90
|
|
|
87
91
|
override connectedCallback() {
|
|
88
92
|
super.connectedCallback();
|
|
89
|
-
this.role = 'img';
|
|
90
93
|
this.loadingStaus = this.imgSrc ? 'loading' : 'idle';
|
|
91
94
|
}
|
|
92
95
|
|
|
@@ -117,11 +120,11 @@ export class DxAvatar extends LitElement {
|
|
|
117
120
|
? `var(--dx-${this.hue}Surface)`
|
|
118
121
|
: `var(--dx-${this.hue}Fill)`
|
|
119
122
|
: 'var(--surface-bg)';
|
|
120
|
-
const fg =
|
|
121
|
-
this.hue && this.hueVariant === 'surface' ? `var(--dx-${this.hue}SurfaceText)` : 'var(--dx-accentSurfaceText)';
|
|
123
|
+
const fg = this.hue && this.hueVariant === 'surface' ? `var(--dx-${this.hue}SurfaceText)` : 'var(--dx-inverse)';
|
|
122
124
|
return html`<span
|
|
123
|
-
role="
|
|
125
|
+
role="img"
|
|
124
126
|
class=${`dx-avatar${this.rootClassName ? ` ${this.rootClassName}` : ''}`}
|
|
127
|
+
aria-labelledby=${this.labelId}
|
|
125
128
|
data-size=${this.size}
|
|
126
129
|
data-variant=${this.variant}
|
|
127
130
|
data-status=${this.status}
|
|
@@ -166,6 +169,19 @@ export class DxAvatar extends LitElement {
|
|
|
166
169
|
rx=${rx}
|
|
167
170
|
/>`
|
|
168
171
|
}
|
|
172
|
+
${
|
|
173
|
+
this.imgSrc &&
|
|
174
|
+
svg`<image
|
|
175
|
+
width="100%"
|
|
176
|
+
height="100%"
|
|
177
|
+
preserveAspectRatio="xMidYMid slice"
|
|
178
|
+
href=${this.imgSrc}
|
|
179
|
+
mask=${`url(#${this.maskId})`}
|
|
180
|
+
crossorigin=${this.imgCrossOrigin}
|
|
181
|
+
@load=${this.handleLoad}
|
|
182
|
+
@error=${this.handleError}
|
|
183
|
+
/>`
|
|
184
|
+
}
|
|
169
185
|
${
|
|
170
186
|
this.icon
|
|
171
187
|
? svg`<use
|
|
@@ -188,19 +204,6 @@ export class DxAvatar extends LitElement {
|
|
|
188
204
|
${this.fallback}
|
|
189
205
|
</text>`
|
|
190
206
|
}
|
|
191
|
-
${
|
|
192
|
-
this.imgSrc &&
|
|
193
|
-
svg`<image
|
|
194
|
-
width="100%"
|
|
195
|
-
height="100%"
|
|
196
|
-
preserveAspectRatio="xMidYMid slice"
|
|
197
|
-
href=${this.imgSrc}
|
|
198
|
-
mask=${`url(#${this.maskId})`}
|
|
199
|
-
crossorigin=${this.imgCrossOrigin}
|
|
200
|
-
@load=${this.handleLoad}
|
|
201
|
-
@error=${this.handleError}
|
|
202
|
-
/>`
|
|
203
|
-
}
|
|
204
207
|
</svg>`}<span role="none" class="dx-avatar__ring" style=${styleMap({ borderWidth: ringWidth + 'px' })}
|
|
205
208
|
/></span>`;
|
|
206
209
|
}
|
package/src/index.ts
CHANGED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { LitElement } from 'lit';
|
|
2
|
-
export declare class DxRefTagActivate extends Event {
|
|
3
|
-
readonly ref: string;
|
|
4
|
-
readonly label: string;
|
|
5
|
-
readonly trigger: DxRefTag;
|
|
6
|
-
constructor(props: {
|
|
7
|
-
ref: string;
|
|
8
|
-
label: string;
|
|
9
|
-
trigger: DxRefTag;
|
|
10
|
-
});
|
|
11
|
-
}
|
|
12
|
-
export declare class DxRefTag extends LitElement {
|
|
13
|
-
ref: string;
|
|
14
|
-
rootClassName: string | undefined;
|
|
15
|
-
constructor();
|
|
16
|
-
connectedCallback(): void;
|
|
17
|
-
private handleActivate;
|
|
18
|
-
createRenderRoot(): this;
|
|
19
|
-
}
|
|
20
|
-
//# sourceMappingURL=dx-ref-tag.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dx-ref-tag.d.ts","sourceRoot":"","sources":["../../../src/dx-ref-tag/dx-ref-tag.ts"],"names":[],"mappings":"AAOA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC,qBAAa,gBAAiB,SAAQ,KAAK;IACzC,SAAgB,GAAG,EAAE,MAAM,CAAC;IAC5B,SAAgB,KAAK,EAAE,MAAM,CAAC;IAC9B,SAAgB,OAAO,EAAE,QAAQ,CAAC;gBACtB,KAAK,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,QAAQ,CAAA;KAAE;CAMrE;AAED,qBACa,QAAS,SAAQ,UAAU;IAEtC,GAAG,EAAE,MAAM,CAAwB;IAGnC,aAAa,EAAE,MAAM,GAAG,SAAS,CAAa;;IAOrC,iBAAiB;IAU1B,OAAO,CAAC,cAAc;IAMb,gBAAgB;CAG1B"}
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Copyright 2025 DXOS.org
|
|
3
|
-
//
|
|
4
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
5
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
6
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
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
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
9
|
-
};
|
|
10
|
-
// TODO(thure): Find a way to instruct ESLint & Prettier to treat any whitespace between tags rendered in the `html` template function as significant.
|
|
11
|
-
/* eslint-disable */
|
|
12
|
-
import { LitElement } from 'lit';
|
|
13
|
-
import { customElement, property } from 'lit/decorators.js';
|
|
14
|
-
import { makeId } from '@dxos/react-hooks';
|
|
15
|
-
export class DxRefTagActivate extends Event {
|
|
16
|
-
constructor(props) {
|
|
17
|
-
super('dx-ref-tag-activate');
|
|
18
|
-
this.ref = props.ref;
|
|
19
|
-
this.label = props.label;
|
|
20
|
-
this.trigger = props.trigger;
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
let DxRefTag = class DxRefTag extends LitElement {
|
|
24
|
-
constructor() {
|
|
25
|
-
super();
|
|
26
|
-
this.ref = makeId('dx-ref-tag');
|
|
27
|
-
this.rootClassName = undefined;
|
|
28
|
-
this.addEventListener('click', this.handleActivate);
|
|
29
|
-
}
|
|
30
|
-
connectedCallback() {
|
|
31
|
-
super.connectedCallback();
|
|
32
|
-
this.tabIndex = 0;
|
|
33
|
-
this.classList.add('dx-focus-ring');
|
|
34
|
-
if (this.rootClassName) {
|
|
35
|
-
this.classList.add(this.rootClassName);
|
|
36
|
-
}
|
|
37
|
-
this.setAttribute('role', 'button');
|
|
38
|
-
}
|
|
39
|
-
handleActivate(event) {
|
|
40
|
-
var _a;
|
|
41
|
-
this.dispatchEvent(new DxRefTagActivate({ ref: this.ref, label: (_a = this.textContent) !== null && _a !== void 0 ? _a : '', trigger: this }));
|
|
42
|
-
}
|
|
43
|
-
createRenderRoot() {
|
|
44
|
-
return this;
|
|
45
|
-
}
|
|
46
|
-
};
|
|
47
|
-
__decorate([
|
|
48
|
-
property({ type: String })
|
|
49
|
-
], DxRefTag.prototype, "ref", void 0);
|
|
50
|
-
__decorate([
|
|
51
|
-
property({ type: String })
|
|
52
|
-
], DxRefTag.prototype, "rootClassName", void 0);
|
|
53
|
-
DxRefTag = __decorate([
|
|
54
|
-
customElement('dx-ref-tag')
|
|
55
|
-
], DxRefTag);
|
|
56
|
-
export { DxRefTag };
|
|
57
|
-
//# sourceMappingURL=dx-ref-tag.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dx-ref-tag.js","sourceRoot":"","sources":["../../../src/dx-ref-tag/dx-ref-tag.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;AAEF,sJAAsJ;AACtJ,oBAAoB;AAEpB,OAAO,EAAQ,UAAU,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,gBAAiB,SAAQ,KAAK;IAIzC,YAAY,KAAwD;QAClE,KAAK,CAAC,qBAAqB,CAAC,CAAC;QAC7B,IAAI,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;QACrB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;QACzB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;IAC/B,CAAC;CACF;AAGM,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IAOtC;QACE,KAAK,EAAE,CAAC;QANV,QAAG,GAAW,MAAM,CAAC,YAAY,CAAC,CAAC;QAGnC,kBAAa,GAAuB,SAAS,CAAC;QAI5C,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IACtD,CAAC;IAEQ,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;QAClB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;QACpC,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;IACtC,CAAC;IAEO,cAAc,CAAC,KAAuB;;QAC5C,IAAI,CAAC,aAAa,CAChB,IAAI,gBAAgB,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAE,MAAA,IAAI,CAAC,WAAW,mCAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CACtF,CAAC;IACJ,CAAC;IAEQ,gBAAgB;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;CACF,CAAA;AA7BC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCACQ;AAGnC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CACmB;AALnC,QAAQ;IADpB,aAAa,CAAC,YAAY,CAAC;GACf,QAAQ,CA+BpB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dx-ref-tag/index.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/dx-ref-tag/index.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,cAAc,cAAc,CAAC"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { LitElement } from 'lit';
|
|
2
|
-
export declare class DxRefTagActivate extends Event {
|
|
3
|
-
readonly ref: string;
|
|
4
|
-
readonly label: string;
|
|
5
|
-
readonly trigger: DxRefTag;
|
|
6
|
-
constructor(props: {
|
|
7
|
-
ref: string;
|
|
8
|
-
label: string;
|
|
9
|
-
trigger: DxRefTag;
|
|
10
|
-
});
|
|
11
|
-
}
|
|
12
|
-
export declare class DxRefTag extends LitElement {
|
|
13
|
-
ref: string;
|
|
14
|
-
rootClassName: string | undefined;
|
|
15
|
-
constructor();
|
|
16
|
-
connectedCallback(): void;
|
|
17
|
-
private handleActivate;
|
|
18
|
-
createRenderRoot(): this;
|
|
19
|
-
}
|
|
20
|
-
//# sourceMappingURL=dx-ref-tag.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dx-ref-tag.d.ts","sourceRoot":"","sources":["../../../../src/dx-ref-tag/dx-ref-tag.ts"],"names":[],"mappings":"AAOA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC,qBAAa,gBAAiB,SAAQ,KAAK;IACzC,SAAgB,GAAG,EAAE,MAAM,CAAC;IAC5B,SAAgB,KAAK,EAAE,MAAM,CAAC;IAC9B,SAAgB,OAAO,EAAE,QAAQ,CAAC;gBACtB,KAAK,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,QAAQ,CAAA;KAAE;CAMrE;AAED,qBACa,QAAS,SAAQ,UAAU;IAEtC,GAAG,EAAE,MAAM,CAAwB;IAGnC,aAAa,EAAE,MAAM,GAAG,SAAS,CAAa;;IAOrC,iBAAiB;IAU1B,OAAO,CAAC,cAAc;IAMb,gBAAgB;CAG1B"}
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Copyright 2025 DXOS.org
|
|
3
|
-
//
|
|
4
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
5
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
6
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
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
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
9
|
-
};
|
|
10
|
-
// TODO(thure): Find a way to instruct ESLint & Prettier to treat any whitespace between tags rendered in the `html` template function as significant.
|
|
11
|
-
/* eslint-disable */
|
|
12
|
-
import { LitElement } from 'lit';
|
|
13
|
-
import { customElement, property } from 'lit/decorators.js';
|
|
14
|
-
import { makeId } from '@dxos/react-hooks';
|
|
15
|
-
export class DxRefTagActivate extends Event {
|
|
16
|
-
constructor(props) {
|
|
17
|
-
super('dx-ref-tag-activate');
|
|
18
|
-
this.ref = props.ref;
|
|
19
|
-
this.label = props.label;
|
|
20
|
-
this.trigger = props.trigger;
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
let DxRefTag = class DxRefTag extends LitElement {
|
|
24
|
-
constructor() {
|
|
25
|
-
super();
|
|
26
|
-
this.ref = makeId('dx-ref-tag');
|
|
27
|
-
this.rootClassName = undefined;
|
|
28
|
-
this.addEventListener('click', this.handleActivate);
|
|
29
|
-
}
|
|
30
|
-
connectedCallback() {
|
|
31
|
-
super.connectedCallback();
|
|
32
|
-
this.tabIndex = 0;
|
|
33
|
-
this.classList.add('dx-focus-ring');
|
|
34
|
-
if (this.rootClassName) {
|
|
35
|
-
this.classList.add(this.rootClassName);
|
|
36
|
-
}
|
|
37
|
-
this.setAttribute('role', 'button');
|
|
38
|
-
}
|
|
39
|
-
handleActivate(event) {
|
|
40
|
-
var _a;
|
|
41
|
-
this.dispatchEvent(new DxRefTagActivate({ ref: this.ref, label: (_a = this.textContent) !== null && _a !== void 0 ? _a : '', trigger: this }));
|
|
42
|
-
}
|
|
43
|
-
createRenderRoot() {
|
|
44
|
-
return this;
|
|
45
|
-
}
|
|
46
|
-
};
|
|
47
|
-
__decorate([
|
|
48
|
-
property({ type: String })
|
|
49
|
-
], DxRefTag.prototype, "ref", void 0);
|
|
50
|
-
__decorate([
|
|
51
|
-
property({ type: String })
|
|
52
|
-
], DxRefTag.prototype, "rootClassName", void 0);
|
|
53
|
-
DxRefTag = __decorate([
|
|
54
|
-
customElement('dx-ref-tag')
|
|
55
|
-
], DxRefTag);
|
|
56
|
-
export { DxRefTag };
|
|
57
|
-
//# sourceMappingURL=dx-ref-tag.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dx-ref-tag.js","sourceRoot":"","sources":["../../../../src/dx-ref-tag/dx-ref-tag.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;AAEF,sJAAsJ;AACtJ,oBAAoB;AAEpB,OAAO,EAAQ,UAAU,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,gBAAiB,SAAQ,KAAK;IAIzC,YAAY,KAAwD;QAClE,KAAK,CAAC,qBAAqB,CAAC,CAAC;QAC7B,IAAI,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;QACrB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;QACzB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;IAC/B,CAAC;CACF;AAGM,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IAOtC;QACE,KAAK,EAAE,CAAC;QANV,QAAG,GAAW,MAAM,CAAC,YAAY,CAAC,CAAC;QAGnC,kBAAa,GAAuB,SAAS,CAAC;QAI5C,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IACtD,CAAC;IAEQ,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;QAClB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;QACpC,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;IACtC,CAAC;IAEO,cAAc,CAAC,KAAuB;;QAC5C,IAAI,CAAC,aAAa,CAChB,IAAI,gBAAgB,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAE,MAAA,IAAI,CAAC,WAAW,mCAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CACtF,CAAC;IACJ,CAAC;IAEQ,gBAAgB;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;CACF,CAAA;AA7BC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCACQ;AAGnC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CACmB;AALnC,QAAQ;IADpB,aAAa,CAAC,YAAY,CAAC;GACf,QAAQ,CA+BpB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/dx-ref-tag/index.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/dx-ref-tag/index.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,cAAc,cAAc,CAAC"}
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Copyright 2025 DXOS.org
|
|
3
|
-
//
|
|
4
|
-
|
|
5
|
-
// TODO(thure): Find a way to instruct ESLint & Prettier to treat any whitespace between tags rendered in the `html` template function as significant.
|
|
6
|
-
/* eslint-disable */
|
|
7
|
-
|
|
8
|
-
import { html, LitElement } from 'lit';
|
|
9
|
-
import { customElement, property } from 'lit/decorators.js';
|
|
10
|
-
|
|
11
|
-
import { makeId } from '@dxos/react-hooks';
|
|
12
|
-
|
|
13
|
-
export class DxRefTagActivate extends Event {
|
|
14
|
-
public readonly ref: string;
|
|
15
|
-
public readonly label: string;
|
|
16
|
-
public readonly trigger: DxRefTag;
|
|
17
|
-
constructor(props: { ref: string; label: string; trigger: DxRefTag }) {
|
|
18
|
-
super('dx-ref-tag-activate');
|
|
19
|
-
this.ref = props.ref;
|
|
20
|
-
this.label = props.label;
|
|
21
|
-
this.trigger = props.trigger;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
@customElement('dx-ref-tag')
|
|
26
|
-
export class DxRefTag extends LitElement {
|
|
27
|
-
@property({ type: String })
|
|
28
|
-
ref: string = makeId('dx-ref-tag');
|
|
29
|
-
|
|
30
|
-
@property({ type: String })
|
|
31
|
-
rootClassName: string | undefined = undefined;
|
|
32
|
-
|
|
33
|
-
constructor () {
|
|
34
|
-
super();
|
|
35
|
-
this.addEventListener('click', this.handleActivate);
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
override connectedCallback () {
|
|
39
|
-
super.connectedCallback();
|
|
40
|
-
this.tabIndex = 0;
|
|
41
|
-
this.classList.add('dx-focus-ring');
|
|
42
|
-
if(this.rootClassName){
|
|
43
|
-
this.classList.add(this.rootClassName);
|
|
44
|
-
}
|
|
45
|
-
this.setAttribute('role', 'button');
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
private handleActivate(event: { type: string }) {
|
|
49
|
-
this.dispatchEvent(
|
|
50
|
-
new DxRefTagActivate({ ref: this.ref, label: this.textContent ?? '', trigger: this }),
|
|
51
|
-
);
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
override createRenderRoot() {
|
|
55
|
-
return this;
|
|
56
|
-
}
|
|
57
|
-
}
|