@omegagrid/core 0.5.20 → 0.6.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 (162) hide show
  1. package/dist/common/actions.js +2 -7
  2. package/dist/common/actions.js.map +1 -1
  3. package/dist/common/colors.js +15 -29
  4. package/dist/common/colors.js.map +1 -1
  5. package/dist/common/csv.js +9 -15
  6. package/dist/common/csv.js.map +1 -1
  7. package/dist/common/dates.js +45 -63
  8. package/dist/common/dates.js.map +1 -1
  9. package/dist/common/dom.d.ts +1 -0
  10. package/dist/common/dom.d.ts.map +1 -1
  11. package/dist/common/dom.js +62 -88
  12. package/dist/common/dom.js.map +1 -1
  13. package/dist/common/events.js +7 -14
  14. package/dist/common/events.js.map +1 -1
  15. package/dist/common/html.js +3 -11
  16. package/dist/common/html.js.map +1 -1
  17. package/dist/common/index.js +14 -43
  18. package/dist/common/index.js.map +1 -1
  19. package/dist/common/linkedList.js +2 -7
  20. package/dist/common/linkedList.js.map +1 -1
  21. package/dist/common/loaders.js +4 -9
  22. package/dist/common/loaders.js.map +1 -1
  23. package/dist/common/logger.js +4 -9
  24. package/dist/common/logger.js.map +1 -1
  25. package/dist/common/matrix.js +4 -11
  26. package/dist/common/matrix.js.map +1 -1
  27. package/dist/common/numbers.d.ts.map +1 -1
  28. package/dist/common/numbers.js +17 -29
  29. package/dist/common/numbers.js.map +1 -1
  30. package/dist/common/options.d.ts.map +1 -1
  31. package/dist/common/options.js +13 -21
  32. package/dist/common/options.js.map +1 -1
  33. package/dist/common/tree.d.ts.map +1 -1
  34. package/dist/common/tree.js +7 -14
  35. package/dist/common/tree.js.map +1 -1
  36. package/dist/common/utils.d.ts +3 -3
  37. package/dist/common/utils.d.ts.map +1 -1
  38. package/dist/common/utils.js +19 -41
  39. package/dist/common/utils.js.map +1 -1
  40. package/dist/constants.js +3 -8
  41. package/dist/constants.js.map +1 -1
  42. package/dist/index.js +10 -33
  43. package/dist/index.js.map +1 -1
  44. package/dist/model/adapter.js +1 -5
  45. package/dist/model/adapter.js.map +1 -1
  46. package/dist/model/component.js +4 -8
  47. package/dist/model/component.js.map +1 -1
  48. package/dist/model/componentSlice.js +1 -5
  49. package/dist/model/componentSlice.js.map +1 -1
  50. package/dist/model/componentStore.js +1 -5
  51. package/dist/model/componentStore.js.map +1 -1
  52. package/dist/model/index.js +5 -21
  53. package/dist/model/index.js.map +1 -1
  54. package/dist/model/plugins.js +4 -9
  55. package/dist/model/plugins.js.map +1 -1
  56. package/dist/themes/definitions/tmDark.d.ts.map +1 -1
  57. package/dist/themes/definitions/tmDark.js +4 -9
  58. package/dist/themes/definitions/tmDark.js.map +1 -1
  59. package/dist/themes/definitions/tmLight.d.ts.map +1 -1
  60. package/dist/themes/definitions/tmLight.js +4 -9
  61. package/dist/themes/definitions/tmLight.js.map +1 -1
  62. package/dist/themes/helpers.js +13 -23
  63. package/dist/themes/helpers.js.map +1 -1
  64. package/dist/themes/index.d.ts +1 -0
  65. package/dist/themes/index.d.ts.map +1 -1
  66. package/dist/themes/index.js +16 -39
  67. package/dist/themes/index.js.map +1 -1
  68. package/dist/themes/mixins.d.ts.map +1 -1
  69. package/dist/themes/mixins.js +9 -14
  70. package/dist/themes/mixins.js.map +1 -1
  71. package/dist/themes/transformations.js +7 -9
  72. package/dist/themes/transformations.js.map +1 -1
  73. package/dist/types.js +2 -5
  74. package/dist/types.js.map +1 -1
  75. package/dist/ui/accordion.d.ts +6 -2
  76. package/dist/ui/accordion.d.ts.map +1 -1
  77. package/dist/ui/accordion.js +146 -52
  78. package/dist/ui/accordion.js.map +1 -1
  79. package/dist/ui/alert.js +28 -32
  80. package/dist/ui/alert.js.map +1 -1
  81. package/dist/ui/baseElement.js +3 -8
  82. package/dist/ui/baseElement.js.map +1 -1
  83. package/dist/ui/button.js +33 -36
  84. package/dist/ui/button.js.map +1 -1
  85. package/dist/ui/button.style.js +2 -5
  86. package/dist/ui/button.style.js.map +1 -1
  87. package/dist/ui/checkbox.js +15 -18
  88. package/dist/ui/checkbox.js.map +1 -1
  89. package/dist/ui/colorpicker.js +33 -40
  90. package/dist/ui/colorpicker.js.map +1 -1
  91. package/dist/ui/container.js +31 -63
  92. package/dist/ui/container.js.map +1 -1
  93. package/dist/ui/dropdown.js +38 -65
  94. package/dist/ui/dropdown.js.map +1 -1
  95. package/dist/ui/dropdownColorPicker.js +16 -19
  96. package/dist/ui/dropdownColorPicker.js.map +1 -1
  97. package/dist/ui/dropdownList.js +9 -12
  98. package/dist/ui/dropdownList.js.map +1 -1
  99. package/dist/ui/dropdownMenu.js +12 -15
  100. package/dist/ui/dropdownMenu.js.map +1 -1
  101. package/dist/ui/expander.js +31 -39
  102. package/dist/ui/expander.js.map +1 -1
  103. package/dist/ui/fileInput.js +24 -27
  104. package/dist/ui/fileInput.js.map +1 -1
  105. package/dist/ui/fileInput.style.js +2 -5
  106. package/dist/ui/fileInput.style.js.map +1 -1
  107. package/dist/ui/icon.js +24 -33
  108. package/dist/ui/icon.js.map +1 -1
  109. package/dist/ui/images.js +1 -4
  110. package/dist/ui/images.js.map +1 -1
  111. package/dist/ui/index.js +28 -44
  112. package/dist/ui/index.js.map +1 -1
  113. package/dist/ui/input.js +14 -19
  114. package/dist/ui/input.js.map +1 -1
  115. package/dist/ui/list.js +56 -93
  116. package/dist/ui/list.js.map +1 -1
  117. package/dist/ui/list.style.js +2 -5
  118. package/dist/ui/list.style.js.map +1 -1
  119. package/dist/ui/loader.js +11 -14
  120. package/dist/ui/loader.js.map +1 -1
  121. package/dist/ui/menu.js +37 -47
  122. package/dist/ui/menu.js.map +1 -1
  123. package/dist/ui/menu.style.js +5 -11
  124. package/dist/ui/menu.style.js.map +1 -1
  125. package/dist/ui/numericInput.js +29 -37
  126. package/dist/ui/numericInput.js.map +1 -1
  127. package/dist/ui/numericInput.style.js +2 -5
  128. package/dist/ui/numericInput.style.js.map +1 -1
  129. package/dist/ui/overlay.js +27 -33
  130. package/dist/ui/overlay.js.map +1 -1
  131. package/dist/ui/overlay.style.js +2 -5
  132. package/dist/ui/overlay.style.js.map +1 -1
  133. package/dist/ui/panel.d.ts +1 -0
  134. package/dist/ui/panel.d.ts.map +1 -1
  135. package/dist/ui/panel.js +50 -36
  136. package/dist/ui/panel.js.map +1 -1
  137. package/dist/ui/panel.style.js +2 -5
  138. package/dist/ui/panel.style.js.map +1 -1
  139. package/dist/ui/sizer.js +18 -48
  140. package/dist/ui/sizer.js.map +1 -1
  141. package/dist/ui/slider.js +29 -59
  142. package/dist/ui/slider.js.map +1 -1
  143. package/dist/ui/slider.style.js +5 -11
  144. package/dist/ui/slider.style.js.map +1 -1
  145. package/dist/ui/sortableList.js +17 -26
  146. package/dist/ui/sortableList.js.map +1 -1
  147. package/dist/ui/splitContainer.d.ts +15 -4
  148. package/dist/ui/splitContainer.d.ts.map +1 -1
  149. package/dist/ui/splitContainer.js +97 -86
  150. package/dist/ui/splitContainer.js.map +1 -1
  151. package/dist/ui/splitContainer.style.d.ts.map +1 -1
  152. package/dist/ui/splitContainer.style.js +10 -5
  153. package/dist/ui/splitContainer.style.js.map +1 -1
  154. package/dist/ui/switch.js +23 -27
  155. package/dist/ui/switch.js.map +1 -1
  156. package/dist/ui/switch.style.js +13 -16
  157. package/dist/ui/switch.style.js.map +1 -1
  158. package/dist/ui/tooltip.js +30 -59
  159. package/dist/ui/tooltip.js.map +1 -1
  160. package/dist/ui/tooltip.style.js +35 -41
  161. package/dist/ui/tooltip.style.js.map +1 -1
  162. package/package.json +3 -3
@@ -1,26 +1,24 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const colors_1 = require("../common/colors");
1
+ import { alpha, darken } from "../common/colors";
4
2
  const transformations = [{
5
3
  from: 'accent-color',
6
4
  to: 'accent-color-alpha',
7
- transform: (v) => (0, colors_1.alpha)(v)
5
+ transform: (v) => alpha(v)
8
6
  }, {
9
7
  from: 'accent-color',
10
8
  to: 'accent-color-alpha-15',
11
- transform: (v) => (0, colors_1.alpha)(v, 0.15)
9
+ transform: (v) => alpha(v, 0.15)
12
10
  }, {
13
11
  from: 'accent-color',
14
12
  to: 'accent-color-alpha-30',
15
- transform: (v) => (0, colors_1.alpha)(v, 0.30)
13
+ transform: (v) => alpha(v, 0.30)
16
14
  }, {
17
15
  from: 'accent-color',
18
16
  to: 'accent-color-alpha-70',
19
- transform: (v) => (0, colors_1.alpha)(v, 0.70)
17
+ transform: (v) => alpha(v, 0.70)
20
18
  }, {
21
19
  from: 'accent-color',
22
20
  to: 'accent-color-highlight',
23
- transform: (v) => (0, colors_1.darken)(v)
21
+ transform: (v) => darken(v)
24
22
  }, {
25
23
  from: 'accent-color',
26
24
  to: 'colortype-accent-background-color',
@@ -30,5 +28,5 @@ const transformations = [{
30
28
  to: 'colortype-accent-border-color',
31
29
  transform: (v) => v //lighten(v, 0.3)
32
30
  }];
33
- exports.default = transformations;
31
+ export default transformations;
34
32
  //# sourceMappingURL=transformations.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"transformations.js","sourceRoot":"","sources":["../../src/themes/transformations.ts"],"names":[],"mappings":";;AAAA,6CAAiD;AAEjD,MAAM,eAAe,GAAmE,CAAC;QACxF,IAAI,EAAE,cAAc;QACpB,EAAE,EAAE,oBAAoB;QACxB,SAAS,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,IAAA,cAAK,EAAC,CAAC,CAAC;KAClC,EAAE;QACF,IAAI,EAAE,cAAc;QACpB,EAAE,EAAE,uBAAuB;QAC3B,SAAS,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,IAAA,cAAK,EAAC,CAAC,EAAE,IAAI,CAAC;KACxC,EAAE;QACF,IAAI,EAAE,cAAc;QACpB,EAAE,EAAE,uBAAuB;QAC3B,SAAS,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,IAAA,cAAK,EAAC,CAAC,EAAE,IAAI,CAAC;KACxC,EAAE;QACF,IAAI,EAAE,cAAc;QACpB,EAAE,EAAE,uBAAuB;QAC3B,SAAS,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,IAAA,cAAK,EAAC,CAAC,EAAE,IAAI,CAAC;KACxC,EAAE;QACF,IAAI,EAAE,cAAc;QACpB,EAAE,EAAE,wBAAwB;QAC5B,SAAS,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,IAAA,eAAM,EAAC,CAAC,CAAC;KACnC,EAAE;QACF,IAAI,EAAE,cAAc;QACpB,EAAE,EAAE,mCAAmC;QACvC,SAAS,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC;KAC3B,EAAE;QACF,IAAI,EAAE,cAAc;QACpB,EAAE,EAAE,+BAA+B;QACnC,SAAS,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,CAAC,iBAAiB;KAC7C,CAAC,CAAC;AAEH,kBAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"transformations.js","sourceRoot":"","sources":["../../src/themes/transformations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,eAAe,GAAmE,CAAC;QACxF,IAAI,EAAE,cAAc;QACpB,EAAE,EAAE,oBAAoB;QACxB,SAAS,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;KAClC,EAAE;QACF,IAAI,EAAE,cAAc;QACpB,EAAE,EAAE,uBAAuB;QAC3B,SAAS,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC;KACxC,EAAE;QACF,IAAI,EAAE,cAAc;QACpB,EAAE,EAAE,uBAAuB;QAC3B,SAAS,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC;KACxC,EAAE;QACF,IAAI,EAAE,cAAc;QACpB,EAAE,EAAE,uBAAuB;QAC3B,SAAS,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC;KACxC,EAAE;QACF,IAAI,EAAE,cAAc;QACpB,EAAE,EAAE,wBAAwB;QAC5B,SAAS,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;KACnC,EAAE;QACF,IAAI,EAAE,cAAc;QACpB,EAAE,EAAE,mCAAmC;QACvC,SAAS,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC;KAC3B,EAAE;QACF,IAAI,EAAE,cAAc;QACpB,EAAE,EAAE,+BAA+B;QACnC,SAAS,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,CAAC,iBAAiB;KAC7C,CAAC,CAAC;AAEH,eAAe,eAAe,CAAC"}
package/dist/types.js CHANGED
@@ -1,8 +1,5 @@
1
- "use strict";
2
1
  /* eslint-disable @typescript-eslint/no-explicit-any */
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.ColorTypes = void 0;
5
- var ColorTypes;
2
+ export var ColorTypes;
6
3
  (function (ColorTypes) {
7
4
  ColorTypes["Accent"] = "accent";
8
5
  ColorTypes["Red"] = "red";
@@ -11,5 +8,5 @@ var ColorTypes;
11
8
  ColorTypes["Blue"] = "blue";
12
9
  ColorTypes["Gray"] = "gray";
13
10
  ColorTypes["Transparent"] = "transparent";
14
- })(ColorTypes || (exports.ColorTypes = ColorTypes = {}));
11
+ })(ColorTypes || (ColorTypes = {}));
15
12
  //# sourceMappingURL=types.js.map
package/dist/types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":";AAAA,uDAAuD;;;AAsCvD,IAAY,UAQX;AARD,WAAY,UAAU;IACrB,+BAAiB,CAAA;IACjB,yBAAW,CAAA;IACX,+BAAiB,CAAA;IACjB,6BAAe,CAAA;IACf,2BAAa,CAAA;IACb,2BAAa,CAAA;IACb,yCAA2B,CAAA;AAC5B,CAAC,EARW,UAAU,0BAAV,UAAU,QAQrB"}
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,uDAAuD;AAsCvD,MAAM,CAAN,IAAY,UAQX;AARD,WAAY,UAAU;IACrB,+BAAiB,CAAA;IACjB,yBAAW,CAAA;IACX,+BAAiB,CAAA;IACjB,6BAAe,CAAA;IACf,2BAAa,CAAA;IACb,2BAAa,CAAA;IACb,yCAA2B,CAAA;AAC5B,CAAC,EARW,UAAU,KAAV,UAAU,QAQrB"}
@@ -2,10 +2,14 @@ import { AcordionItem, ComponentId } from '../types';
2
2
  import { Panel } from './panel';
3
3
  import { SplitContainer } from './splitContainer';
4
4
  export declare class Accordion extends SplitContainer {
5
+ #private;
5
6
  static styles: import("lit").CSSResult[];
6
7
  items: AcordionItem[];
7
- panels: Map<number, Panel>;
8
- fixSizes(): void;
8
+ constructor();
9
+ willUpdate(props: Map<string, unknown>): void;
10
+ get totalCollapsedHeight(): number;
11
+ fixSizes(): Promise<void>;
12
+ layout(): void;
9
13
  getComponent(index: number, id?: ComponentId): Panel;
10
14
  connectedCallback(): void;
11
15
  }
@@ -1 +1 @@
1
- {"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/ui/accordion.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAErD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,qBACa,SAAU,SAAQ,cAAc;IAE5C,MAAM,CAAC,MAAM,4BAIV;IAGH,KAAK,EAAE,YAAY,EAAE,CAAM;IAE3B,MAAM,qBAA4B;IAElC,QAAQ;IAgCR,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,WAAW;IAwB5C,iBAAiB;CAKjB"}
1
+ {"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/ui/accordion.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAErD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAKlD,qBACa,SAAU,SAAQ,cAAc;;IAE5C,MAAM,CAAC,MAAM,4BAIV;IAGH,KAAK,EAAE,YAAY,EAAE,CAAM;;IAe3B,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAatC,IAAI,oBAAoB,WAMvB;IAEK,QAAQ;IAiEd,MAAM;IAQN,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,WAAW;IAwC5C,iBAAiB;CAKjB"}
@@ -1,76 +1,167 @@
1
- "use strict";
2
1
  var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
3
2
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
4
3
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
5
4
  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;
6
5
  return c > 3 && r && Object.defineProperty(target, key, r), r;
7
6
  };
8
- Object.defineProperty(exports, "__esModule", { value: true });
9
- exports.Accordion = void 0;
10
- const lit_1 = require("lit");
11
- const decorators_js_1 = require("lit/decorators.js");
12
- const common_1 = require("../common");
13
- const splitContainer_1 = require("./splitContainer");
14
- const until_js_1 = require("lit/directives/until.js");
15
- let Accordion = class Accordion extends splitContainer_1.SplitContainer {
7
+ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
8
+ if (kind === "m") throw new TypeError("Private method is not writable");
9
+ if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
10
+ if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
11
+ return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
12
+ };
13
+ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
14
+ if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
15
+ if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
16
+ return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
17
+ };
18
+ var _Accordion_panels, _Accordion_collapsedIndices, _Accordion_heights;
19
+ import { html, render, css } from 'lit';
20
+ import { customElement, property } from 'lit/decorators.js';
21
+ import { dom } from '../common';
22
+ import { SplitContainer } from './splitContainer';
23
+ import { until } from 'lit/directives/until.js';
24
+ const MIN_PANEL_SIZE = 50;
25
+ let Accordion = class Accordion extends SplitContainer {
16
26
  constructor() {
17
- super(...arguments);
27
+ super();
18
28
  this.items = [];
19
- this.panels = new Map();
29
+ _Accordion_panels.set(this, new Map());
30
+ _Accordion_collapsedIndices.set(this, new Set());
31
+ _Accordion_heights.set(this, []);
32
+ this.defaultLayout = false;
33
+ this.addEventListener('splitContainer.resize', () => {
34
+ __classPrivateFieldSet(this, _Accordion_heights, [...this.containers].map(c => c.offsetHeight), "f");
35
+ this.layout();
36
+ });
37
+ }
38
+ willUpdate(props) {
39
+ if (props.has('items')) {
40
+ __classPrivateFieldSet(this, _Accordion_heights, [], "f");
41
+ this.items?.forEach((item, i) => {
42
+ // override SplitContainer collapse logic
43
+ if (item.collapsed)
44
+ __classPrivateFieldGet(this, _Accordion_collapsedIndices, "f").add(i);
45
+ item.collapsed = false;
46
+ __classPrivateFieldGet(this, _Accordion_heights, "f").push(item.size);
47
+ });
48
+ }
49
+ super.willUpdate(props);
50
+ }
51
+ get totalCollapsedHeight() {
52
+ return [...__classPrivateFieldGet(this, _Accordion_collapsedIndices, "f")].reduce((acc, i) => {
53
+ const panel = __classPrivateFieldGet(this, _Accordion_panels, "f").get(i);
54
+ if (!panel)
55
+ return acc;
56
+ return acc + (panel.collapsed ? panel.header.offsetHeight ?? 0 : 0);
57
+ }, 0);
20
58
  }
21
- fixSizes() {
22
- let collapsedPanelHeight = 0;
23
- const expandedIndices = [];
59
+ async fixSizes() {
60
+ await Promise.all([...__classPrivateFieldGet(this, _Accordion_panels, "f").values()].map(panel => panel.updateComplete));
61
+ const containerHeight = this.clientHeight;
62
+ const collapsedCount = __classPrivateFieldGet(this, _Accordion_collapsedIndices, "f").size;
63
+ const visibleCount = this.items.length - collapsedCount;
64
+ let totalCollapsedHeight = 0;
65
+ let totalVisibleHeight = 0;
66
+ let unsetHeightCount = 0;
67
+ let heights = new Array(this.items.length).fill(null);
68
+ let lastIndex;
24
69
  for (let i = 0; i < this.items.length; i++) {
25
- const container = this.containers[i];
26
- const panel = this.panels.get(i);
27
- if (panel.collapsed) {
28
- common_1.dom.setSize(panel, { h: panel.header.offsetHeight });
29
- common_1.dom.setMaxSize(container, { h: panel.header.offsetHeight });
30
- collapsedPanelHeight += panel.header.offsetHeight;
70
+ const collapsed = __classPrivateFieldGet(this, _Accordion_collapsedIndices, "f").has(i);
71
+ if (collapsed) {
72
+ const panel = __classPrivateFieldGet(this, _Accordion_panels, "f").get(i);
73
+ heights[i] = panel.header?.offsetHeight || 0;
74
+ totalCollapsedHeight += heights[i];
31
75
  }
32
76
  else {
33
- // dom.setMaxSize(container, {h: 'none'});
34
- expandedIndices.push(i);
77
+ heights[i] = __classPrivateFieldGet(this, _Accordion_heights, "f")[i];
78
+ if (!heights[i])
79
+ unsetHeightCount++;
80
+ totalVisibleHeight += heights[i] || 0;
81
+ lastIndex = i;
82
+ }
83
+ }
84
+ let remainingHeight = containerHeight - totalCollapsedHeight - totalVisibleHeight;
85
+ let reset = false;
86
+ let addHeight = 0;
87
+ let remainingCount = visibleCount;
88
+ if (remainingHeight > 0) {
89
+ for (let i = 0; i < this.items.length; i++) {
90
+ if (__classPrivateFieldGet(this, _Accordion_collapsedIndices, "f").has(i))
91
+ continue;
92
+ if (!heights[i]) {
93
+ addHeight = remainingHeight / unsetHeightCount;
94
+ heights[i] = addHeight;
95
+ unsetHeightCount--;
96
+ remainingHeight -= addHeight;
97
+ totalVisibleHeight += addHeight;
98
+ }
99
+ else {
100
+ addHeight = remainingHeight / remainingCount;
101
+ heights[i] += addHeight;
102
+ remainingHeight -= addHeight;
103
+ }
104
+ remainingCount--;
105
+ }
106
+ }
107
+ for (let i = 0; i < this.items.length; i++) {
108
+ if (__classPrivateFieldGet(this, _Accordion_collapsedIndices, "f").has(i))
109
+ continue;
110
+ if (heights[i] < MIN_PANEL_SIZE) {
111
+ reset = true;
112
+ break;
35
113
  }
36
114
  }
37
- expandedIndices.forEach(i => {
38
- this.setContainerSize(i, (this.clientHeight - collapsedPanelHeight) / expandedIndices.length, true);
115
+ if (reset) {
116
+ heights = heights.map((h, i) => __classPrivateFieldGet(this, _Accordion_collapsedIndices, "f").has(i) ? h : (totalVisibleHeight / visibleCount));
117
+ }
118
+ else if (remainingHeight > 0) {
119
+ heights[lastIndex] += remainingHeight;
120
+ }
121
+ heights.forEach((h, i) => this.setContainerSize(i, h));
122
+ }
123
+ layout() {
124
+ this.fixSizes();
125
+ this.containers.forEach((_, i) => {
126
+ const component = this.getContainerComponent(i);
127
+ if (component?.layout)
128
+ component.layout();
39
129
  });
40
- // if (expandedIndices.length === 0) return;
41
- // if (panelHeight > this.clientHeight) {
42
- // expandedIndices.forEach(i => {
43
- // this.setContainerSize(i, (panelHeight - headerHeight) / expandedIndices.length, true);
44
- // });
45
- // } else if (panelHeight < this.clientHeight) {
46
- // const lastIndex = expandedIndices[expandedIndices.length - 1];
47
- // const container = this.containers[lastIndex];
48
- // this.setContainerSize(lastIndex, container.offsetHeight + (this.clientHeight - panelHeight), true);
49
- // }
50
130
  }
51
131
  getComponent(index, id) {
52
- var _a;
53
- const panel = common_1.dom.createElement('og-panel');
132
+ let panel = __classPrivateFieldGet(this, _Accordion_panels, "f").get(index);
133
+ if (panel)
134
+ return panel;
135
+ panel = dom.createElement('og-panel');
54
136
  const item = this.items[index];
55
137
  panel.collapsible = true;
138
+ panel.collapsed = __classPrivateFieldGet(this, _Accordion_collapsedIndices, "f").has(index) ?? false;
56
139
  panel.icon = item.icon;
57
140
  panel.arrowPosition = 'left';
58
- if (!this.panels.has(index))
59
- this.panels.set(index, panel);
60
- panel.addEventListener('resize', () => {
141
+ __classPrivateFieldGet(this, _Accordion_panels, "f").set(index, panel);
142
+ panel.addEventListener('resizestart', () => {
61
143
  if (panel.collapsed) {
62
- common_1.dom.setSize(panel, { h: panel.body.offsetHeight + panel.header.offsetHeight });
63
- this.setContainerSize(index, panel.offsetHeight, false);
144
+ if (!__classPrivateFieldGet(this, _Accordion_heights, "f")[index])
145
+ __classPrivateFieldGet(this, _Accordion_heights, "f")[index] = this.getContainer(index).offsetHeight;
146
+ __classPrivateFieldGet(this, _Accordion_collapsedIndices, "f").add(index);
64
147
  }
65
148
  else {
66
- common_1.dom.setSize(panel, { h: '100%' });
67
- this.setContainerSize(index, item.size, false);
149
+ __classPrivateFieldGet(this, _Accordion_collapsedIndices, "f").delete(index);
68
150
  }
69
151
  });
70
- panel.addEventListener('resizestop', () => this.fixSizes());
71
- (0, lit_1.render)((0, lit_1.html) `
72
- <div slot="header">${(_a = item.title) !== null && _a !== void 0 ? _a : ''}</div>
73
- <div slot="body" style="height: 100%; overflow: hidden; position: relative">${(0, until_js_1.until)(this.createComponent(id !== null && id !== void 0 ? id : index))}</div>
152
+ // panel.addEventListener('resize', () => {
153
+ // console.log(panel.body.offsetHeight + panel.header.offsetHeight);
154
+ // let h = panel.body.offsetHeight + panel.header.offsetHeight;
155
+ // this.setContainerSize(index, h);
156
+ // });
157
+ panel.addEventListener('resizestop', () => {
158
+ this.layout();
159
+ });
160
+ render(html `
161
+ <div slot="header">${item.title ?? ''}</div>
162
+ <div slot="body" style="height: 100%; overflow: hidden; position: relative">
163
+ ${until(this.createComponent(id ?? index))}
164
+ </div>
74
165
  `, panel);
75
166
  return panel;
76
167
  }
@@ -79,16 +170,19 @@ let Accordion = class Accordion extends splitContainer_1.SplitContainer {
79
170
  this.orientation = 'vertical';
80
171
  }
81
172
  };
82
- exports.Accordion = Accordion;
83
- Accordion.styles = [...splitContainer_1.SplitContainer.styles, (0, lit_1.css) `
173
+ _Accordion_panels = new WeakMap();
174
+ _Accordion_collapsedIndices = new WeakMap();
175
+ _Accordion_heights = new WeakMap();
176
+ Accordion.styles = [...SplitContainer.styles, css `
84
177
  .item {
85
178
  border-top: none !important;
86
179
  }
87
180
  `];
88
181
  __decorate([
89
- (0, decorators_js_1.property)({ type: Array })
182
+ property({ type: Array })
90
183
  ], Accordion.prototype, "items", void 0);
91
- exports.Accordion = Accordion = __decorate([
92
- (0, decorators_js_1.customElement)(`og-accordion`)
184
+ Accordion = __decorate([
185
+ customElement(`og-accordion`)
93
186
  ], Accordion);
187
+ export { Accordion };
94
188
  //# sourceMappingURL=accordion.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/ui/accordion.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/ui/accordion.ts"],"names":[],"mappings":"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"}
package/dist/ui/alert.js CHANGED
@@ -1,52 +1,47 @@
1
- "use strict";
2
1
  var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
3
2
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
4
3
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
5
4
  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;
6
5
  return c > 3 && r && Object.defineProperty(target, key, r), r;
7
6
  };
8
- Object.defineProperty(exports, "__esModule", { value: true });
9
- exports.Alert = exports.AlertEvent = void 0;
10
- const lit_1 = require("lit");
11
- const decorators_js_1 = require("lit/decorators.js");
12
- const types_1 = require("../types");
13
- const common_1 = require("../common");
7
+ import { LitElement, html, css, unsafeCSS } from 'lit';
8
+ import { customElement, property } from 'lit/decorators.js';
9
+ import { ColorTypes } from '../types';
10
+ import { dom } from '../common';
14
11
  const typeMap = {
15
- 'danger': types_1.ColorTypes.Red,
16
- 'warning': types_1.ColorTypes.Yellow,
17
- 'info': types_1.ColorTypes.Blue,
18
- 'success': types_1.ColorTypes.Green
12
+ 'danger': ColorTypes.Red,
13
+ 'warning': ColorTypes.Yellow,
14
+ 'info': ColorTypes.Blue,
15
+ 'success': ColorTypes.Green
19
16
  };
20
- class AlertEvent extends Event {
17
+ export class AlertEvent extends Event {
21
18
  constructor(type) {
22
19
  super(`alert.${type}`, { bubbles: true, composed: true });
23
20
  }
24
21
  }
25
- exports.AlertEvent = AlertEvent;
26
- let Alert = class Alert extends lit_1.LitElement {
22
+ let Alert = class Alert extends LitElement {
27
23
  constructor() {
28
24
  super(...arguments);
29
25
  this.closable = false;
30
- this.render = () => (0, lit_1.html) `
31
- ${this.icon ? (0, lit_1.html) `
26
+ this.render = () => html `
27
+ ${this.icon ? html `
32
28
  <og-fa-icon .icon="${this.icon}"></og-fa-icon>
33
29
  ` : ''}
34
30
  <div id="text">
35
- ${this.text ? (0, lit_1.html) `${this.text}` : (0, lit_1.html) `<slot name="content"></slot>`}
31
+ ${this.text ? html `${this.text}` : html `<slot name="content"></slot>`}
36
32
  </div>
37
- ${this.closable ? (0, lit_1.html) `
33
+ ${this.closable ? html `
38
34
  <div id="close" @click="${() => this.close(true)}">&times</div>
39
35
  ` : ``}
40
36
  `;
41
37
  }
42
38
  close(dispatchEvent) {
43
- common_1.dom.remove(this);
39
+ dom.remove(this);
44
40
  if (dispatchEvent)
45
41
  this.dispatchEvent(new AlertEvent('close'));
46
42
  }
47
43
  };
48
- exports.Alert = Alert;
49
- Alert.styles = [(0, lit_1.css) `
44
+ Alert.styles = [css `
50
45
  :host {
51
46
  font-size: var(--og-font-size);
52
47
  padding: 5px;
@@ -78,27 +73,28 @@ Alert.styles = [(0, lit_1.css) `
78
73
  background-color: #000000;
79
74
  opacity: 0.5;
80
75
  }
81
- `, ...Array.from(Object.keys(typeMap)).map(key => (0, lit_1.css) `
82
- :host([type="${(0, lit_1.unsafeCSS)(key)}"]) {
83
- color: var(--og-colortype-${(0, lit_1.unsafeCSS)(typeMap[key])}-text-color);
84
- background-color: var(--og-colortype-${(0, lit_1.unsafeCSS)(typeMap[key])}-background-color);
85
- border: 1px solid var(--og-colortype-${(0, lit_1.unsafeCSS)(typeMap[key])}-border-color);
76
+ `, ...Array.from(Object.keys(typeMap)).map(key => css `
77
+ :host([type="${unsafeCSS(key)}"]) {
78
+ color: var(--og-colortype-${unsafeCSS(typeMap[key])}-text-color);
79
+ background-color: var(--og-colortype-${unsafeCSS(typeMap[key])}-background-color);
80
+ border: 1px solid var(--og-colortype-${unsafeCSS(typeMap[key])}-border-color);
86
81
  }
87
82
  `)
88
83
  ];
89
84
  __decorate([
90
- (0, decorators_js_1.property)({ type: String })
85
+ property({ type: String })
91
86
  ], Alert.prototype, "text", void 0);
92
87
  __decorate([
93
- (0, decorators_js_1.property)({ type: String })
88
+ property({ type: String })
94
89
  ], Alert.prototype, "icon", void 0);
95
90
  __decorate([
96
- (0, decorators_js_1.property)({ type: String, reflect: true })
91
+ property({ type: String, reflect: true })
97
92
  ], Alert.prototype, "type", void 0);
98
93
  __decorate([
99
- (0, decorators_js_1.property)({ type: Boolean })
94
+ property({ type: Boolean })
100
95
  ], Alert.prototype, "closable", void 0);
101
- exports.Alert = Alert = __decorate([
102
- (0, decorators_js_1.customElement)(`og-alert`)
96
+ Alert = __decorate([
97
+ customElement(`og-alert`)
103
98
  ], Alert);
99
+ export { Alert };
104
100
  //# sourceMappingURL=alert.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"alert.js","sourceRoot":"","sources":["../../src/ui/alert.ts"],"names":[],"mappings":";;;;;;;;;AAAA,6BAAuD;AACvD,qDAA4D;AAC5D,oCAAsC;AACtC,sCAAgC;AAIhC,MAAM,OAAO,GAAkC;IAC9C,QAAQ,EAAE,kBAAU,CAAC,GAAG;IACxB,SAAS,EAAE,kBAAU,CAAC,MAAM;IAC5B,MAAM,EAAE,kBAAU,CAAC,IAAI;IACvB,SAAS,EAAE,kBAAU,CAAC,KAAK;CAC3B,CAAC;AAEF,MAAa,UAAW,SAAQ,KAAK;IACpC,YAAY,IAAY;QACvB,KAAK,CAAC,SAAS,IAAI,EAAE,EAAE,EAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAC;IACzD,CAAC;CACD;AAJD,gCAIC;AAGM,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,gBAAU;IAA9B;;QAqDN,aAAQ,GAAG,KAAK,CAAC;QAOjB,WAAM,GAAG,GAAG,EAAE,CAAC,IAAA,UAAI,EAAA;IAChB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAA,UAAI,EAAA;wBACI,IAAI,CAAC,IAAI;GAC9B,CAAC,CAAC,CAAC,EAAE;;KAEH,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAA,UAAI,EAAA,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAA,UAAI,EAAA,8BAA8B;;IAEpE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAA,UAAI,EAAA;6BACK,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;GAChD,CAAC,CAAC,CAAC,EAAE;EACN,CAAC;IAEH,CAAC;IAjBA,KAAK,CAAC,aAAuB;QAC5B,YAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI,aAAa;YAAE,IAAI,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;IAChE,CAAC;;AA1DW,sBAAK;AAEV,YAAM,GAAG,CAAC,IAAA,SAAG,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgClB,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,IAAA,SAAG,EAAA;kBACrC,IAAA,eAAS,EAAC,GAAG,CAAC;gCACA,IAAA,eAAS,EAAC,OAAO,CAAC,GAAgB,CAAC,CAAC;2CACzB,IAAA,eAAS,EAAC,OAAO,CAAC,GAAgB,CAAC,CAAC;2CACpC,IAAA,eAAS,EAAC,OAAO,CAAC,GAAgB,CAAC,CAAC;;GAE5E,CAAC;CACF,AAvCY,CAuCX;AAGF;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;mCACZ;AAGb;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;mCACZ;AAGb;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;mCACxB;AAGhB;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;uCACT;gBArDL,KAAK;IADjB,IAAA,6BAAa,EAAC,UAAU,CAAC;GACb,KAAK,CAwEjB"}
1
+ {"version":3,"file":"alert.js","sourceRoot":"","sources":["../../src/ui/alert.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAIhC,MAAM,OAAO,GAAkC;IAC9C,QAAQ,EAAE,UAAU,CAAC,GAAG;IACxB,SAAS,EAAE,UAAU,CAAC,MAAM;IAC5B,MAAM,EAAE,UAAU,CAAC,IAAI;IACvB,SAAS,EAAE,UAAU,CAAC,KAAK;CAC3B,CAAC;AAEF,MAAM,OAAO,UAAW,SAAQ,KAAK;IACpC,YAAY,IAAY;QACvB,KAAK,CAAC,SAAS,IAAI,EAAE,EAAE,EAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAC;IACzD,CAAC;CACD;AAGM,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,UAAU;IAA9B;;QAqDN,aAAQ,GAAG,KAAK,CAAC;QAOjB,WAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;IAChB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;wBACI,IAAI,CAAC,IAAI;GAC9B,CAAC,CAAC,CAAC,EAAE;;KAEH,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA,8BAA8B;;IAEpE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;6BACK,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;GAChD,CAAC,CAAC,CAAC,EAAE;EACN,CAAC;IAEH,CAAC;IAjBA,KAAK,CAAC,aAAuB;QAC5B,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI,aAAa;YAAE,IAAI,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;IAChE,CAAC;;AAxDM,YAAM,GAAG,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgClB,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAA;kBACrC,SAAS,CAAC,GAAG,CAAC;gCACA,SAAS,CAAC,OAAO,CAAC,GAAgB,CAAC,CAAC;2CACzB,SAAS,CAAC,OAAO,CAAC,GAAgB,CAAC,CAAC;2CACpC,SAAS,CAAC,OAAO,CAAC,GAAgB,CAAC,CAAC;;GAE5E,CAAC;CACF,AAvCY,CAuCX;AAGF;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;mCACZ;AAGb;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;mCACZ;AAGb;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;mCACxB;AAGhB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;uCACT;AArDL,KAAK;IADjB,aAAa,CAAC,UAAU,CAAC;GACb,KAAK,CAwEjB"}
@@ -1,15 +1,10 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.BaseElement = exports.ComponentEvent = void 0;
4
- const lit_1 = require("lit");
5
- class ComponentEvent extends Event {
1
+ import { LitElement } from 'lit';
2
+ export class ComponentEvent extends Event {
6
3
  }
7
- exports.ComponentEvent = ComponentEvent;
8
- class BaseElement extends lit_1.LitElement {
4
+ export class BaseElement extends LitElement {
9
5
  constructor() {
10
6
  super(...arguments);
11
7
  this.customProperties = {};
12
8
  }
13
9
  }
14
- exports.BaseElement = BaseElement;
15
10
  //# sourceMappingURL=baseElement.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"baseElement.js","sourceRoot":"","sources":["../../src/ui/baseElement.ts"],"names":[],"mappings":";;;AAAA,6BAAiC;AAEjC,MAAa,cAAe,SAAQ,KAAK;CAAI;AAA7C,wCAA6C;AAE7C,MAAa,WAAY,SAAQ,gBAAU;IAA3C;;QAEiB,qBAAgB,GAA4B,EAAE,CAAC;IAEhE,CAAC;CAAA;AAJD,kCAIC"}
1
+ {"version":3,"file":"baseElement.js","sourceRoot":"","sources":["../../src/ui/baseElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,MAAM,OAAO,cAAe,SAAQ,KAAK;CAAI;AAE7C,MAAM,OAAO,WAAY,SAAQ,UAAU;IAA3C;;QAEiB,qBAAgB,GAA4B,EAAE,CAAC;IAEhE,CAAC;CAAA"}