@vonage/vivid 3.2.0 → 3.3.0

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 (55) hide show
  1. package/custom-elements.json +29 -0
  2. package/data-grid/index.js +2 -2
  3. package/index.js +1 -0
  4. package/lib/option/option.d.ts +3 -0
  5. package/lib/select/select.d.ts +1 -0
  6. package/package.json +1 -1
  7. package/shared/definition.js +1 -1
  8. package/shared/definition11.js +1 -1
  9. package/shared/definition12.js +1 -1
  10. package/shared/definition13.js +1 -1
  11. package/shared/definition14.js +1 -1
  12. package/shared/definition16.js +1 -1
  13. package/shared/definition17.js +1 -1
  14. package/shared/definition19.js +11 -1
  15. package/shared/definition2.js +1 -1
  16. package/shared/definition20.js +1 -1
  17. package/shared/definition21.js +1 -1
  18. package/shared/definition22.js +1 -1
  19. package/shared/definition23.js +1 -1
  20. package/shared/definition25.js +1 -1
  21. package/shared/definition27.js +1 -1
  22. package/shared/definition29.js +1 -1
  23. package/shared/definition30.js +1 -1
  24. package/shared/definition31.js +1 -1
  25. package/shared/definition32.js +1 -1
  26. package/shared/definition33.js +1 -1
  27. package/shared/definition34.js +1 -1
  28. package/shared/definition35.js +1 -1
  29. package/shared/definition36.js +1 -1
  30. package/shared/definition37.js +6 -1
  31. package/shared/definition38.js +1 -1
  32. package/shared/definition4.js +1 -1
  33. package/shared/definition40.js +1 -1
  34. package/shared/definition41.js +1 -1
  35. package/shared/definition43.js +1 -1
  36. package/shared/definition44.js +1 -1
  37. package/shared/definition46.js +1 -1
  38. package/shared/definition47.js +2 -46
  39. package/shared/definition48.js +3 -149
  40. package/shared/definition5.js +1 -1
  41. package/shared/definition6.js +1 -1
  42. package/shared/definition7.js +1 -1
  43. package/shared/definition8.js +1 -1
  44. package/shared/definition9.js +1 -1
  45. package/shared/form-elements.js +1 -1
  46. package/shared/patterns/form-elements/form-elements.d.ts +2 -2
  47. package/shared/text-field.js +1 -1
  48. package/shared/tree-item.js +151 -0
  49. package/styles/core/all.css +1 -1
  50. package/styles/core/theme.css +1 -1
  51. package/styles/core/typography.css +1 -1
  52. package/styles/tokens/theme-dark.css +4 -4
  53. package/styles/tokens/theme-light.css +4 -4
  54. package/tree-item/index.js +2 -71
  55. package/tree-view/index.js +1 -0
@@ -30,10 +30,10 @@ export declare function formElements<T extends {
30
30
  [x: string]: any;
31
31
  label?: string | undefined;
32
32
  userValid: boolean;
33
- "__#8574@#blurred": boolean;
33
+ "__#8589@#blurred": boolean;
34
34
  readonly errorValidationMessage: any;
35
35
  connectedCallback(): void;
36
- "__#8574@#handleInvalidEvent": () => void;
36
+ "__#8589@#handleInvalidEvent": () => void;
37
37
  disconnectedCallback(): void;
38
38
  validate: () => void;
39
39
  };
@@ -1,3 +1,3 @@
1
- var css_248z = "/**\n * Do not edit directly\n * Generated on Sun, 19 Feb 2023 11:52:38 GMT\n */\n:host {\n display: inline-block;\n}\n\n.base {\n --_text-field-gutter: calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2))) / 2.5);\n --_text-field-icon-size: calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2))) / 2);\n display: inline-grid;\n width: 100%;\n gap: 4px;\n grid-template-columns: min-content 1fr max-content;\n}\n.base {\n --_appearance-color-text: var(--vvd-color-canvas-text);\n --_appearance-color-fill: var(--_connotation-color-backdrop);\n --_appearance-color-outline: var(--_connotation-color-intermediate);\n}\n.base.appearance-ghost {\n --_appearance-color-text: var(--_connotation-color-primary);\n --_appearance-color-fill: transparent;\n --_appearance-color-outline: transparent;\n}\n.base:where(:hover, .hover):where(:not(:disabled, .disabled, .readonly)) {\n --_appearance-color-text: var(--vvd-color-canvas-text);\n --_appearance-color-fill: var(--_connotation-color-backdrop);\n --_appearance-color-outline: var(--_connotation-color-firm);\n}\n.base:where(:hover, .hover):where(:not(:disabled, .disabled, .readonly)).appearance-ghost {\n --_appearance-color-text: var(--_connotation-color-primary);\n --_appearance-color-fill: var(--_connotation-color-faint);\n --_appearance-color-outline: transparent;\n}\n.base:where(:disabled, .disabled) {\n --_appearance-color-text: var(--vvd-color-neutral-400);\n --_appearance-color-fill: var(--vvd-color-neutral-200);\n --_appearance-color-outline: var(--vvd-color-neutral-400);\n}\n.base:where(:disabled, .disabled).appearance-ghost {\n --_appearance-color-text: var(--vvd-color-neutral-400);\n --_appearance-color-fill: transparent;\n --_appearance-color-outline: transparent;\n}\n.base:where(.readonly):where(:not(:disabled, .disabled)) {\n --_appearance-color-text: var(--vvd-color-canvas-text);\n --_appearance-color-fill: var(--vvd-color-neutral-100);\n --_appearance-color-outline: var(--vvd-color-neutral-400);\n}\n.base:where(.readonly):where(:not(:disabled, .disabled)).appearance-ghost {\n --_appearance-color-text: var(--vvd-color-neutral-400);\n --_appearance-color-fill: transparent;\n --_appearance-color-outline: transparent;\n}\n.base.connotation-success {\n --_connotation-color-primary: var(--vvd-color-success-500);\n --_connotation-color-backdrop: var(--vvd-color-success-50);\n --_connotation-color-intermediate: var(--vvd-color-success-500);\n --_connotation-color-firm: var(--vvd-color-success-600);\n --_connotation-color-faint: var(--vvd-color-success-50);\n --_connotation-color-soft: var(--vvd-color-success-100);\n}\n.base.connotation-alert {\n --_connotation-color-primary: var(--vvd-color-alert-500);\n --_connotation-color-backdrop: var(--vvd-color-alert-50);\n --_connotation-color-intermediate: var(--vvd-color-alert-500);\n --_connotation-color-firm: var(--vvd-color-alert-600);\n --_connotation-color-faint: var(--vvd-color-alert-50);\n --_connotation-color-soft: var(--vvd-color-alert-100);\n}\n.base:not(.connotation-success, .connotation-alert) {\n --_connotation-color-primary: var(--vvd-color-canvas-text);\n --_connotation-color-backdrop: var(--vvd-color-canvas);\n --_connotation-color-intermediate: var(--vvd-color-neutral-500);\n --_connotation-color-firm: var(--vvd-color-canvas-text);\n --_connotation-color-faint: var(--vvd-color-neutral-50);\n --_connotation-color-soft: var(--vvd-color-neutral-100);\n}\n@supports (user-select: none) {\n .base {\n user-select: none;\n }\n}\n.base:not(.disabled) {\n --_low-ink-color: var(--vvd-color-neutral-600);\n}\n.base.disabled {\n --_low-ink-color: var(--_appearance-color-text);\n}\n\n.label {\n color: var(--vvd-color-canvas-text);\n contain: inline-size;\n font: var(--vvd-typography-base);\n grid-column: 1/4;\n grid-row: 1;\n}\n.char-count + .label {\n grid-column: 1/3;\n}\n\n.char-count {\n color: var(--_low-ink-color);\n font: var(--vvd-typography-base);\n grid-column: 3/4;\n}\n\n.fieldset {\n position: relative;\n display: flex;\n align-items: center;\n grid-column: 1/4;\n transition: color 0.2s;\n /* Shape */\n}\n.base > .fieldset {\n block-size: calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2)));\n}\n.base:not(.shape-pill) .fieldset {\n border-radius: 6px;\n}\n.base.shape-pill .fieldset {\n border-radius: 24px;\n}\n\n.control {\n width: 100%;\n border: 0 none;\n appearance: none; /* for box-shadow visibility on IOS */\n background-color: var(--_appearance-color-fill);\n block-size: 100%;\n border-radius: inherit;\n box-shadow: inset 0 0 0 1px var(--_appearance-color-outline);\n color: var(--_appearance-color-text);\n font: var(--vvd-typography-base);\n padding-block: 0;\n padding-inline-end: var(--_text-field-gutter);\n padding-inline-start: var(--_text-field-gutter);\n transition: box-shadow 0.2s, background-color 0.2s;\n}\n.control:disabled {\n cursor: not-allowed;\n opacity: 1; /* 2. correct opacity on iOS */\n -webkit-text-fill-color: var(--_appearance-color-text); /* 1. sets text fill to current `color` for safari */\n}\n.control::placeholder, .control:disabled::placeholder {\n opacity: 1; /* 2. correct opacity on iOS */\n -webkit-text-fill-color: var(--_low-ink-color); /* 1. sets text fill to current `color` for safari */\n}\n@supports selector(:focus-visible) {\n .control:focus {\n outline: none;\n }\n}\n\n.icon {\n position: absolute;\n z-index: 1;\n color: var(--_low-ink-color);\n font-size: var(--_text-field-icon-size);\n inset-inline-start: var(--_text-field-gutter);\n line-height: 1;\n}\n.icon + .control {\n padding-inline-start: calc(var(--_text-field-icon-size) + var(--_text-field-gutter) * 2);\n}\n\n.focus-indicator {\n --focus-stroke-gap-color: transparent;\n pointer-events: none;\n}\n.fieldset:not(:focus-visible, :focus-within) > .focus-indicator {\n display: none;\n}";
1
+ var css_248z = "/**\n * Do not edit directly\n * Generated on Wed, 08 Mar 2023 09:27:51 GMT\n */\n:host {\n display: inline-block;\n}\n\n.base {\n --_text-field-gutter: calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2))) / 2.5);\n --_text-field-icon-size: calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2))) / 2);\n display: inline-grid;\n width: 100%;\n gap: 4px;\n grid-template-columns: min-content 1fr max-content;\n}\n.base {\n --_appearance-color-text: var(--vvd-color-canvas-text);\n --_appearance-color-fill: var(--_connotation-color-backdrop);\n --_appearance-color-outline: var(--_connotation-color-intermediate);\n}\n.base.appearance-ghost {\n --_appearance-color-text: var(--_connotation-color-primary);\n --_appearance-color-fill: transparent;\n --_appearance-color-outline: transparent;\n}\n.base:where(:hover, .hover):where(:not(:disabled, .disabled, .readonly)) {\n --_appearance-color-text: var(--vvd-color-canvas-text);\n --_appearance-color-fill: var(--_connotation-color-backdrop);\n --_appearance-color-outline: var(--_connotation-color-firm);\n}\n.base:where(:hover, .hover):where(:not(:disabled, .disabled, .readonly)).appearance-ghost {\n --_appearance-color-text: var(--_connotation-color-primary);\n --_appearance-color-fill: var(--_connotation-color-faint);\n --_appearance-color-outline: transparent;\n}\n.base:where(:disabled, .disabled) {\n --_appearance-color-text: var(--vvd-color-neutral-400);\n --_appearance-color-fill: var(--vvd-color-neutral-200);\n --_appearance-color-outline: var(--vvd-color-neutral-400);\n}\n.base:where(:disabled, .disabled).appearance-ghost {\n --_appearance-color-text: var(--vvd-color-neutral-400);\n --_appearance-color-fill: transparent;\n --_appearance-color-outline: transparent;\n}\n.base:where(.readonly):where(:not(:disabled, .disabled)) {\n --_appearance-color-text: var(--vvd-color-canvas-text);\n --_appearance-color-fill: var(--vvd-color-neutral-100);\n --_appearance-color-outline: var(--vvd-color-neutral-400);\n}\n.base:where(.readonly):where(:not(:disabled, .disabled)).appearance-ghost {\n --_appearance-color-text: var(--vvd-color-neutral-400);\n --_appearance-color-fill: transparent;\n --_appearance-color-outline: transparent;\n}\n.base.connotation-success {\n --_connotation-color-primary: var(--vvd-color-success-500);\n --_connotation-color-backdrop: var(--vvd-color-success-50);\n --_connotation-color-intermediate: var(--vvd-color-success-500);\n --_connotation-color-firm: var(--vvd-color-success-600);\n --_connotation-color-faint: var(--vvd-color-success-50);\n --_connotation-color-soft: var(--vvd-color-success-100);\n}\n.base.connotation-alert {\n --_connotation-color-primary: var(--vvd-color-alert-500);\n --_connotation-color-backdrop: var(--vvd-color-alert-50);\n --_connotation-color-intermediate: var(--vvd-color-alert-500);\n --_connotation-color-firm: var(--vvd-color-alert-600);\n --_connotation-color-faint: var(--vvd-color-alert-50);\n --_connotation-color-soft: var(--vvd-color-alert-100);\n}\n.base:not(.connotation-success, .connotation-alert) {\n --_connotation-color-primary: var(--vvd-color-canvas-text);\n --_connotation-color-backdrop: var(--vvd-color-canvas);\n --_connotation-color-intermediate: var(--vvd-color-neutral-500);\n --_connotation-color-firm: var(--vvd-color-canvas-text);\n --_connotation-color-faint: var(--vvd-color-neutral-50);\n --_connotation-color-soft: var(--vvd-color-neutral-100);\n}\n@supports (user-select: none) {\n .base {\n user-select: none;\n }\n}\n.base:not(.disabled) {\n --_low-ink-color: var(--vvd-color-neutral-600);\n}\n.base.disabled {\n --_low-ink-color: var(--_appearance-color-text);\n}\n\n.label {\n color: var(--vvd-color-canvas-text);\n contain: inline-size;\n font: var(--vvd-typography-base);\n grid-column: 1/4;\n grid-row: 1;\n}\n.char-count + .label {\n grid-column: 1/3;\n}\n\n.char-count {\n color: var(--_low-ink-color);\n font: var(--vvd-typography-base);\n grid-column: 3/4;\n}\n\n.fieldset {\n position: relative;\n display: flex;\n align-items: center;\n grid-column: 1/4;\n transition: color 0.2s;\n /* Shape */\n}\n.base > .fieldset {\n block-size: calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2)));\n}\n.base:not(.shape-pill) .fieldset {\n border-radius: 6px;\n}\n.base.shape-pill .fieldset {\n border-radius: 24px;\n}\n\n.control {\n width: 100%;\n border: 0 none;\n appearance: none; /* for box-shadow visibility on IOS */\n background-color: var(--_appearance-color-fill);\n block-size: 100%;\n border-radius: inherit;\n box-shadow: inset 0 0 0 1px var(--_appearance-color-outline);\n color: var(--_appearance-color-text);\n font: var(--vvd-typography-base);\n padding-block: 0;\n padding-inline-end: var(--_text-field-gutter);\n padding-inline-start: var(--_text-field-gutter);\n transition: box-shadow 0.2s, background-color 0.2s;\n}\n.control:disabled {\n cursor: not-allowed;\n opacity: 1; /* 2. correct opacity on iOS */\n -webkit-text-fill-color: var(--_appearance-color-text); /* 1. sets text fill to current `color` for safari */\n}\n.control::placeholder, .control:disabled::placeholder {\n opacity: 1; /* 2. correct opacity on iOS */\n -webkit-text-fill-color: var(--_low-ink-color); /* 1. sets text fill to current `color` for safari */\n}\n@supports selector(:focus-visible) {\n .control:focus {\n outline: none;\n }\n}\n\n.icon {\n position: absolute;\n z-index: 1;\n color: var(--_low-ink-color);\n font-size: var(--_text-field-icon-size);\n inset-inline-start: var(--_text-field-gutter);\n line-height: 1;\n}\n.icon + .control {\n padding-inline-start: calc(var(--_text-field-icon-size) + var(--_text-field-gutter) * 2);\n}\n\n.focus-indicator {\n --focus-stroke-gap-color: transparent;\n pointer-events: none;\n}\n.fieldset:not(:focus-visible, :focus-within) > .focus-indicator {\n display: none;\n}";
2
2
 
3
3
  export { css_248z as c };
@@ -0,0 +1,151 @@
1
+ import { F as FoundationElement, _ as __decorate, a as attr, o as observable } from './index.js';
2
+ import { S as StartEnd } from './start-end.js';
3
+ import { a as applyMixins } from './apply-mixins.js';
4
+ import { i as isHTMLElement } from './dom.js';
5
+
6
+ /**
7
+ * check if the item is a tree item
8
+ * @public
9
+ * @remarks
10
+ * determines if element is an HTMLElement and if it has the role treeitem
11
+ */
12
+ function isTreeItemElement(el) {
13
+ return isHTMLElement(el) && el.getAttribute("role") === "treeitem";
14
+ }
15
+ /**
16
+ * A Tree item Custom HTML Element.
17
+ *
18
+ * @slot start - Content which can be provided before the tree item content
19
+ * @slot end - Content which can be provided after the tree item content
20
+ * @slot - The default slot for tree item text content
21
+ * @slot item - The slot for tree items (fast tree items manage this assignment themselves)
22
+ * @slot expand-collapse-button - The expand/collapse button
23
+ * @csspart positioning-region - The element used to position the tree item content with exception of any child nodes
24
+ * @csspart content-region - The element containing the expand/collapse, start, and end slots
25
+ * @csspart items - The element wrapping any child items
26
+ * @csspart expand-collapse-button - The expand/collapse button
27
+ * @fires expanded-change - Fires a custom 'expanded-change' event when the expanded state changes
28
+ * @fires selected-change - Fires a custom 'selected-change' event when the selected state changes
29
+ *
30
+ * @public
31
+ */
32
+ class TreeItem extends FoundationElement {
33
+ constructor() {
34
+ super(...arguments);
35
+ /**
36
+ * When true, the control will be appear expanded by user interaction.
37
+ * @public
38
+ * @remarks
39
+ * HTML Attribute: expanded
40
+ */
41
+ this.expanded = false;
42
+ /**
43
+ * Whether the item is focusable
44
+ *
45
+ * @internal
46
+ */
47
+ this.focusable = false;
48
+ /**
49
+ * Whether the tree is nested
50
+ *
51
+ * @public
52
+ */
53
+ this.isNestedItem = () => {
54
+ return isTreeItemElement(this.parentElement);
55
+ };
56
+ /**
57
+ * Handle expand button click
58
+ *
59
+ * @internal
60
+ */
61
+ this.handleExpandCollapseButtonClick = (e) => {
62
+ if (!this.disabled && !e.defaultPrevented) {
63
+ this.expanded = !this.expanded;
64
+ }
65
+ };
66
+ /**
67
+ * Handle focus events
68
+ *
69
+ * @internal
70
+ */
71
+ this.handleFocus = (e) => {
72
+ this.setAttribute("tabindex", "0");
73
+ };
74
+ /**
75
+ * Handle blur events
76
+ *
77
+ * @internal
78
+ */
79
+ this.handleBlur = (e) => {
80
+ this.setAttribute("tabindex", "-1");
81
+ };
82
+ }
83
+ expandedChanged() {
84
+ if (this.$fastController.isConnected) {
85
+ this.$emit("expanded-change", this);
86
+ }
87
+ }
88
+ selectedChanged() {
89
+ if (this.$fastController.isConnected) {
90
+ this.$emit("selected-change", this);
91
+ }
92
+ }
93
+ itemsChanged(oldValue, newValue) {
94
+ if (this.$fastController.isConnected) {
95
+ this.items.forEach((node) => {
96
+ if (isTreeItemElement(node)) {
97
+ // TODO: maybe not require it to be a TreeItem?
98
+ node.nested = true;
99
+ }
100
+ });
101
+ }
102
+ }
103
+ /**
104
+ * Places document focus on a tree item
105
+ *
106
+ * @public
107
+ * @param el - the element to focus
108
+ */
109
+ static focusItem(el) {
110
+ el.focusable = true;
111
+ el.focus();
112
+ }
113
+ /**
114
+ * Gets number of children
115
+ *
116
+ * @internal
117
+ */
118
+ childItemLength() {
119
+ const treeChildren = this.childItems.filter((item) => {
120
+ return isTreeItemElement(item);
121
+ });
122
+ return treeChildren ? treeChildren.length : 0;
123
+ }
124
+ }
125
+ __decorate([
126
+ attr({ mode: "boolean" })
127
+ ], TreeItem.prototype, "expanded", void 0);
128
+ __decorate([
129
+ attr({ mode: "boolean" })
130
+ ], TreeItem.prototype, "selected", void 0);
131
+ __decorate([
132
+ attr({ mode: "boolean" })
133
+ ], TreeItem.prototype, "disabled", void 0);
134
+ __decorate([
135
+ observable
136
+ ], TreeItem.prototype, "focusable", void 0);
137
+ __decorate([
138
+ observable
139
+ ], TreeItem.prototype, "childItems", void 0);
140
+ __decorate([
141
+ observable
142
+ ], TreeItem.prototype, "items", void 0);
143
+ __decorate([
144
+ observable
145
+ ], TreeItem.prototype, "nested", void 0);
146
+ __decorate([
147
+ observable
148
+ ], TreeItem.prototype, "renderCollapsedChildren", void 0);
149
+ applyMixins(TreeItem, StartEnd);
150
+
151
+ export { TreeItem as T, isTreeItemElement as i };
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Sun, 19 Feb 2023 11:52:38 GMT
3
+ * Generated on Wed, 08 Mar 2023 09:27:51 GMT
4
4
  */
5
5
  .vvd-root {
6
6
  color-scheme: var(--vvd-color-scheme);
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Sun, 19 Feb 2023 11:52:38 GMT
3
+ * Generated on Wed, 08 Mar 2023 09:27:51 GMT
4
4
  */
5
5
  .vvd-root {
6
6
  color-scheme: var(--vvd-color-scheme);
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Sun, 19 Feb 2023 11:52:38 GMT
3
+ * Generated on Wed, 08 Mar 2023 09:27:51 GMT
4
4
  */
5
5
  .vvd-root:root {
6
6
  --vvd-size-font-scale-base: 1rem;
@@ -1,18 +1,18 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Sun, 19 Feb 2023 11:52:38 GMT
3
+ * Generated on Wed, 08 Mar 2023 09:27:51 GMT
4
4
  */
5
5
  /**
6
6
  * Do not edit directly
7
- * Generated on Sun, 19 Feb 2023 11:52:38 GMT
7
+ * Generated on Wed, 08 Mar 2023 09:27:51 GMT
8
8
  */
9
9
  /**
10
10
  * Do not edit directly
11
- * Generated on Sun, 19 Feb 2023 11:52:38 GMT
11
+ * Generated on Wed, 08 Mar 2023 09:27:51 GMT
12
12
  */
13
13
  /**
14
14
  * Do not edit directly
15
- * Generated on Sun, 19 Feb 2023 11:52:38 GMT
15
+ * Generated on Wed, 08 Mar 2023 09:27:51 GMT
16
16
  */
17
17
  @property --vvd-size-density {
18
18
  syntax: "<integer>";
@@ -1,18 +1,18 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Sun, 19 Feb 2023 11:52:38 GMT
3
+ * Generated on Wed, 08 Mar 2023 09:27:51 GMT
4
4
  */
5
5
  /**
6
6
  * Do not edit directly
7
- * Generated on Sun, 19 Feb 2023 11:52:38 GMT
7
+ * Generated on Wed, 08 Mar 2023 09:27:51 GMT
8
8
  */
9
9
  /**
10
10
  * Do not edit directly
11
- * Generated on Sun, 19 Feb 2023 11:52:38 GMT
11
+ * Generated on Wed, 08 Mar 2023 09:27:51 GMT
12
12
  */
13
13
  /**
14
14
  * Do not edit directly
15
- * Generated on Sun, 19 Feb 2023 11:52:38 GMT
15
+ * Generated on Wed, 08 Mar 2023 09:27:51 GMT
16
16
  */
17
17
  @property --vvd-size-density {
18
18
  syntax: "<integer>";
@@ -1,7 +1,5 @@
1
1
  import { r as registerTreeItem } from '../shared/definition47.js';
2
2
  import '../shared/index.js';
3
- import '../shared/definition.js';
4
- import '../shared/definition2.js';
5
3
  import '../shared/definition3.js';
6
4
  import '../shared/icon.js';
7
5
  import '../shared/to-string.js';
@@ -12,80 +10,13 @@ import '../shared/when.js';
12
10
  import '../shared/definition4.js';
13
11
  import '../shared/focus.js';
14
12
  import '../shared/affix.js';
13
+ import '../shared/tree-item.js';
15
14
  import '../shared/start-end.js';
16
15
  import '../shared/ref.js';
17
16
  import '../shared/apply-mixins.js';
17
+ import '../shared/dom.js';
18
18
  import '../shared/focus2.js';
19
- import '../shared/key-codes.js';
20
- import '../shared/numbers.js';
21
19
  import '../shared/slotted.js';
22
- import '../shared/definition5.js';
23
- import '../shared/definition6.js';
24
- import '../shared/definition7.js';
25
- import '../shared/definition8.js';
26
- import '../shared/definition9.js';
27
- import '../shared/button.js';
28
- import '../shared/form-associated.js';
29
- import '../shared/aria-global.js';
30
- import '../shared/enums.js';
31
- import '../shared/definition10.js';
32
- import '../shared/breadcrumb-item.js';
33
- import '../shared/anchor.js';
34
- import '../shared/definition11.js';
35
- import '../shared/text-anchor.template.js';
36
- import '../shared/definition12.js';
37
- import '../shared/calendar-event.js';
38
- import '../shared/es.object.assign.js';
39
- import '../shared/repeat.js';
40
- import '../shared/definition13.js';
41
- import '../shared/definition14.js';
42
- import '../shared/definition15.js';
43
- import '../shared/definition16.js';
44
- import '../shared/definition17.js';
45
- import '../shared/definition18.js';
46
- import '../shared/definition19.js';
47
- import '../shared/dom.js';
48
- import '../shared/form-elements.js';
49
- import '../shared/text-field.js';
50
- import '../shared/listbox.js';
51
- import '../shared/strings.js';
52
- import '../shared/select.options.js';
53
- import '../shared/definition20.js';
54
- import '../shared/definition21.js';
55
- import '../shared/aria.js';
56
- import '../shared/definition22.js';
57
- import '../shared/definition23.js';
58
- import '../shared/definition24.js';
59
- import '../shared/definition25.js';
60
- import '../shared/definition26.js';
61
- import '../shared/definition27.js';
62
- import '../shared/direction.js';
63
- import '../shared/definition28.js';
64
- import '../shared/definition29.js';
65
- import '../shared/definition30.js';
66
- import '../shared/text-anchor.js';
67
- import '../shared/definition31.js';
68
- import '../shared/definition32.js';
69
- import '../shared/text-field2.js';
70
- import '../shared/es.regexp.to-string.js';
71
- import '../shared/definition33.js';
72
- import '../shared/base-progress.js';
73
- import '../shared/definition34.js';
74
- import '../shared/definition35.js';
75
- import '../shared/radio.js';
76
- import '../shared/definition36.js';
77
- import '../shared/aria2.js';
78
- import '../shared/definition37.js';
79
- import '../shared/definition38.js';
80
- import '../shared/definition39.js';
81
- import '../shared/definition40.js';
82
- import '../shared/definition45.js';
83
- import '../shared/definition44.js';
84
- import '../shared/definition46.js';
85
- import '../shared/definition43.js';
86
- import '../shared/definition41.js';
87
- import '../shared/definition42.js';
88
- import '../shared/definition48.js';
89
20
  import '../shared/children.js';
90
21
 
91
22
  registerTreeItem();
@@ -1,5 +1,6 @@
1
1
  import { r as registerTreeView } from '../shared/definition48.js';
2
2
  import '../shared/index.js';
3
+ import '../shared/tree-item.js';
3
4
  import '../shared/start-end.js';
4
5
  import '../shared/ref.js';
5
6
  import '../shared/apply-mixins.js';