@dxos/lit-ui 0.8.2-main.36232bc → 0.8.2-main.4c6cf53
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.map +1 -1
- package/dist/src/dx-avatar/dx-avatar.js +1 -1
- 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/dx-icon/dx-icon.d.ts.map +1 -1
- package/dist/src/dx-ref-tag/dx-ref-tag.d.ts +4 -4
- package/dist/src/dx-ref-tag/dx-ref-tag.d.ts.map +1 -1
- package/dist/src/dx-ref-tag/dx-ref-tag.js +11 -8
- package/dist/src/dx-ref-tag/dx-ref-tag.js.map +1 -1
- package/dist/src/dx-tag-picker/dx-tag-picker-item.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/src/react.d.ts +18 -0
- package/dist/src/react.d.ts.map +1 -0
- package/dist/src/react.js +34 -0
- package/dist/src/react.js.map +1 -0
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/types/src/dx-avatar/dx-avatar.d.ts.map +1 -1
- package/dist/types/src/dx-avatar/dx-avatar.js +1 -1
- 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/dx-icon/dx-icon.d.ts.map +1 -1
- package/dist/types/src/dx-ref-tag/dx-ref-tag.d.ts +4 -4
- package/dist/types/src/dx-ref-tag/dx-ref-tag.d.ts.map +1 -1
- package/dist/types/src/dx-ref-tag/dx-ref-tag.js +11 -8
- package/dist/types/src/dx-ref-tag/dx-ref-tag.js.map +1 -1
- package/dist/types/src/dx-tag-picker/dx-tag-picker-item.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/src/react.d.ts +18 -0
- package/dist/types/src/react.d.ts.map +1 -0
- package/dist/types/src/react.js +34 -0
- package/dist/types/src/react.js.map +1 -0
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +15 -3
- package/src/dx-avatar/dx-avatar.pcss +1 -1
- package/src/dx-avatar/dx-avatar.ts +7 -6
- package/src/dx-icon/dx-icon.ts +1 -1
- package/src/dx-ref-tag/dx-ref-tag.pcss +6 -4
- package/src/dx-ref-tag/dx-ref-tag.ts +16 -11
- package/src/dx-tag-picker/dx-tag-picker-item.ts +3 -3
- package/src/index.ts +0 -2
- package/src/react.ts +56 -0
|
@@ -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,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,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;IAqGN,gBAAgB,IAAI,IAAI;CAGlC"}
|
|
@@ -59,7 +59,7 @@ 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-accentSurfaceText)';
|
|
63
63
|
return html `<span
|
|
64
64
|
role="none"
|
|
65
65
|
class=${`dx-avatar${this.rootClassName ? ` ${this.rootClassName}` : ''}`}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dx-avatar.js","sourceRoot":"","sources":["../../../src/dx-avatar/dx-avatar.ts"],"names":[],"mappings":"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
|
|
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,GAAI,OAAO,aAAa,oCAIzC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dx-icon.d.ts","sourceRoot":"","sources":["../../../src/dx-icon/dx-icon.ts"],"names":[],"mappings":"AAIA,OAAO,EAAO,UAAU,EAAE,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;IAMN,gBAAgB;
|
|
1
|
+
{"version":3,"file":"dx-icon.d.ts","sourceRoot":"","sources":["../../../src/dx-icon/dx-icon.ts"],"names":[],"mappings":"AAIA,OAAO,EAAO,UAAU,EAAE,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;IAMN,gBAAgB,IAAI,IAAI;CAGlC"}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
2
|
export declare class DxRefTagActivate extends Event {
|
|
3
|
-
readonly
|
|
3
|
+
readonly refId: string;
|
|
4
4
|
readonly label: string;
|
|
5
5
|
readonly trigger: DxRefTag;
|
|
6
6
|
constructor(props: {
|
|
7
|
-
|
|
7
|
+
refId: string;
|
|
8
8
|
label: string;
|
|
9
9
|
trigger: DxRefTag;
|
|
10
10
|
});
|
|
11
11
|
}
|
|
12
12
|
export declare class DxRefTag extends LitElement {
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
refid: string;
|
|
14
|
+
rootclassname: string | undefined;
|
|
15
15
|
constructor();
|
|
16
16
|
connectedCallback(): void;
|
|
17
17
|
private handleActivate;
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,KAAK,EAAE,MAAM,CAAC;IAC9B,SAAgB,KAAK,EAAE,MAAM,CAAC;IAC9B,SAAgB,OAAO,EAAE,QAAQ,CAAC;gBACtB,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,QAAQ,CAAA;KAAE;CAMvE;AAED,qBACa,QAAS,SAAQ,UAAU;IAOtC,KAAK,EAAE,MAAM,CAAwB;IAGrC,aAAa,EAAE,MAAM,GAAG,SAAS,CAAa;;IAOrC,iBAAiB,IAAK,IAAI;IAUnC,OAAO,CAAC,cAAc;IAMb,gBAAgB,IAAI,IAAI;CAGlC"}
|
|
@@ -15,7 +15,7 @@ import { makeId } from '@dxos/react-hooks';
|
|
|
15
15
|
export class DxRefTagActivate extends Event {
|
|
16
16
|
constructor(props) {
|
|
17
17
|
super('dx-ref-tag-activate');
|
|
18
|
-
this.
|
|
18
|
+
this.refId = props.refId;
|
|
19
19
|
this.label = props.label;
|
|
20
20
|
this.trigger = props.trigger;
|
|
21
21
|
}
|
|
@@ -23,22 +23,25 @@ export class DxRefTagActivate extends Event {
|
|
|
23
23
|
let DxRefTag = class DxRefTag extends LitElement {
|
|
24
24
|
constructor() {
|
|
25
25
|
super();
|
|
26
|
-
|
|
27
|
-
|
|
26
|
+
// TODO(thure): There is a case (in)sensitivity issue here which is pernicious:
|
|
27
|
+
// Only refactoring the properties here to all-lowercase fixes the binding in `RefField.tsx`, but that
|
|
28
|
+
// should be unnecessary, and it isn’t an issue for `DxAvatar` or `DxGrid`. What’s going on?
|
|
29
|
+
this.refid = makeId('dx-ref-tag');
|
|
30
|
+
this.rootclassname = undefined;
|
|
28
31
|
this.addEventListener('click', this.handleActivate);
|
|
29
32
|
}
|
|
30
33
|
connectedCallback() {
|
|
31
34
|
super.connectedCallback();
|
|
32
35
|
this.tabIndex = 0;
|
|
33
36
|
this.classList.add('dx-focus-ring');
|
|
34
|
-
if (this.
|
|
35
|
-
this.classList.add(this.
|
|
37
|
+
if (this.rootclassname) {
|
|
38
|
+
this.classList.add(this.rootclassname);
|
|
36
39
|
}
|
|
37
40
|
this.setAttribute('role', 'button');
|
|
38
41
|
}
|
|
39
42
|
handleActivate(event) {
|
|
40
43
|
var _a;
|
|
41
|
-
this.dispatchEvent(new DxRefTagActivate({
|
|
44
|
+
this.dispatchEvent(new DxRefTagActivate({ refId: this.refid, label: (_a = this.textContent) !== null && _a !== void 0 ? _a : '', trigger: this }));
|
|
42
45
|
}
|
|
43
46
|
createRenderRoot() {
|
|
44
47
|
return this;
|
|
@@ -46,10 +49,10 @@ let DxRefTag = class DxRefTag extends LitElement {
|
|
|
46
49
|
};
|
|
47
50
|
__decorate([
|
|
48
51
|
property({ type: String })
|
|
49
|
-
], DxRefTag.prototype, "
|
|
52
|
+
], DxRefTag.prototype, "refid", void 0);
|
|
50
53
|
__decorate([
|
|
51
54
|
property({ type: String })
|
|
52
|
-
], DxRefTag.prototype, "
|
|
55
|
+
], DxRefTag.prototype, "rootclassname", void 0);
|
|
53
56
|
DxRefTag = __decorate([
|
|
54
57
|
customElement('dx-ref-tag')
|
|
55
58
|
], DxRefTag);
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,KAA0D;QACpE,KAAK,CAAC,qBAAqB,CAAC,CAAC;QAC7B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;QACzB,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;IAYtC;QACE,KAAK,EAAE,CAAC;QAXV,+EAA+E;QAC/E,wGAAwG;QACxG,8FAA8F;QAG9F,UAAK,GAAW,MAAM,CAAC,YAAY,CAAC,CAAC;QAGrC,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,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,MAAA,IAAI,CAAC,WAAW,mCAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAC1F,CAAC;IACJ,CAAC;IAEQ,gBAAgB;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;CACF,CAAA;AA7BC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCACU;AAGrC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CACmB;AAVnC,QAAQ;IADpB,aAAa,CAAC,YAAY,CAAC;GACf,QAAQ,CAoCpB"}
|
|
@@ -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,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC,qBAAa,oBAAqB,SAAQ,KAAK;IAC7C,SAAgB,MAAM,EAAE,MAAM,CAAC;IAC/B,SAAgB,MAAM,EAAE,QAAQ,GAAG,UAAU,CAAC;gBAClC,KAAK,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,QAAQ,GAAG,UAAU,CAAA;KAAE;CAKrE;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;IAUN,gBAAgB;
|
|
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,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC,qBAAa,oBAAqB,SAAQ,KAAK;IAC7C,SAAgB,MAAM,EAAE,MAAM,CAAC;IAC/B,SAAgB,MAAM,EAAE,QAAQ,GAAG,UAAU,CAAC;gBAClC,KAAK,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,QAAQ,GAAG,UAAU,CAAA;KAAE;CAKrE;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;IAUN,gBAAgB,IAAI,IAAI;CAGlC"}
|
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,cAAc,CAAC;AAC7B,cAAc,WAAW,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,cAAc,CAAC;AAC7B,cAAc,WAAW,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,cAAc,CAAC;AAC7B,cAAc,WAAW,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,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { createComponent, type EventName } from '@lit/react';
|
|
2
|
+
import { type ComponentPropsWithRef } from 'react';
|
|
3
|
+
import { DxAvatar as NaturalDxAvatar, DxRefTag as NaturalDxRefTag, DxIcon as NaturalIcon, type DxRefTagActivate, DxTagPickerItem as NaturalDxTagPickerItem, type DxTagPickerItemClick } from './index';
|
|
4
|
+
export declare const DxRefTag: import("@lit/react").ReactWebComponent<NaturalDxRefTag, {
|
|
5
|
+
onActivate: EventName<DxRefTagActivate>;
|
|
6
|
+
}>;
|
|
7
|
+
export type DxRefTagProps = ComponentPropsWithRef<typeof DxRefTag>;
|
|
8
|
+
export declare const DxAvatar: import("@lit/react").ReactWebComponent<NaturalDxAvatar, {}>;
|
|
9
|
+
export type DxAvatarProps = ComponentPropsWithRef<typeof DxAvatar>;
|
|
10
|
+
export declare const DxIcon: import("@lit/react").ReactWebComponent<NaturalIcon, {}>;
|
|
11
|
+
export type DxIconProps = ComponentPropsWithRef<typeof DxIcon>;
|
|
12
|
+
export declare const DxTagPickerItem: import("@lit/react").ReactWebComponent<NaturalDxTagPickerItem, {
|
|
13
|
+
onItemClick: EventName<DxTagPickerItemClick>;
|
|
14
|
+
}>;
|
|
15
|
+
export type DxTagPickerItemProps = ComponentPropsWithRef<typeof DxTagPickerItem>;
|
|
16
|
+
export { createComponent };
|
|
17
|
+
export type { EventName };
|
|
18
|
+
//# sourceMappingURL=react.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/react.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAc,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,EACL,QAAQ,IAAI,eAAe,EAC3B,QAAQ,IAAI,eAAe,EAC3B,MAAM,IAAI,WAAW,EACrB,KAAK,gBAAgB,EACrB,eAAe,IAAI,sBAAsB,EACzC,KAAK,oBAAoB,EAC1B,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,QAAQ;gBAKoB,SAAS,CAAC,gBAAgB,CAAC;EAElE,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"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
//
|
|
2
|
+
// Copyright 2025 DXOS.org
|
|
3
|
+
//
|
|
4
|
+
import { createComponent } from '@lit/react';
|
|
5
|
+
import React from 'react';
|
|
6
|
+
import { DxAvatar as NaturalDxAvatar, DxRefTag as NaturalDxRefTag, DxIcon as NaturalIcon, DxTagPickerItem as NaturalDxTagPickerItem, } from './index';
|
|
7
|
+
export const DxRefTag = createComponent({
|
|
8
|
+
tagName: 'dx-ref-tag',
|
|
9
|
+
elementClass: NaturalDxRefTag,
|
|
10
|
+
react: React,
|
|
11
|
+
events: {
|
|
12
|
+
onActivate: 'dx-ref-tag-activate',
|
|
13
|
+
},
|
|
14
|
+
});
|
|
15
|
+
export const DxAvatar = createComponent({
|
|
16
|
+
tagName: 'dx-avatar',
|
|
17
|
+
elementClass: NaturalDxAvatar,
|
|
18
|
+
react: React,
|
|
19
|
+
});
|
|
20
|
+
export const DxIcon = createComponent({
|
|
21
|
+
tagName: 'dx-icon',
|
|
22
|
+
elementClass: NaturalIcon,
|
|
23
|
+
react: React,
|
|
24
|
+
});
|
|
25
|
+
export const DxTagPickerItem = createComponent({
|
|
26
|
+
tagName: 'dx-tag-picker-item',
|
|
27
|
+
elementClass: NaturalDxTagPickerItem,
|
|
28
|
+
react: React,
|
|
29
|
+
events: {
|
|
30
|
+
onItemClick: 'dx-tag-picker-item-click',
|
|
31
|
+
},
|
|
32
|
+
});
|
|
33
|
+
export { createComponent };
|
|
34
|
+
//# sourceMappingURL=react.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"react.js","sourceRoot":"","sources":["../../src/react.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,OAAO,EAAE,eAAe,EAAkB,MAAM,YAAY,CAAC;AAC7D,OAAO,KAAqC,MAAM,OAAO,CAAC;AAE1D,OAAO,EACL,QAAQ,IAAI,eAAe,EAC3B,QAAQ,IAAI,eAAe,EAC3B,MAAM,IAAI,WAAW,EAErB,eAAe,IAAI,sBAAsB,GAE1C,MAAM,SAAS,CAAC;AAEjB,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,OAAO,EAAE,YAAY;IACrB,YAAY,EAAE,eAAe;IAC7B,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE;QACN,UAAU,EAAE,qBAAoD;KACjE;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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":"5.
|
|
1
|
+
{"version":"5.8.3"}
|
|
@@ -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,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,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;IAqGN,gBAAgB,IAAI,IAAI;CAGlC"}
|
|
@@ -59,7 +59,7 @@ 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-accentSurfaceText)';
|
|
63
63
|
return html `<span
|
|
64
64
|
role="none"
|
|
65
65
|
class=${`dx-avatar${this.rootClassName ? ` ${this.rootClassName}` : ''}`}
|
|
@@ -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;AAqBf,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IAGtC;QACE,KAAK,EAAE,CAAC;QAKV,aAAQ,GAAW,OAAO,CAAC;QAG3B,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,GAAuB,MAAM,CAAC;QAGxC,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,GAAG,IAAI,CAAC,GAAG;YACjB,CAAC,CAAC,IAAI,CAAC,UAAU,KAAK,SAAS;gBAC7B,CAAC,CAAC,YAAY,IAAI,CAAC,GAAG,UAAU;gBAChC,CAAC,CAAC,YAAY,IAAI,CAAC,GAAG,OAAO;YAC/B,CAAC,CAAC,mBAAmB,CAAC;QACxB,MAAM,EAAE,
|
|
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,GAAI,OAAO,aAAa,oCAIzC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dx-icon.d.ts","sourceRoot":"","sources":["../../../../src/dx-icon/dx-icon.ts"],"names":[],"mappings":"AAIA,OAAO,EAAO,UAAU,EAAE,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;IAMN,gBAAgB;
|
|
1
|
+
{"version":3,"file":"dx-icon.d.ts","sourceRoot":"","sources":["../../../../src/dx-icon/dx-icon.ts"],"names":[],"mappings":"AAIA,OAAO,EAAO,UAAU,EAAE,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;IAMN,gBAAgB,IAAI,IAAI;CAGlC"}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
2
|
export declare class DxRefTagActivate extends Event {
|
|
3
|
-
readonly
|
|
3
|
+
readonly refId: string;
|
|
4
4
|
readonly label: string;
|
|
5
5
|
readonly trigger: DxRefTag;
|
|
6
6
|
constructor(props: {
|
|
7
|
-
|
|
7
|
+
refId: string;
|
|
8
8
|
label: string;
|
|
9
9
|
trigger: DxRefTag;
|
|
10
10
|
});
|
|
11
11
|
}
|
|
12
12
|
export declare class DxRefTag extends LitElement {
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
refid: string;
|
|
14
|
+
rootclassname: string | undefined;
|
|
15
15
|
constructor();
|
|
16
16
|
connectedCallback(): void;
|
|
17
17
|
private handleActivate;
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,KAAK,EAAE,MAAM,CAAC;IAC9B,SAAgB,KAAK,EAAE,MAAM,CAAC;IAC9B,SAAgB,OAAO,EAAE,QAAQ,CAAC;gBACtB,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,QAAQ,CAAA;KAAE;CAMvE;AAED,qBACa,QAAS,SAAQ,UAAU;IAOtC,KAAK,EAAE,MAAM,CAAwB;IAGrC,aAAa,EAAE,MAAM,GAAG,SAAS,CAAa;;IAOrC,iBAAiB,IAAK,IAAI;IAUnC,OAAO,CAAC,cAAc;IAMb,gBAAgB,IAAI,IAAI;CAGlC"}
|
|
@@ -15,7 +15,7 @@ import { makeId } from '@dxos/react-hooks';
|
|
|
15
15
|
export class DxRefTagActivate extends Event {
|
|
16
16
|
constructor(props) {
|
|
17
17
|
super('dx-ref-tag-activate');
|
|
18
|
-
this.
|
|
18
|
+
this.refId = props.refId;
|
|
19
19
|
this.label = props.label;
|
|
20
20
|
this.trigger = props.trigger;
|
|
21
21
|
}
|
|
@@ -23,22 +23,25 @@ export class DxRefTagActivate extends Event {
|
|
|
23
23
|
let DxRefTag = class DxRefTag extends LitElement {
|
|
24
24
|
constructor() {
|
|
25
25
|
super();
|
|
26
|
-
|
|
27
|
-
|
|
26
|
+
// TODO(thure): There is a case (in)sensitivity issue here which is pernicious:
|
|
27
|
+
// Only refactoring the properties here to all-lowercase fixes the binding in `RefField.tsx`, but that
|
|
28
|
+
// should be unnecessary, and it isn’t an issue for `DxAvatar` or `DxGrid`. What’s going on?
|
|
29
|
+
this.refid = makeId('dx-ref-tag');
|
|
30
|
+
this.rootclassname = undefined;
|
|
28
31
|
this.addEventListener('click', this.handleActivate);
|
|
29
32
|
}
|
|
30
33
|
connectedCallback() {
|
|
31
34
|
super.connectedCallback();
|
|
32
35
|
this.tabIndex = 0;
|
|
33
36
|
this.classList.add('dx-focus-ring');
|
|
34
|
-
if (this.
|
|
35
|
-
this.classList.add(this.
|
|
37
|
+
if (this.rootclassname) {
|
|
38
|
+
this.classList.add(this.rootclassname);
|
|
36
39
|
}
|
|
37
40
|
this.setAttribute('role', 'button');
|
|
38
41
|
}
|
|
39
42
|
handleActivate(event) {
|
|
40
43
|
var _a;
|
|
41
|
-
this.dispatchEvent(new DxRefTagActivate({
|
|
44
|
+
this.dispatchEvent(new DxRefTagActivate({ refId: this.refid, label: (_a = this.textContent) !== null && _a !== void 0 ? _a : '', trigger: this }));
|
|
42
45
|
}
|
|
43
46
|
createRenderRoot() {
|
|
44
47
|
return this;
|
|
@@ -46,10 +49,10 @@ let DxRefTag = class DxRefTag extends LitElement {
|
|
|
46
49
|
};
|
|
47
50
|
__decorate([
|
|
48
51
|
property({ type: String })
|
|
49
|
-
], DxRefTag.prototype, "
|
|
52
|
+
], DxRefTag.prototype, "refid", void 0);
|
|
50
53
|
__decorate([
|
|
51
54
|
property({ type: String })
|
|
52
|
-
], DxRefTag.prototype, "
|
|
55
|
+
], DxRefTag.prototype, "rootclassname", void 0);
|
|
53
56
|
DxRefTag = __decorate([
|
|
54
57
|
customElement('dx-ref-tag')
|
|
55
58
|
], DxRefTag);
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,KAA0D;QACpE,KAAK,CAAC,qBAAqB,CAAC,CAAC;QAC7B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;QACzB,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;IAYtC;QACE,KAAK,EAAE,CAAC;QAXV,+EAA+E;QAC/E,wGAAwG;QACxG,8FAA8F;QAG9F,UAAK,GAAW,MAAM,CAAC,YAAY,CAAC,CAAC;QAGrC,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,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,MAAA,IAAI,CAAC,WAAW,mCAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAC1F,CAAC;IACJ,CAAC;IAEQ,gBAAgB;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;CACF,CAAA;AA7BC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCACU;AAGrC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CACmB;AAVnC,QAAQ;IADpB,aAAa,CAAC,YAAY,CAAC;GACf,QAAQ,CAoCpB"}
|
|
@@ -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,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC,qBAAa,oBAAqB,SAAQ,KAAK;IAC7C,SAAgB,MAAM,EAAE,MAAM,CAAC;IAC/B,SAAgB,MAAM,EAAE,QAAQ,GAAG,UAAU,CAAC;gBAClC,KAAK,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,QAAQ,GAAG,UAAU,CAAA;KAAE;CAKrE;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;IAUN,gBAAgB;
|
|
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,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC,qBAAa,oBAAqB,SAAQ,KAAK;IAC7C,SAAgB,MAAM,EAAE,MAAM,CAAC;IAC/B,SAAgB,MAAM,EAAE,QAAQ,GAAG,UAAU,CAAC;gBAClC,KAAK,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,QAAQ,GAAG,UAAU,CAAA;KAAE;CAKrE;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;IAUN,gBAAgB,IAAI,IAAI;CAGlC"}
|
|
@@ -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,cAAc,CAAC;AAC7B,cAAc,WAAW,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,cAAc,CAAC;AAC7B,cAAc,WAAW,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,cAAc,CAAC;AAC7B,cAAc,WAAW,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,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { createComponent, type EventName } from '@lit/react';
|
|
2
|
+
import { type ComponentPropsWithRef } from 'react';
|
|
3
|
+
import { DxAvatar as NaturalDxAvatar, DxRefTag as NaturalDxRefTag, DxIcon as NaturalIcon, type DxRefTagActivate, DxTagPickerItem as NaturalDxTagPickerItem, type DxTagPickerItemClick } from './index';
|
|
4
|
+
export declare const DxRefTag: import("@lit/react").ReactWebComponent<NaturalDxRefTag, {
|
|
5
|
+
onActivate: EventName<DxRefTagActivate>;
|
|
6
|
+
}>;
|
|
7
|
+
export type DxRefTagProps = ComponentPropsWithRef<typeof DxRefTag>;
|
|
8
|
+
export declare const DxAvatar: import("@lit/react").ReactWebComponent<NaturalDxAvatar, {}>;
|
|
9
|
+
export type DxAvatarProps = ComponentPropsWithRef<typeof DxAvatar>;
|
|
10
|
+
export declare const DxIcon: import("@lit/react").ReactWebComponent<NaturalIcon, {}>;
|
|
11
|
+
export type DxIconProps = ComponentPropsWithRef<typeof DxIcon>;
|
|
12
|
+
export declare const DxTagPickerItem: import("@lit/react").ReactWebComponent<NaturalDxTagPickerItem, {
|
|
13
|
+
onItemClick: EventName<DxTagPickerItemClick>;
|
|
14
|
+
}>;
|
|
15
|
+
export type DxTagPickerItemProps = ComponentPropsWithRef<typeof DxTagPickerItem>;
|
|
16
|
+
export { createComponent };
|
|
17
|
+
export type { EventName };
|
|
18
|
+
//# sourceMappingURL=react.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../../src/react.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAc,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,EACL,QAAQ,IAAI,eAAe,EAC3B,QAAQ,IAAI,eAAe,EAC3B,MAAM,IAAI,WAAW,EACrB,KAAK,gBAAgB,EACrB,eAAe,IAAI,sBAAsB,EACzC,KAAK,oBAAoB,EAC1B,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,QAAQ;gBAKoB,SAAS,CAAC,gBAAgB,CAAC;EAElE,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"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
//
|
|
2
|
+
// Copyright 2025 DXOS.org
|
|
3
|
+
//
|
|
4
|
+
import { createComponent } from '@lit/react';
|
|
5
|
+
import React from 'react';
|
|
6
|
+
import { DxAvatar as NaturalDxAvatar, DxRefTag as NaturalDxRefTag, DxIcon as NaturalIcon, DxTagPickerItem as NaturalDxTagPickerItem, } from './index';
|
|
7
|
+
export const DxRefTag = createComponent({
|
|
8
|
+
tagName: 'dx-ref-tag',
|
|
9
|
+
elementClass: NaturalDxRefTag,
|
|
10
|
+
react: React,
|
|
11
|
+
events: {
|
|
12
|
+
onActivate: 'dx-ref-tag-activate',
|
|
13
|
+
},
|
|
14
|
+
});
|
|
15
|
+
export const DxAvatar = createComponent({
|
|
16
|
+
tagName: 'dx-avatar',
|
|
17
|
+
elementClass: NaturalDxAvatar,
|
|
18
|
+
react: React,
|
|
19
|
+
});
|
|
20
|
+
export const DxIcon = createComponent({
|
|
21
|
+
tagName: 'dx-icon',
|
|
22
|
+
elementClass: NaturalIcon,
|
|
23
|
+
react: React,
|
|
24
|
+
});
|
|
25
|
+
export const DxTagPickerItem = createComponent({
|
|
26
|
+
tagName: 'dx-tag-picker-item',
|
|
27
|
+
elementClass: NaturalDxTagPickerItem,
|
|
28
|
+
react: React,
|
|
29
|
+
events: {
|
|
30
|
+
onItemClick: 'dx-tag-picker-item-click',
|
|
31
|
+
},
|
|
32
|
+
});
|
|
33
|
+
export { createComponent };
|
|
34
|
+
//# sourceMappingURL=react.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"react.js","sourceRoot":"","sources":["../../../src/react.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,OAAO,EAAE,eAAe,EAAkB,MAAM,YAAY,CAAC;AAC7D,OAAO,KAAqC,MAAM,OAAO,CAAC;AAE1D,OAAO,EACL,QAAQ,IAAI,eAAe,EAC3B,QAAQ,IAAI,eAAe,EAC3B,MAAM,IAAI,WAAW,EAErB,eAAe,IAAI,sBAAsB,GAE1C,MAAM,SAAS,CAAC;AAEjB,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,OAAO,EAAE,YAAY;IACrB,YAAY,EAAE,eAAe;IAC7B,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE;QACN,UAAU,EAAE,qBAAoD;KACjE;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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":"5.
|
|
1
|
+
{"version":"5.8.3"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dxos/lit-ui",
|
|
3
|
-
"version": "0.8.2-main.
|
|
3
|
+
"version": "0.8.2-main.4c6cf53",
|
|
4
4
|
"description": "Web Components for DXOS using Lit",
|
|
5
5
|
"homepage": "https://dxos.org",
|
|
6
6
|
"bugs": "https://github.com/dxos/dxos/issues",
|
|
@@ -14,12 +14,24 @@
|
|
|
14
14
|
"browser": "./dist/src/index.js",
|
|
15
15
|
"node": "./dist/src/index.js"
|
|
16
16
|
},
|
|
17
|
+
"./react": {
|
|
18
|
+
"types": "./dist/types/src/react.d.ts",
|
|
19
|
+
"browser": "./dist/src/react.js",
|
|
20
|
+
"node": "./dist/src/react.js"
|
|
21
|
+
},
|
|
17
22
|
"./dx-avatar.pcss": "./src/dx-avatar/dx-avatar.pcss",
|
|
18
23
|
"./dx-tag-picker.pcss": "./src/dx-tag-picker/dx-tag-picker.pcss",
|
|
19
24
|
"./dx-ref-tag.pcss": "./src/dx-ref-tag/dx-ref-tag.pcss"
|
|
20
25
|
},
|
|
21
26
|
"main": "dist/src/index.js",
|
|
22
27
|
"types": "dist/src/index.d.ts",
|
|
28
|
+
"typesVersions": {
|
|
29
|
+
"*": {
|
|
30
|
+
"react": [
|
|
31
|
+
"./dist/types/src/react.d.ts"
|
|
32
|
+
]
|
|
33
|
+
}
|
|
34
|
+
},
|
|
23
35
|
"files": [
|
|
24
36
|
"src",
|
|
25
37
|
"dist"
|
|
@@ -27,10 +39,10 @@
|
|
|
27
39
|
"dependencies": {
|
|
28
40
|
"@lit/react": "^1.0.5",
|
|
29
41
|
"lit": "^3.2.0",
|
|
30
|
-
"@dxos/react-hooks": "0.8.2-main.
|
|
42
|
+
"@dxos/react-hooks": "0.8.2-main.4c6cf53"
|
|
31
43
|
},
|
|
32
44
|
"devDependencies": {
|
|
33
|
-
"@dxos/test-utils": "0.8.2-main.
|
|
45
|
+
"@dxos/test-utils": "0.8.2-main.4c6cf53"
|
|
34
46
|
},
|
|
35
47
|
"publishConfig": {
|
|
36
48
|
"access": "public"
|
|
@@ -84,23 +84,23 @@ export class DxAvatar extends LitElement {
|
|
|
84
84
|
@state()
|
|
85
85
|
loadingStaus: ImageLoadingStatus = 'idle';
|
|
86
86
|
|
|
87
|
-
override connectedCallback() {
|
|
87
|
+
override connectedCallback(): void {
|
|
88
88
|
super.connectedCallback();
|
|
89
89
|
this.role = 'img';
|
|
90
90
|
this.loadingStaus = this.imgSrc ? 'loading' : 'idle';
|
|
91
91
|
}
|
|
92
92
|
|
|
93
|
-
override willUpdate(changedProperties: Map<string, any>) {
|
|
93
|
+
override willUpdate(changedProperties: Map<string, any>): void {
|
|
94
94
|
if (changedProperties.has('imgSrc')) {
|
|
95
95
|
this.loadingStaus = changedProperties.get('imgSrc') ? 'loading' : 'idle';
|
|
96
96
|
}
|
|
97
97
|
}
|
|
98
98
|
|
|
99
|
-
private handleLoad() {
|
|
99
|
+
private handleLoad(): void {
|
|
100
100
|
this.loadingStaus = 'loaded';
|
|
101
101
|
}
|
|
102
102
|
|
|
103
|
-
private handleError() {
|
|
103
|
+
private handleError(): void {
|
|
104
104
|
this.loadingStaus = 'error';
|
|
105
105
|
}
|
|
106
106
|
|
|
@@ -117,7 +117,8 @@ export class DxAvatar extends LitElement {
|
|
|
117
117
|
? `var(--dx-${this.hue}Surface)`
|
|
118
118
|
: `var(--dx-${this.hue}Fill)`
|
|
119
119
|
: 'var(--surface-bg)';
|
|
120
|
-
const fg =
|
|
120
|
+
const fg =
|
|
121
|
+
this.hue && this.hueVariant === 'surface' ? `var(--dx-${this.hue}SurfaceText)` : 'var(--dx-accentSurfaceText)';
|
|
121
122
|
return html`<span
|
|
122
123
|
role="none"
|
|
123
124
|
class=${`dx-avatar${this.rootClassName ? ` ${this.rootClassName}` : ''}`}
|
|
@@ -204,7 +205,7 @@ export class DxAvatar extends LitElement {
|
|
|
204
205
|
/></span>`;
|
|
205
206
|
}
|
|
206
207
|
|
|
207
|
-
override createRenderRoot() {
|
|
208
|
+
override createRenderRoot(): this {
|
|
208
209
|
return this;
|
|
209
210
|
}
|
|
210
211
|
}
|
package/src/dx-icon/dx-icon.ts
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
|
-
dx-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
@layer dx-components {
|
|
2
|
+
dx-ref-tag {
|
|
3
|
+
@apply inline cursor-pointer pli-1 plb-0.5 border border-separator rounded-sm transition-colors;
|
|
4
|
+
&:hover {
|
|
5
|
+
@apply bg-hoverSurface;
|
|
6
|
+
}
|
|
5
7
|
}
|
|
6
8
|
}
|
|
@@ -11,12 +11,12 @@ import { customElement, property } from 'lit/decorators.js';
|
|
|
11
11
|
import { makeId } from '@dxos/react-hooks';
|
|
12
12
|
|
|
13
13
|
export class DxRefTagActivate extends Event {
|
|
14
|
-
public readonly
|
|
14
|
+
public readonly refId: string;
|
|
15
15
|
public readonly label: string;
|
|
16
16
|
public readonly trigger: DxRefTag;
|
|
17
|
-
constructor(props: {
|
|
17
|
+
constructor(props: { refId: string; label: string; trigger: DxRefTag }) {
|
|
18
18
|
super('dx-ref-tag-activate');
|
|
19
|
-
this.
|
|
19
|
+
this.refId = props.refId;
|
|
20
20
|
this.label = props.label;
|
|
21
21
|
this.trigger = props.trigger;
|
|
22
22
|
}
|
|
@@ -24,34 +24,39 @@ export class DxRefTagActivate extends Event {
|
|
|
24
24
|
|
|
25
25
|
@customElement('dx-ref-tag')
|
|
26
26
|
export class DxRefTag extends LitElement {
|
|
27
|
+
|
|
28
|
+
// TODO(thure): There is a case (in)sensitivity issue here which is pernicious:
|
|
29
|
+
// Only refactoring the properties here to all-lowercase fixes the binding in `RefField.tsx`, but that
|
|
30
|
+
// should be unnecessary, and it isn’t an issue for `DxAvatar` or `DxGrid`. What’s going on?
|
|
31
|
+
|
|
27
32
|
@property({ type: String })
|
|
28
|
-
|
|
33
|
+
refid: string = makeId('dx-ref-tag');
|
|
29
34
|
|
|
30
35
|
@property({ type: String })
|
|
31
|
-
|
|
36
|
+
rootclassname: string | undefined = undefined;
|
|
32
37
|
|
|
33
38
|
constructor () {
|
|
34
39
|
super();
|
|
35
40
|
this.addEventListener('click', this.handleActivate);
|
|
36
41
|
}
|
|
37
42
|
|
|
38
|
-
override connectedCallback () {
|
|
43
|
+
override connectedCallback (): void {
|
|
39
44
|
super.connectedCallback();
|
|
40
45
|
this.tabIndex = 0;
|
|
41
46
|
this.classList.add('dx-focus-ring');
|
|
42
|
-
if(this.
|
|
43
|
-
this.classList.add(this.
|
|
47
|
+
if(this.rootclassname){
|
|
48
|
+
this.classList.add(this.rootclassname);
|
|
44
49
|
}
|
|
45
50
|
this.setAttribute('role', 'button');
|
|
46
51
|
}
|
|
47
52
|
|
|
48
|
-
private handleActivate(event: { type: string }) {
|
|
53
|
+
private handleActivate(event: { type: string }): void {
|
|
49
54
|
this.dispatchEvent(
|
|
50
|
-
new DxRefTagActivate({
|
|
55
|
+
new DxRefTagActivate({ refId: this.refid, label: this.textContent ?? '', trigger: this }),
|
|
51
56
|
);
|
|
52
57
|
}
|
|
53
58
|
|
|
54
|
-
override createRenderRoot() {
|
|
59
|
+
override createRenderRoot(): this {
|
|
55
60
|
return this;
|
|
56
61
|
}
|
|
57
62
|
}
|
|
@@ -35,11 +35,11 @@ export class DxTagPickerItem extends LitElement {
|
|
|
35
35
|
@property({ type: String })
|
|
36
36
|
removeLabel: string | undefined = undefined;
|
|
37
37
|
|
|
38
|
-
private handleClickActivate() {
|
|
38
|
+
private handleClickActivate(): void {
|
|
39
39
|
this.dispatchEvent(new DxTagPickerItemClick({ itemId: this.itemId, action: 'activate' }));
|
|
40
40
|
}
|
|
41
41
|
|
|
42
|
-
private handleClickRemove() {
|
|
42
|
+
private handleClickRemove(): void {
|
|
43
43
|
this.dispatchEvent(new DxTagPickerItemClick({ itemId: this.itemId, action: 'remove' }));
|
|
44
44
|
}
|
|
45
45
|
|
|
@@ -53,7 +53,7 @@ export class DxTagPickerItem extends LitElement {
|
|
|
53
53
|
>`;
|
|
54
54
|
}
|
|
55
55
|
|
|
56
|
-
override createRenderRoot() {
|
|
56
|
+
override createRenderRoot(): this {
|
|
57
57
|
return this;
|
|
58
58
|
}
|
|
59
59
|
}
|
package/src/index.ts
CHANGED
package/src/react.ts
ADDED
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
//
|
|
2
|
+
// Copyright 2025 DXOS.org
|
|
3
|
+
//
|
|
4
|
+
|
|
5
|
+
import { createComponent, type EventName } from '@lit/react';
|
|
6
|
+
import React, { type ComponentPropsWithRef } from 'react';
|
|
7
|
+
|
|
8
|
+
import {
|
|
9
|
+
DxAvatar as NaturalDxAvatar,
|
|
10
|
+
DxRefTag as NaturalDxRefTag,
|
|
11
|
+
DxIcon as NaturalIcon,
|
|
12
|
+
type DxRefTagActivate,
|
|
13
|
+
DxTagPickerItem as NaturalDxTagPickerItem,
|
|
14
|
+
type DxTagPickerItemClick,
|
|
15
|
+
} from './index';
|
|
16
|
+
|
|
17
|
+
export const DxRefTag = createComponent({
|
|
18
|
+
tagName: 'dx-ref-tag',
|
|
19
|
+
elementClass: NaturalDxRefTag,
|
|
20
|
+
react: React,
|
|
21
|
+
events: {
|
|
22
|
+
onActivate: 'dx-ref-tag-activate' as EventName<DxRefTagActivate>,
|
|
23
|
+
},
|
|
24
|
+
});
|
|
25
|
+
|
|
26
|
+
export type DxRefTagProps = ComponentPropsWithRef<typeof DxRefTag>;
|
|
27
|
+
|
|
28
|
+
export const DxAvatar = createComponent({
|
|
29
|
+
tagName: 'dx-avatar',
|
|
30
|
+
elementClass: NaturalDxAvatar,
|
|
31
|
+
react: React,
|
|
32
|
+
});
|
|
33
|
+
|
|
34
|
+
export type DxAvatarProps = ComponentPropsWithRef<typeof DxAvatar>;
|
|
35
|
+
|
|
36
|
+
export const DxIcon = createComponent({
|
|
37
|
+
tagName: 'dx-icon',
|
|
38
|
+
elementClass: NaturalIcon,
|
|
39
|
+
react: React,
|
|
40
|
+
});
|
|
41
|
+
|
|
42
|
+
export type DxIconProps = ComponentPropsWithRef<typeof DxIcon>;
|
|
43
|
+
|
|
44
|
+
export const DxTagPickerItem = createComponent({
|
|
45
|
+
tagName: 'dx-tag-picker-item',
|
|
46
|
+
elementClass: NaturalDxTagPickerItem,
|
|
47
|
+
react: React,
|
|
48
|
+
events: {
|
|
49
|
+
onItemClick: 'dx-tag-picker-item-click' as EventName<DxTagPickerItemClick>,
|
|
50
|
+
},
|
|
51
|
+
});
|
|
52
|
+
|
|
53
|
+
export type DxTagPickerItemProps = ComponentPropsWithRef<typeof DxTagPickerItem>;
|
|
54
|
+
|
|
55
|
+
export { createComponent };
|
|
56
|
+
export type { EventName };
|