@dxos/lit-ui 0.8.3 → 0.8.4-main.f9ba587
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 +3 -2
- 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 +2 -4
- package/dist/src/dx-avatar/dx-avatar.lit-stories.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +7 -6
- package/src/dx-avatar/dx-avatar.lit-stories.ts +3 -4
- package/src/dx-avatar/dx-avatar.ts +3 -2
- package/src/dx-tag-picker/dx-tag-picker.pcss +3 -2
- package/dist/types/src/defs.d.ts +0 -2
- package/dist/types/src/defs.d.ts.map +0 -1
- package/dist/types/src/defs.js +0 -4
- package/dist/types/src/defs.js.map +0 -1
- package/dist/types/src/dx-avatar/dx-avatar.d.ts +0 -31
- package/dist/types/src/dx-avatar/dx-avatar.d.ts.map +0 -1
- package/dist/types/src/dx-avatar/dx-avatar.js +0 -187
- package/dist/types/src/dx-avatar/dx-avatar.js.map +0 -1
- package/dist/types/src/dx-avatar/dx-avatar.lit-stories.d.ts +0 -12
- package/dist/types/src/dx-avatar/dx-avatar.lit-stories.d.ts.map +0 -1
- package/dist/types/src/dx-avatar/dx-avatar.lit-stories.js +0 -16
- package/dist/types/src/dx-avatar/dx-avatar.lit-stories.js.map +0 -1
- package/dist/types/src/dx-avatar/index.d.ts +0 -2
- package/dist/types/src/dx-avatar/index.d.ts.map +0 -1
- package/dist/types/src/dx-avatar/index.js +0 -5
- package/dist/types/src/dx-avatar/index.js.map +0 -1
- package/dist/types/src/dx-icon/dx-icon.d.ts +0 -10
- package/dist/types/src/dx-icon/dx-icon.d.ts.map +0 -1
- package/dist/types/src/dx-icon/dx-icon.js +0 -43
- package/dist/types/src/dx-icon/dx-icon.js.map +0 -1
- package/dist/types/src/dx-icon/index.d.ts +0 -2
- package/dist/types/src/dx-icon/index.d.ts.map +0 -1
- package/dist/types/src/dx-icon/index.js +0 -5
- package/dist/types/src/dx-icon/index.js.map +0 -1
- package/dist/types/src/dx-ref-tag/dx-ref-tag.d.ts +0 -19
- 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 -65
- 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/dist/types/src/dx-tag-picker/dx-tag-picker-item.d.ts +0 -21
- package/dist/types/src/dx-tag-picker/dx-tag-picker-item.d.ts.map +0 -1
- package/dist/types/src/dx-tag-picker/dx-tag-picker-item.js +0 -68
- package/dist/types/src/dx-tag-picker/dx-tag-picker-item.js.map +0 -1
- package/dist/types/src/dx-tag-picker/index.d.ts +0 -2
- package/dist/types/src/dx-tag-picker/index.d.ts.map +0 -1
- package/dist/types/src/dx-tag-picker/index.js +0 -5
- package/dist/types/src/dx-tag-picker/index.js.map +0 -1
- package/dist/types/src/index.d.ts +0 -5
- package/dist/types/src/index.d.ts.map +0 -1
- package/dist/types/src/index.js +0 -8
- package/dist/types/src/index.js.map +0 -1
- package/dist/types/src/react.d.ts +0 -18
- package/dist/types/src/react.d.ts.map +0 -1
- package/dist/types/src/react.js +0 -34
- package/dist/types/src/react.js.map +0 -1
- package/dist/types/tsconfig.tsbuildinfo +0 -1
|
@@ -1,68 +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
|
-
import { html, LitElement } from 'lit';
|
|
11
|
-
import { customElement, property } from 'lit/decorators.js';
|
|
12
|
-
import { makeId } from '@dxos/react-hooks';
|
|
13
|
-
export class DxTagPickerItemClick extends Event {
|
|
14
|
-
constructor(props) {
|
|
15
|
-
super('dx-tag-picker-item-click');
|
|
16
|
-
this.itemId = props.itemId;
|
|
17
|
-
this.action = props.action;
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
let DxTagPickerItem = class DxTagPickerItem extends LitElement {
|
|
21
|
-
constructor() {
|
|
22
|
-
super(...arguments);
|
|
23
|
-
// TODO(thure): Get Hue type used in theme.
|
|
24
|
-
this.hue = 'neutral';
|
|
25
|
-
this.itemId = makeId('dx-tag-picker-item');
|
|
26
|
-
this.label = 'never';
|
|
27
|
-
this.rootClassName = undefined;
|
|
28
|
-
this.removeLabel = undefined;
|
|
29
|
-
}
|
|
30
|
-
handleClickActivate() {
|
|
31
|
-
this.dispatchEvent(new DxTagPickerItemClick({ itemId: this.itemId, action: 'activate' }));
|
|
32
|
-
}
|
|
33
|
-
handleClickRemove() {
|
|
34
|
-
this.dispatchEvent(new DxTagPickerItemClick({ itemId: this.itemId, action: 'remove' }));
|
|
35
|
-
}
|
|
36
|
-
render() {
|
|
37
|
-
const className = `dx-tag dx-tag-picker-item${this.rootClassName ? ` ${this.rootClassName}` : ''}`;
|
|
38
|
-
return html `<span class=${className} data-remove=${!!this.removeLabel} data-hue=${this.hue} id=${this.id}
|
|
39
|
-
><button class="dx-focus-ring" @click=${this.handleClickActivate}>${this.label}</button>${this.removeLabel &&
|
|
40
|
-
html `<button class="dx-focus-ring" aria-label=${this.removeLabel} @click=${this.handleClickRemove}>
|
|
41
|
-
<dx-icon icon="ph--x--regular" />
|
|
42
|
-
</button>`}</span
|
|
43
|
-
>`;
|
|
44
|
-
}
|
|
45
|
-
createRenderRoot() {
|
|
46
|
-
return this;
|
|
47
|
-
}
|
|
48
|
-
};
|
|
49
|
-
__decorate([
|
|
50
|
-
property({ type: String })
|
|
51
|
-
], DxTagPickerItem.prototype, "hue", void 0);
|
|
52
|
-
__decorate([
|
|
53
|
-
property({ type: String })
|
|
54
|
-
], DxTagPickerItem.prototype, "itemId", void 0);
|
|
55
|
-
__decorate([
|
|
56
|
-
property({ type: String })
|
|
57
|
-
], DxTagPickerItem.prototype, "label", void 0);
|
|
58
|
-
__decorate([
|
|
59
|
-
property({ type: String })
|
|
60
|
-
], DxTagPickerItem.prototype, "rootClassName", void 0);
|
|
61
|
-
__decorate([
|
|
62
|
-
property({ type: String })
|
|
63
|
-
], DxTagPickerItem.prototype, "removeLabel", void 0);
|
|
64
|
-
DxTagPickerItem = __decorate([
|
|
65
|
-
customElement('dx-tag-picker-item')
|
|
66
|
-
], DxTagPickerItem);
|
|
67
|
-
export { DxTagPickerItem };
|
|
68
|
-
//# sourceMappingURL=dx-tag-picker-item.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dx-tag-picker-item.js","sourceRoot":"","sources":["../../../../src/dx-tag-picker/dx-tag-picker-item.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;AAEF,OAAO,EAAE,IAAI,EAAE,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,oBAAqB,SAAQ,KAAK;IAG7C,YAAY,KAAwD;QAClE,KAAK,CAAC,0BAA0B,CAAC,CAAC;QAClC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;QAC3B,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;IAC7B,CAAC;CACF;AAGM,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QACL,2CAA2C;QAE3C,QAAG,GAAW,SAAS,CAAC;QAGxB,WAAM,GAAW,MAAM,CAAC,oBAAoB,CAAC,CAAC;QAG9C,UAAK,GAAW,OAAO,CAAC;QAGxB,kBAAa,GAAuB,SAAS,CAAC;QAG9C,gBAAW,GAAuB,SAAS,CAAC;IAuB9C,CAAC;IArBS,mBAAmB;QACzB,IAAI,CAAC,aAAa,CAAC,IAAI,oBAAoB,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC;IAC5F,CAAC;IAEO,iBAAiB;QACvB,IAAI,CAAC,aAAa,CAAC,IAAI,oBAAoB,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;IAC1F,CAAC;IAEQ,MAAM;QACb,MAAM,SAAS,GAAG,4BAA4B,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;QACnG,OAAO,IAAI,CAAA,eAAe,SAAS,gBAAgB,CAAC,CAAC,IAAI,CAAC,WAAW,aAAa,IAAI,CAAC,GAAG,OAAO,IAAI,CAAC,EAAE;8CAC9D,IAAI,CAAC,mBAAmB,IAAI,IAAI,CAAC,KAAK,YAAY,IAAI,CAAC,WAAW;YAC1G,IAAI,CAAA,4CAA4C,IAAI,CAAC,WAAW,WAAW,IAAI,CAAC,iBAAiB;;gBAEvF;MACV,CAAC;IACL,CAAC;IAEQ,gBAAgB;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;CACF,CAAA;AAnCC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CACH;AAGxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CACmB;AAG9C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CACH;AAGxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDACmB;AAG9C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oDACiB;AAfjC,eAAe;IAD3B,aAAa,CAAC,oBAAoB,CAAC;GACvB,eAAe,CAsC3B"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/dx-tag-picker/index.ts"],"names":[],"mappings":"AAIA,cAAc,sBAAsB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/dx-tag-picker/index.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,cAAc,sBAAsB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
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
DELETED
|
@@ -1 +0,0 @@
|
|
|
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,18 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
package/dist/types/src/react.js
DELETED
|
@@ -1,34 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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 +0,0 @@
|
|
|
1
|
-
{"version":"5.8.3"}
|