@dxos/lit-ui 0.8.3 → 0.8.4-main.1068cf700f

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.
Files changed (100) hide show
  1. package/dist/src/dx-anchor/dx-anchor.d.ts +9 -0
  2. package/dist/src/dx-anchor/dx-anchor.d.ts.map +1 -0
  3. package/dist/src/{dx-ref-tag/dx-ref-tag.js → dx-anchor/dx-anchor.js} +12 -21
  4. package/dist/src/dx-anchor/dx-anchor.js.map +1 -0
  5. package/dist/src/dx-anchor/index.d.ts +2 -0
  6. package/dist/src/dx-anchor/index.d.ts.map +1 -0
  7. package/dist/src/dx-anchor/index.js +5 -0
  8. package/dist/src/dx-anchor/index.js.map +1 -0
  9. package/dist/src/dx-avatar/dx-avatar.d.ts +1 -1
  10. package/dist/src/dx-avatar/dx-avatar.d.ts.map +1 -1
  11. package/dist/src/dx-avatar/dx-avatar.js +59 -34
  12. package/dist/src/dx-avatar/dx-avatar.js.map +1 -1
  13. package/dist/src/dx-avatar/dx-avatar.lit-stories.d.ts +2 -2
  14. package/dist/src/dx-avatar/dx-avatar.lit-stories.d.ts.map +1 -1
  15. package/dist/src/dx-avatar/dx-avatar.lit-stories.js +6 -6
  16. package/dist/src/dx-avatar/dx-avatar.lit-stories.js.map +1 -1
  17. package/dist/src/dx-icon/dx-icon.d.ts.map +1 -1
  18. package/dist/src/dx-icon/dx-icon.js +1 -1
  19. package/dist/src/dx-icon/dx-icon.js.map +1 -1
  20. package/dist/src/dx-tag-picker/dx-tag-picker-item.d.ts.map +1 -1
  21. package/dist/src/dx-tag-picker/dx-tag-picker-item.js +1 -1
  22. package/dist/src/dx-tag-picker/dx-tag-picker-item.js.map +1 -1
  23. package/dist/src/index.d.ts +2 -2
  24. package/dist/src/index.d.ts.map +1 -1
  25. package/dist/src/index.js +2 -2
  26. package/dist/src/index.js.map +1 -1
  27. package/dist/src/react.d.ts +6 -5
  28. package/dist/src/react.d.ts.map +1 -1
  29. package/dist/src/react.js +6 -5
  30. package/dist/src/react.js.map +1 -1
  31. package/dist/tsconfig.tsbuildinfo +1 -1
  32. package/package.json +21 -15
  33. package/src/defs.ts +1 -1
  34. package/src/{dx-ref-tag/dx-ref-tag.ts → dx-anchor/dx-anchor.ts} +8 -20
  35. package/src/{dx-ref-tag → dx-anchor}/index.ts +1 -1
  36. package/src/dx-avatar/dx-avatar.lit-stories.ts +7 -6
  37. package/src/dx-avatar/dx-avatar.pcss +7 -1
  38. package/src/dx-avatar/dx-avatar.ts +63 -35
  39. package/src/dx-icon/dx-icon.ts +1 -1
  40. package/src/dx-tag-picker/dx-tag-picker-item.ts +1 -1
  41. package/src/dx-tag-picker/dx-tag-picker.pcss +3 -2
  42. package/src/index.ts +2 -2
  43. package/src/react.ts +12 -10
  44. package/dist/src/dx-ref-tag/dx-ref-tag.d.ts +0 -19
  45. package/dist/src/dx-ref-tag/dx-ref-tag.d.ts.map +0 -1
  46. package/dist/src/dx-ref-tag/dx-ref-tag.js.map +0 -1
  47. package/dist/src/dx-ref-tag/index.d.ts +0 -2
  48. package/dist/src/dx-ref-tag/index.d.ts.map +0 -1
  49. package/dist/src/dx-ref-tag/index.js +0 -5
  50. package/dist/src/dx-ref-tag/index.js.map +0 -1
  51. package/dist/types/src/defs.d.ts +0 -2
  52. package/dist/types/src/defs.d.ts.map +0 -1
  53. package/dist/types/src/defs.js +0 -4
  54. package/dist/types/src/defs.js.map +0 -1
  55. package/dist/types/src/dx-avatar/dx-avatar.d.ts +0 -31
  56. package/dist/types/src/dx-avatar/dx-avatar.d.ts.map +0 -1
  57. package/dist/types/src/dx-avatar/dx-avatar.js +0 -187
  58. package/dist/types/src/dx-avatar/dx-avatar.js.map +0 -1
  59. package/dist/types/src/dx-avatar/dx-avatar.lit-stories.d.ts +0 -12
  60. package/dist/types/src/dx-avatar/dx-avatar.lit-stories.d.ts.map +0 -1
  61. package/dist/types/src/dx-avatar/dx-avatar.lit-stories.js +0 -16
  62. package/dist/types/src/dx-avatar/dx-avatar.lit-stories.js.map +0 -1
  63. package/dist/types/src/dx-avatar/index.d.ts +0 -2
  64. package/dist/types/src/dx-avatar/index.d.ts.map +0 -1
  65. package/dist/types/src/dx-avatar/index.js +0 -5
  66. package/dist/types/src/dx-avatar/index.js.map +0 -1
  67. package/dist/types/src/dx-icon/dx-icon.d.ts +0 -10
  68. package/dist/types/src/dx-icon/dx-icon.d.ts.map +0 -1
  69. package/dist/types/src/dx-icon/dx-icon.js +0 -43
  70. package/dist/types/src/dx-icon/dx-icon.js.map +0 -1
  71. package/dist/types/src/dx-icon/index.d.ts +0 -2
  72. package/dist/types/src/dx-icon/index.d.ts.map +0 -1
  73. package/dist/types/src/dx-icon/index.js +0 -5
  74. package/dist/types/src/dx-icon/index.js.map +0 -1
  75. package/dist/types/src/dx-ref-tag/dx-ref-tag.d.ts +0 -19
  76. package/dist/types/src/dx-ref-tag/dx-ref-tag.d.ts.map +0 -1
  77. package/dist/types/src/dx-ref-tag/dx-ref-tag.js +0 -65
  78. package/dist/types/src/dx-ref-tag/dx-ref-tag.js.map +0 -1
  79. package/dist/types/src/dx-ref-tag/index.d.ts +0 -2
  80. package/dist/types/src/dx-ref-tag/index.d.ts.map +0 -1
  81. package/dist/types/src/dx-ref-tag/index.js +0 -5
  82. package/dist/types/src/dx-ref-tag/index.js.map +0 -1
  83. package/dist/types/src/dx-tag-picker/dx-tag-picker-item.d.ts +0 -21
  84. package/dist/types/src/dx-tag-picker/dx-tag-picker-item.d.ts.map +0 -1
  85. package/dist/types/src/dx-tag-picker/dx-tag-picker-item.js +0 -68
  86. package/dist/types/src/dx-tag-picker/dx-tag-picker-item.js.map +0 -1
  87. package/dist/types/src/dx-tag-picker/index.d.ts +0 -2
  88. package/dist/types/src/dx-tag-picker/index.d.ts.map +0 -1
  89. package/dist/types/src/dx-tag-picker/index.js +0 -5
  90. package/dist/types/src/dx-tag-picker/index.js.map +0 -1
  91. package/dist/types/src/index.d.ts +0 -5
  92. package/dist/types/src/index.d.ts.map +0 -1
  93. package/dist/types/src/index.js +0 -8
  94. package/dist/types/src/index.js.map +0 -1
  95. package/dist/types/src/react.d.ts +0 -18
  96. package/dist/types/src/react.d.ts.map +0 -1
  97. package/dist/types/src/react.js +0 -34
  98. package/dist/types/src/react.js.map +0 -1
  99. package/dist/types/tsconfig.tsbuildinfo +0 -1
  100. package/src/dx-ref-tag/dx-ref-tag.pcss +0 -8
@@ -1,2 +0,0 @@
1
- export * from './dx-avatar';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/dx-avatar/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC"}
@@ -1,5 +0,0 @@
1
- //
2
- // Copyright 2025 DXOS.org
3
- //
4
- export * from './dx-avatar';
5
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/dx-avatar/index.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,cAAc,aAAa,CAAC"}
@@ -1,10 +0,0 @@
1
- import { LitElement } from 'lit';
2
- import { type Size } from '../defs';
3
- export declare class DxIcon extends LitElement {
4
- size: Size;
5
- icon: string;
6
- noCache: boolean;
7
- render(): import("lit").TemplateResult<2>;
8
- createRenderRoot(): this;
9
- }
10
- //# sourceMappingURL=dx-icon.d.ts.map
@@ -1 +0,0 @@
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,43 +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 { svg, LitElement } from 'lit';
11
- import { customElement, property } from 'lit/decorators.js';
12
- const ICONS_URL = '/icons.svg';
13
- let DxIcon = class DxIcon extends LitElement {
14
- constructor() {
15
- super(...arguments);
16
- // TODO(thure): Get Hue type used in theme.
17
- this.size = 4;
18
- this.icon = 'ph--placeholder--regular';
19
- this.noCache = true;
20
- }
21
- render() {
22
- const url = this.noCache ? `${ICONS_URL}?nocache=${new Date().getMinutes()}` : ICONS_URL;
23
- const href = `${url}#${this.icon}`;
24
- return svg `<svg class="dx-icon" data-size=${this.size}><use href=${href} /></svg>`;
25
- }
26
- createRenderRoot() {
27
- return this;
28
- }
29
- };
30
- __decorate([
31
- property({ type: String })
32
- ], DxIcon.prototype, "size", void 0);
33
- __decorate([
34
- property({ type: String })
35
- ], DxIcon.prototype, "icon", void 0);
36
- __decorate([
37
- property({ type: Boolean })
38
- ], DxIcon.prototype, "noCache", void 0);
39
- DxIcon = __decorate([
40
- customElement('dx-icon')
41
- ], DxIcon);
42
- export { DxIcon };
43
- //# sourceMappingURL=dx-icon.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"dx-icon.js","sourceRoot":"","sources":["../../../../src/dx-icon/dx-icon.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;AAEF,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAI5D,MAAM,SAAS,GAAG,YAAY,CAAC;AAGxB,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,UAAU;IAA/B;;QACL,2CAA2C;QAE3C,SAAI,GAAS,CAAC,CAAC;QAGf,SAAI,GAAW,0BAA0B,CAAC;QAG1C,YAAO,GAAY,IAAI,CAAC;IAW1B,CAAC;IATU,MAAM;QACb,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,SAAS,YAAY,IAAI,IAAI,EAAE,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;QACzF,MAAM,IAAI,GAAG,GAAG,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;QACnC,OAAO,GAAG,CAAA,kCAAkC,IAAI,CAAC,IAAI,cAAc,IAAI,WAAW,CAAC;IACrF,CAAC;IAEQ,gBAAgB;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;CACF,CAAA;AAjBC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oCACZ;AAGf;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oCACe;AAG1C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uCACJ;AATb,MAAM;IADlB,aAAa,CAAC,SAAS,CAAC;GACZ,MAAM,CAoBlB"}
@@ -1,2 +0,0 @@
1
- export * from './dx-icon';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/dx-icon/index.ts"],"names":[],"mappings":"AAIA,cAAc,WAAW,CAAC"}
@@ -1,5 +0,0 @@
1
- //
2
- // Copyright 2025 DXOS.org
3
- //
4
- export * from './dx-icon';
5
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/dx-icon/index.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,cAAc,WAAW,CAAC"}
@@ -1,19 +0,0 @@
1
- import { LitElement } from 'lit';
2
- export declare class DxRefTagActivate extends Event {
3
- readonly refId: string;
4
- readonly label: string;
5
- readonly trigger: DxRefTag;
6
- constructor(props: {
7
- refId: string;
8
- label: string;
9
- trigger: DxRefTag;
10
- });
11
- }
12
- export declare class DxRefTag extends LitElement {
13
- refid: string;
14
- rootclassname: string | undefined;
15
- connectedCallback(): void;
16
- private handleActivate;
17
- createRenderRoot(): this;
18
- }
19
- //# 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,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;IAErC,iBAAiB,IAAK,IAAI;IAgBnC,OAAO,CAAC,cAAc;IAMb,gBAAgB,IAAI,IAAI;CAGlC"}
@@ -1,65 +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.refId = props.refId;
19
- this.label = props.label;
20
- this.trigger = props.trigger;
21
- }
22
- }
23
- let DxRefTag = class DxRefTag extends LitElement {
24
- constructor() {
25
- // TODO(thure): There is a case (in)sensitivity issue here which is pernicious:
26
- // Only refactoring the properties here to all-lowercase fixes the binding in `RefField.tsx`, but that
27
- // should be unnecessary, and it isn’t an issue for `DxAvatar` or `DxGrid`. What’s going on?
28
- super(...arguments);
29
- this.refid = makeId('dx-ref-tag');
30
- this.rootclassname = undefined;
31
- }
32
- connectedCallback() {
33
- super.connectedCallback();
34
- this.tabIndex = 0;
35
- this.classList.add('dx-focus-ring');
36
- if (this.rootclassname) {
37
- this.classList.add(this.rootclassname);
38
- }
39
- this.setAttribute('role', 'button');
40
- if (this.getAttribute('data-auto-trigger') === 'true') {
41
- this.handleActivate({ type: 'auto-trigger' });
42
- }
43
- else {
44
- this.addEventListener('click', this.handleActivate);
45
- }
46
- }
47
- handleActivate(event) {
48
- var _a;
49
- this.dispatchEvent(new DxRefTagActivate({ refId: this.refid, label: (_a = this.textContent) !== null && _a !== void 0 ? _a : '', trigger: this }));
50
- }
51
- createRenderRoot() {
52
- return this;
53
- }
54
- };
55
- __decorate([
56
- property({ type: String })
57
- ], DxRefTag.prototype, "refid", void 0);
58
- __decorate([
59
- property({ type: String })
60
- ], DxRefTag.prototype, "rootclassname", void 0);
61
- DxRefTag = __decorate([
62
- customElement('dx-ref-tag')
63
- ], DxRefTag);
64
- export { DxRefTag };
65
- //# 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,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;IAAjC;QAEL,+EAA+E;QAC/E,wGAAwG;QACxG,8FAA8F;;QAG9F,UAAK,GAAW,MAAM,CAAC,YAAY,CAAC,CAAC;QAGrC,kBAAa,GAAuB,SAAS,CAAC;IA2BhD,CAAC;IAzBU,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;QAClB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,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;QAEpC,IAAI,IAAI,CAAC,YAAY,CAAC,mBAAmB,CAAC,KAAK,MAAM,EAAE,CAAC;YACtD,IAAI,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,CAAC;QAChD,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QACtD,CAAC;IACH,CAAC;IAEO,cAAc,CAAC,KAAuB;;QAC5C,IAAI,CAAC,aAAa,CAChB,IAAI,gBAAgB,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,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;AA9BC;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,CAqCpB"}
@@ -1,2 +0,0 @@
1
- export * from './dx-ref-tag';
2
- //# sourceMappingURL=index.d.ts.map
@@ -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,5 +0,0 @@
1
- //
2
- // Copyright 2025 DXOS.org
3
- //
4
- export * from './dx-ref-tag';
5
- //# sourceMappingURL=index.js.map
@@ -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,21 +0,0 @@
1
- import { LitElement } from 'lit';
2
- export declare class DxTagPickerItemClick extends Event {
3
- readonly itemId: string;
4
- readonly action: 'remove' | 'activate';
5
- constructor(props: {
6
- itemId: string;
7
- action: 'remove' | 'activate';
8
- });
9
- }
10
- export declare class DxTagPickerItem extends LitElement {
11
- hue: string;
12
- itemId: string;
13
- label: string;
14
- rootClassName: string | undefined;
15
- removeLabel: string | undefined;
16
- private handleClickActivate;
17
- private handleClickRemove;
18
- render(): import("lit").TemplateResult<1>;
19
- createRenderRoot(): this;
20
- }
21
- //# sourceMappingURL=dx-tag-picker-item.d.ts.map
@@ -1 +0,0 @@
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,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,2 +0,0 @@
1
- export * from './dx-tag-picker-item';
2
- //# sourceMappingURL=index.d.ts.map
@@ -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,5 +0,0 @@
1
- //
2
- // Copyright 2025 DXOS.org
3
- //
4
- export * from './dx-tag-picker-item';
5
- //# sourceMappingURL=index.js.map
@@ -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,5 +0,0 @@
1
- export * from './dx-avatar';
2
- export * from './dx-tag-picker';
3
- export * from './dx-ref-tag';
4
- export * from './dx-icon';
5
- //# sourceMappingURL=index.d.ts.map
@@ -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"}
@@ -1,8 +0,0 @@
1
- //
2
- // Copyright 2025 DXOS.org
3
- //
4
- export * from './dx-avatar';
5
- export * from './dx-tag-picker';
6
- export * from './dx-ref-tag';
7
- export * from './dx-icon';
8
- //# sourceMappingURL=index.js.map
@@ -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"}
@@ -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"}
@@ -1,8 +0,0 @@
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
- }
7
- }
8
- }