@limetech/lime-elements 33.13.0-next.2 → 33.13.0-next.6

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 (43) hide show
  1. package/dist/cjs/format-c0047dfb.js +78 -0
  2. package/dist/cjs/lime-elements.cjs.js +1 -1
  3. package/dist/cjs/limel-badge.cjs.entry.js +3 -75
  4. package/dist/cjs/limel-chip-set.cjs.entry.js +1 -1
  5. package/dist/cjs/limel-circular-progress.cjs.entry.js +44 -0
  6. package/dist/cjs/limel-flatpickr-adapter_2.cjs.entry.js +1 -1
  7. package/dist/cjs/limel-linear-progress.cjs.entry.js +1 -1
  8. package/dist/cjs/limel-list_3.cjs.entry.js +1 -1
  9. package/dist/cjs/loader.cjs.js +1 -1
  10. package/dist/collection/collection-manifest.json +1 -0
  11. package/dist/collection/components/chip-set/chip-set.css +3 -1
  12. package/dist/collection/components/circular-progress/circular-progress.css +161 -0
  13. package/dist/collection/components/circular-progress/circular-progress.js +163 -0
  14. package/dist/collection/components/circular-progress/circular-progress.types.js +1 -0
  15. package/dist/collection/components/input-field/input-field.css +3 -1
  16. package/dist/collection/components/linear-progress/linear-progress.js +1 -2
  17. package/dist/collection/components/list/list.css +5 -1
  18. package/dist/collection/style/internal/shared_input-select-picker.scss +4 -1
  19. package/dist/collection/style/internal/z-index.scss +1 -0
  20. package/dist/esm/format-a0e2d949.js +76 -0
  21. package/dist/esm/lime-elements.js +1 -1
  22. package/dist/esm/limel-badge.entry.js +2 -74
  23. package/dist/esm/limel-chip-set.entry.js +1 -1
  24. package/dist/esm/limel-circular-progress.entry.js +40 -0
  25. package/dist/esm/limel-flatpickr-adapter_2.entry.js +1 -1
  26. package/dist/esm/limel-linear-progress.entry.js +1 -1
  27. package/dist/esm/limel-list_3.entry.js +1 -1
  28. package/dist/esm/loader.js +1 -1
  29. package/dist/lime-elements/lime-elements.esm.js +1 -1
  30. package/dist/lime-elements/{p-2721660f.entry.js → p-034f336b.entry.js} +1 -1
  31. package/dist/lime-elements/p-231f62ba.entry.js +1 -0
  32. package/dist/lime-elements/{p-f70ae792.entry.js → p-3a21fa33.entry.js} +1 -1
  33. package/dist/lime-elements/{p-5780d004.entry.js → p-5577f962.entry.js} +1 -1
  34. package/dist/lime-elements/{p-6ed172df.entry.js → p-8e8219ac.entry.js} +1 -1
  35. package/dist/lime-elements/p-eb81fc35.entry.js +1 -0
  36. package/dist/lime-elements/p-f08f504b.js +1 -0
  37. package/dist/lime-elements/style/internal/shared_input-select-picker.scss +4 -1
  38. package/dist/lime-elements/style/internal/z-index.scss +1 -0
  39. package/dist/types/components/circular-progress/circular-progress.d.ts +48 -0
  40. package/dist/types/components/circular-progress/circular-progress.types.d.ts +1 -0
  41. package/dist/types/components.d.ts +54 -0
  42. package/package.json +1 -1
  43. package/dist/lime-elements/p-52db6af8.entry.js +0 -1
@@ -14,7 +14,7 @@ const patchEsm = () => {
14
14
  const defineCustomElements = (win, options) => {
15
15
  if (typeof window === 'undefined') return Promise.resolve();
16
16
  return patchEsm().then(() => {
17
- return index.bootstrapLazy([["limel-picker.cjs",[[1,"limel-picker",{"disabled":[4],"readonly":[516],"label":[1],"searchLabel":[1,"search-label"],"leadingIcon":[1,"leading-icon"],"emptyResultMessage":[1,"empty-result-message"],"required":[4],"value":[16],"searcher":[16],"multiple":[4],"delimiter":[513],"displayFullList":[4,"display-full-list"],"actions":[16],"actionPosition":[1,"action-position"],"actionScrollBehavior":[1,"action-scroll-behavior"],"items":[32],"textValue":[32],"loading":[32],"chips":[32]}]]],["limel-date-picker.cjs",[[1,"limel-date-picker",{"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"helperText":[513,"helper-text"],"required":[516],"value":[16],"type":[513],"format":[513],"language":[513],"formattedValue":[32],"internalFormat":[32],"showPortal":[32]}]]],["limel-select.cjs",[[1,"limel-select",{"disabled":[516],"readonly":[516],"invalid":[516],"required":[516],"label":[513],"helperText":[513,"helper-text"],"value":[16],"options":[16],"multiple":[4],"menuOpen":[32]}]]],["limel-tab-panel.cjs",[[1,"limel-tab-panel",{"tabs":[1040]}]]],["limel-file.cjs",[[1,"limel-file",{"value":[16],"label":[513],"required":[516],"disabled":[516],"readonly":[516],"accept":[513],"language":[1],"isDraggingOverDropZone":[32]}]]],["limel-menu.cjs",[[1,"limel-menu",{"label":[513],"items":[16],"disabled":[516],"openDirection":[513,"open-direction"],"open":[1540],"badgeIcons":[516,"badge-icons"],"gridLayout":[516,"grid-layout"],"fixed":[4]}]]],["limel-button.cjs",[[1,"limel-button",{"label":[513],"primary":[516],"outlined":[516],"icon":[513],"disabled":[516],"loading":[516]}]]],["limel-collapsible-section.cjs",[[1,"limel-collapsible-section",{"isOpen":[1540,"is-open"],"header":[1],"actions":[16]}]]],["limel-dialog.cjs",[[1,"limel-dialog",{"heading":[1],"fullscreen":[516],"open":[1540],"closingActions":[16]}]]],["limel-popover.cjs",[[1,"limel-popover",{"open":[4]}]]],["limel-progress-flow.cjs",[[1,"limel-progress-flow",{"flowItems":[16],"disabled":[4],"readonly":[4]}]]],["limel-banner.cjs",[[1,"limel-banner",{"message":[513],"icon":[513],"isOpen":[32],"open":[64],"close":[64]}]]],["limel-button-group.cjs",[[1,"limel-button-group",{"value":[16],"disabled":[516],"selectedButtonId":[32]}]]],["limel-table.cjs",[[1,"limel-table",{"data":[16],"columns":[16],"mode":[1],"pageSize":[2,"page-size"],"totalRows":[2,"total-rows"],"sorting":[16],"activeRow":[1040],"movableColumns":[4,"movable-columns"],"loading":[4],"page":[2],"emptyMessage":[1,"empty-message"]}]]],["limel-checkbox.cjs",[[1,"limel-checkbox",{"disabled":[516],"readonly":[516],"label":[513],"checked":[516],"required":[516],"modified":[32]}]]],["limel-code-editor.cjs",[[1,"limel-code-editor",{"value":[1],"language":[1],"readonly":[4],"lineNumbers":[4,"line-numbers"],"colorScheme":[1,"color-scheme"],"random":[32]}]]],["limel-config.cjs",[[1,"limel-config",{"config":[16]}]]],["limel-flex-container.cjs",[[1,"limel-flex-container",{"direction":[513],"justify":[513],"align":[513],"reverse":[516]}]]],["limel-form.cjs",[[1,"limel-form",{"schema":[16],"value":[16],"propsFactory":[16]}]]],["limel-grid.cjs",[[1,"limel-grid"]]],["limel-linear-progress.cjs",[[1,"limel-linear-progress",{"value":[2],"indeterminate":[4]}]]],["limel-slider.cjs",[[1,"limel-slider",{"disabled":[516],"readonly":[516],"factor":[514],"label":[513],"helperText":[513,"helper-text"],"unit":[513],"value":[514],"valuemax":[514],"valuemin":[514],"step":[514],"percentageClass":[32]}]]],["limel-snackbar.cjs",[[1,"limel-snackbar",{"message":[1],"timeout":[2],"actionText":[1,"action-text"],"dismissible":[4],"multiline":[4],"language":[1],"show":[64]}]]],["limel-switch.cjs",[[1,"limel-switch",{"label":[513],"disabled":[516],"readonly":[516],"value":[516],"fieldId":[32]}]]],["limel-badge.cjs",[[1,"limel-badge",{"label":[514]}]]],["limel-icon.cjs",[[1,"limel-icon",{"size":[513],"name":[513],"badge":[516]}]]],["limel-tab-bar.cjs",[[1,"limel-tab-bar",{"tabs":[1040],"canScrollLeft":[32],"canScrollRight":[32]},[[9,"resize","handleWindowResize"]]]]],["limel-header.cjs",[[1,"limel-header",{"icon":[1],"heading":[1],"subheading":[1],"supportingText":[1,"supporting-text"]}]]],["limel-progress-flow-item.cjs",[[0,"limel-progress-flow-item",{"item":[16],"disabled":[4],"readonly":[4]}]]],["limel-popover-surface.cjs",[[1,"limel-popover-surface",{"contentCollection":[16]}]]],["limel-list_3.cjs",[[1,"limel-list",{"items":[16],"badgeIcons":[4,"badge-icons"],"iconSize":[1,"icon-size"],"type":[1],"maxLinesSecondaryText":[2,"max-lines-secondary-text"]}],[1,"limel-menu-surface",{"open":[4],"allowClicksElement":[16]}],[1,"limel-portal",{"openDirection":[1,"open-direction"],"position":[1],"containerId":[1,"container-id"],"containerStyle":[16],"parent":[16],"inheritParentWidth":[4,"inherit-parent-width"],"visible":[4]}]]],["limel-flatpickr-adapter_2.cjs",[[1,"limel-input-field",{"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"helperText":[513,"helper-text"],"required":[516],"value":[513],"trailingIcon":[513,"trailing-icon"],"leadingIcon":[513,"leading-icon"],"pattern":[513],"type":[513],"formatNumber":[516,"format-number"],"step":[520],"max":[514],"min":[514],"maxlength":[514],"minlength":[514],"completions":[16],"showLink":[516,"show-link"],"isFocused":[32],"isModified":[32],"showCompletions":[32]}],[1,"limel-flatpickr-adapter",{"value":[16],"type":[1],"format":[1],"isOpen":[4,"is-open"],"inputElement":[16],"language":[1]}]]],["limel-chip-set.cjs",[[1,"limel-chip-set",{"value":[16],"type":[513],"label":[513],"disabled":[516],"readonly":[516],"maxItems":[514,"max-items"],"required":[516],"searchLabel":[513,"search-label"],"emptyInputOnBlur":[516,"empty-input-on-blur"],"clearAllButton":[4,"clear-all-button"],"leadingIcon":[513,"leading-icon"],"delimiter":[513],"language":[1],"editMode":[32],"textValue":[32],"blurred":[32],"inputChipIndexSelected":[32],"getEditMode":[64],"setFocus":[64],"emptyInput":[64]}]]],["limel-icon-button.cjs",[[1,"limel-icon-button",{"icon":[513],"elevated":[516],"label":[513],"disabled":[516],"relayout":[64]}]]],["limel-spinner.cjs",[[1,"limel-spinner",{"size":[513],"limeBranded":[4,"lime-branded"]}]]]], options);
17
+ return index.bootstrapLazy([["limel-picker.cjs",[[1,"limel-picker",{"disabled":[4],"readonly":[516],"label":[1],"searchLabel":[1,"search-label"],"leadingIcon":[1,"leading-icon"],"emptyResultMessage":[1,"empty-result-message"],"required":[4],"value":[16],"searcher":[16],"multiple":[4],"delimiter":[513],"displayFullList":[4,"display-full-list"],"actions":[16],"actionPosition":[1,"action-position"],"actionScrollBehavior":[1,"action-scroll-behavior"],"items":[32],"textValue":[32],"loading":[32],"chips":[32]}]]],["limel-date-picker.cjs",[[1,"limel-date-picker",{"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"helperText":[513,"helper-text"],"required":[516],"value":[16],"type":[513],"format":[513],"language":[513],"formattedValue":[32],"internalFormat":[32],"showPortal":[32]}]]],["limel-select.cjs",[[1,"limel-select",{"disabled":[516],"readonly":[516],"invalid":[516],"required":[516],"label":[513],"helperText":[513,"helper-text"],"value":[16],"options":[16],"multiple":[4],"menuOpen":[32]}]]],["limel-tab-panel.cjs",[[1,"limel-tab-panel",{"tabs":[1040]}]]],["limel-file.cjs",[[1,"limel-file",{"value":[16],"label":[513],"required":[516],"disabled":[516],"readonly":[516],"accept":[513],"language":[1],"isDraggingOverDropZone":[32]}]]],["limel-menu.cjs",[[1,"limel-menu",{"label":[513],"items":[16],"disabled":[516],"openDirection":[513,"open-direction"],"open":[1540],"badgeIcons":[516,"badge-icons"],"gridLayout":[516,"grid-layout"],"fixed":[4]}]]],["limel-button.cjs",[[1,"limel-button",{"label":[513],"primary":[516],"outlined":[516],"icon":[513],"disabled":[516],"loading":[516]}]]],["limel-collapsible-section.cjs",[[1,"limel-collapsible-section",{"isOpen":[1540,"is-open"],"header":[1],"actions":[16]}]]],["limel-dialog.cjs",[[1,"limel-dialog",{"heading":[1],"fullscreen":[516],"open":[1540],"closingActions":[16]}]]],["limel-popover.cjs",[[1,"limel-popover",{"open":[4]}]]],["limel-progress-flow.cjs",[[1,"limel-progress-flow",{"flowItems":[16],"disabled":[4],"readonly":[4]}]]],["limel-banner.cjs",[[1,"limel-banner",{"message":[513],"icon":[513],"isOpen":[32],"open":[64],"close":[64]}]]],["limel-button-group.cjs",[[1,"limel-button-group",{"value":[16],"disabled":[516],"selectedButtonId":[32]}]]],["limel-table.cjs",[[1,"limel-table",{"data":[16],"columns":[16],"mode":[1],"pageSize":[2,"page-size"],"totalRows":[2,"total-rows"],"sorting":[16],"activeRow":[1040],"movableColumns":[4,"movable-columns"],"loading":[4],"page":[2],"emptyMessage":[1,"empty-message"]}]]],["limel-checkbox.cjs",[[1,"limel-checkbox",{"disabled":[516],"readonly":[516],"label":[513],"checked":[516],"required":[516],"modified":[32]}]]],["limel-circular-progress.cjs",[[1,"limel-circular-progress",{"value":[2],"maxValue":[2,"max-value"],"suffix":[1],"displayPercentageColors":[4,"display-percentage-colors"],"size":[513]}]]],["limel-code-editor.cjs",[[1,"limel-code-editor",{"value":[1],"language":[1],"readonly":[4],"lineNumbers":[4,"line-numbers"],"colorScheme":[1,"color-scheme"],"random":[32]}]]],["limel-config.cjs",[[1,"limel-config",{"config":[16]}]]],["limel-flex-container.cjs",[[1,"limel-flex-container",{"direction":[513],"justify":[513],"align":[513],"reverse":[516]}]]],["limel-form.cjs",[[1,"limel-form",{"schema":[16],"value":[16],"propsFactory":[16]}]]],["limel-grid.cjs",[[1,"limel-grid"]]],["limel-linear-progress.cjs",[[1,"limel-linear-progress",{"value":[2],"indeterminate":[4]}]]],["limel-slider.cjs",[[1,"limel-slider",{"disabled":[516],"readonly":[516],"factor":[514],"label":[513],"helperText":[513,"helper-text"],"unit":[513],"value":[514],"valuemax":[514],"valuemin":[514],"step":[514],"percentageClass":[32]}]]],["limel-snackbar.cjs",[[1,"limel-snackbar",{"message":[1],"timeout":[2],"actionText":[1,"action-text"],"dismissible":[4],"multiline":[4],"language":[1],"show":[64]}]]],["limel-switch.cjs",[[1,"limel-switch",{"label":[513],"disabled":[516],"readonly":[516],"value":[516],"fieldId":[32]}]]],["limel-badge.cjs",[[1,"limel-badge",{"label":[514]}]]],["limel-icon.cjs",[[1,"limel-icon",{"size":[513],"name":[513],"badge":[516]}]]],["limel-tab-bar.cjs",[[1,"limel-tab-bar",{"tabs":[1040],"canScrollLeft":[32],"canScrollRight":[32]},[[9,"resize","handleWindowResize"]]]]],["limel-header.cjs",[[1,"limel-header",{"icon":[1],"heading":[1],"subheading":[1],"supportingText":[1,"supporting-text"]}]]],["limel-progress-flow-item.cjs",[[0,"limel-progress-flow-item",{"item":[16],"disabled":[4],"readonly":[4]}]]],["limel-popover-surface.cjs",[[1,"limel-popover-surface",{"contentCollection":[16]}]]],["limel-list_3.cjs",[[1,"limel-list",{"items":[16],"badgeIcons":[4,"badge-icons"],"iconSize":[1,"icon-size"],"type":[1],"maxLinesSecondaryText":[2,"max-lines-secondary-text"]}],[1,"limel-menu-surface",{"open":[4],"allowClicksElement":[16]}],[1,"limel-portal",{"openDirection":[1,"open-direction"],"position":[1],"containerId":[1,"container-id"],"containerStyle":[16],"parent":[16],"inheritParentWidth":[4,"inherit-parent-width"],"visible":[4]}]]],["limel-flatpickr-adapter_2.cjs",[[1,"limel-input-field",{"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"helperText":[513,"helper-text"],"required":[516],"value":[513],"trailingIcon":[513,"trailing-icon"],"leadingIcon":[513,"leading-icon"],"pattern":[513],"type":[513],"formatNumber":[516,"format-number"],"step":[520],"max":[514],"min":[514],"maxlength":[514],"minlength":[514],"completions":[16],"showLink":[516,"show-link"],"isFocused":[32],"isModified":[32],"showCompletions":[32]}],[1,"limel-flatpickr-adapter",{"value":[16],"type":[1],"format":[1],"isOpen":[4,"is-open"],"inputElement":[16],"language":[1]}]]],["limel-chip-set.cjs",[[1,"limel-chip-set",{"value":[16],"type":[513],"label":[513],"disabled":[516],"readonly":[516],"maxItems":[514,"max-items"],"required":[516],"searchLabel":[513,"search-label"],"emptyInputOnBlur":[516,"empty-input-on-blur"],"clearAllButton":[4,"clear-all-button"],"leadingIcon":[513,"leading-icon"],"delimiter":[513],"language":[1],"editMode":[32],"textValue":[32],"blurred":[32],"inputChipIndexSelected":[32],"getEditMode":[64],"setFocus":[64],"emptyInput":[64]}]]],["limel-icon-button.cjs",[[1,"limel-icon-button",{"icon":[513],"elevated":[516],"label":[513],"disabled":[516],"relayout":[64]}]]],["limel-spinner.cjs",[[1,"limel-spinner",{"size":[513],"limeBranded":[4,"lime-branded"]}]]]], options);
18
18
  });
19
19
  };
20
20
 
@@ -6,6 +6,7 @@
6
6
  "./components/button-group/button-group.js",
7
7
  "./components/checkbox/checkbox.js",
8
8
  "./components/chip-set/chip-set.js",
9
+ "./components/circular-progress/circular-progress.js",
9
10
  "./components/code-editor/code-editor.js",
10
11
  "./components/collapsible-section/collapsible-section.js",
11
12
  "./components/config/config.js",
@@ -2270,7 +2270,9 @@
2270
2270
  color: rgba(var(--contrast-1400), 0.5);
2271
2271
  }
2272
2272
 
2273
- .mdc-text-field--outlined.mdc-notched-outline--upgraded.mdc-text-field--textarea .mdc-floating-label--float-above,
2273
+ .mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
2274
+ .mdc-text-field--outlined.mdc-text-field--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
2275
+ .mdc-text-field--outlined.mdc-text-field--textarea.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
2274
2276
  .mdc-text-field--outlined.mdc-text-field--textarea .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
2275
2277
  .mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
2276
2278
  .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
@@ -0,0 +1,161 @@
1
+ /*
2
+ * This file is imported into every component!
3
+ *
4
+ * Nothing in this file may output any CSS
5
+ * without being explicitly called by outside code.
6
+ */
7
+ /*
8
+ * This file is imported into every component that uses MDC!
9
+ *
10
+ * Anything in this file that generates CSS output on its own,
11
+ * without being explicitly used, will output that CSS in every
12
+ * single component, increasing the size of the production build.
13
+ * Avoid that unless there's very good reason for it!
14
+ */
15
+ /*
16
+ * This file is imported into every component that uses MDC!
17
+ *
18
+ * Anything in this file that generates CSS output on its own,
19
+ * without being explicitly used, will output that CSS in every
20
+ * single component, increasing the size of the production build.
21
+ * Avoid that unless there's very good reason for it!
22
+ */
23
+ :host {
24
+ --mdc-theme-primary: var(
25
+ --lime-primary-color,
26
+ rgb(var(--color-teal-default))
27
+ );
28
+ --mdc-theme-secondary: var(
29
+ --lime-secondary-color,
30
+ rgb(var(--contrast-1100))
31
+ );
32
+ --mdc-theme-on-primary: var(
33
+ --lime-on-primary-color,
34
+ rgb(var(--contrast-100))
35
+ );
36
+ --mdc-theme-on-secondary: var(
37
+ --lime-on-secondary-color,
38
+ rgb(var(--contrast-100))
39
+ );
40
+ --mdc-theme-text-disabled-on-background: var(
41
+ --lime-text-disabled-on-background-color,
42
+ rgba(var(--contrast-1700), 0.38)
43
+ );
44
+ --mdc-theme-text-primary-on-background: var(
45
+ --lime-text-primary-on-background-color,
46
+ rgba(var(--contrast-1700), 0.87)
47
+ );
48
+ --mdc-theme-text-secondary-on-background: var(
49
+ --lime-text-secondary-on-background-color,
50
+ rgba(var(--contrast-1700), 0.54)
51
+ );
52
+ --lime-error-text-color: rgb(var(--color-red-darker));
53
+ --mdc-theme-surface: var(
54
+ --lime-surface-background-color,
55
+ rgb(var(--contrast-100))
56
+ );
57
+ --mdc-theme-on-surface: var(
58
+ --lime-on-surface-color,
59
+ var(--lime-text-primary-on-background-color)
60
+ );
61
+ }
62
+
63
+ /**
64
+ * @prop --circular-progress-size: Determines the visual size of the visualization. This does not override the `size` property if it is specified.
65
+ * @prop --circular-progress-track-color: Determines the color of the circular track. Defaults to `--contrast-400`.
66
+ * @prop --circular-progress-fill-color: Determines the color of the progressed section. Defaults to `--lime-primary-color`.
67
+ */
68
+ :host {
69
+ display: block;
70
+ box-sizing: border-box;
71
+ }
72
+
73
+ :host([size=x-small]) {
74
+ --circular-progress-size: 1.5rem;
75
+ font-weight: bold;
76
+ }
77
+
78
+ :host([size=small]) {
79
+ --circular-progress-size: 2rem;
80
+ font-weight: bold;
81
+ }
82
+
83
+ :host([size=medium]) {
84
+ --circular-progress-size: 3rem;
85
+ }
86
+
87
+ :host([size=large]) {
88
+ --circular-progress-size: 4rem;
89
+ }
90
+
91
+ :host([size=x-large]) {
92
+ --circular-progress-size: 5rem;
93
+ }
94
+
95
+ .lime-circular-progress {
96
+ --size: var(--circular-progress-size, 3rem);
97
+ --fill-color: var(--circular-progress-fill-color, var(--mdc-theme-primary));
98
+ --track-color: var(
99
+ --circular-progress-track-color,
100
+ rgb(var(--contrast-400))
101
+ );
102
+ display: flex;
103
+ align-items: center;
104
+ justify-content: center;
105
+ width: var(--size);
106
+ height: var(--size);
107
+ border-radius: 50%;
108
+ box-shadow: 0 0 0 0.125rem rgba(var(--contrast-100), 0.8);
109
+ background: conic-gradient(var(--fill-color) 0% var(--percentage), var(--track-color) var(--percentage) 100%);
110
+ }
111
+ .lime-circular-progress:before {
112
+ content: "";
113
+ position: absolute;
114
+ width: calc( var(--size) * 0.75 + 0.25rem );
115
+ height: calc( var(--size) * 0.75 + 0.25rem );
116
+ border-radius: 50%;
117
+ background-color: rgb(var(--contrast-100));
118
+ box-shadow: var(--button-shadow-pressed);
119
+ }
120
+
121
+ .value {
122
+ font-size: calc(var(--size) * 0.25);
123
+ color: rgb(var(--contrast-1200));
124
+ z-index: 1;
125
+ cursor: default;
126
+ }
127
+
128
+ .suffix {
129
+ opacity: 0.7;
130
+ }
131
+
132
+ .displays-percentage-colors[style^="--percentage:1"] {
133
+ --circular-progress-fill-color: var(--color-percent--10to20);
134
+ }
135
+ .displays-percentage-colors[style^="--percentage:2"] {
136
+ --circular-progress-fill-color: var(--color-percent--20to30);
137
+ }
138
+ .displays-percentage-colors[style^="--percentage:3"] {
139
+ --circular-progress-fill-color: var(--color-percent--30to40);
140
+ }
141
+ .displays-percentage-colors[style^="--percentage:4"] {
142
+ --circular-progress-fill-color: var(--color-percent--40to50);
143
+ }
144
+ .displays-percentage-colors[style^="--percentage:5"] {
145
+ --circular-progress-fill-color: var(--color-percent--50to60);
146
+ }
147
+ .displays-percentage-colors[style^="--percentage:6"] {
148
+ --circular-progress-fill-color: var(--color-percent--60to70);
149
+ }
150
+ .displays-percentage-colors[style^="--percentage:7"] {
151
+ --circular-progress-fill-color: var(--color-percent--70to80);
152
+ }
153
+ .displays-percentage-colors[style^="--percentage:8"] {
154
+ --circular-progress-fill-color: var(--color-percent--80to90);
155
+ }
156
+ .displays-percentage-colors[style^="--percentage:9"], .displays-percentage-colors[style="--percentage:100%;"] {
157
+ --circular-progress-fill-color: var(--color-percent--90to100);
158
+ }
159
+ .displays-percentage-colors[style="--percentage:1%;"], .displays-percentage-colors[style="--percentage:2%;"], .displays-percentage-colors[style="--percentage:3%;"], .displays-percentage-colors[style="--percentage:4%;"], .displays-percentage-colors[style="--percentage:5%;"], .displays-percentage-colors[style="--percentage:6%;"], .displays-percentage-colors[style="--percentage:7%;"], .displays-percentage-colors[style="--percentage:8%;"], .displays-percentage-colors[style="--percentage:9%;"] {
160
+ --circular-progress-fill-color: var(--color-percent--0to10);
161
+ }
@@ -0,0 +1,163 @@
1
+ import { Component, h, Prop } from '@stencil/core';
2
+ import { abbreviate } from '../badge/format';
3
+ const PERCENT = 100;
4
+ /**
5
+ * The circular progress component can be used to visualize the curent state of
6
+ * a progress in a scale; for example percentage of completion of a task.
7
+ *
8
+ * Its compact UI makes the component suitable when there is not enough screen
9
+ * space available to visualise such information.
10
+ *
11
+ * This component allows you to define your scale, from `0` to a desired
12
+ * `maxValue`; and also lets you chose a proper `suffix` for your scale.
13
+ *
14
+ * :::note
15
+ * The component will round up the value when it is displayed, and only shows
16
+ * one decimal digit.
17
+ * It also abbreviates large numbers. For example 1234 will be displayed as 1.2k.
18
+ * Of course such numbers, if bigger than `maxValue` will be visualized as a
19
+ * full progress.
20
+ * :::
21
+ *
22
+ * @exampleComponent limel-example-circular-progress
23
+ * @exampleComponent limel-example-circular-progress-sizes
24
+ * @exampleComponent limel-example-circular-progress-props
25
+ * @exampleComponent limel-example-circular-progress-css-variables
26
+ * @exampleComponent limel-example-circular-progress-percentage-colors
27
+ */
28
+ export class CircularProgress {
29
+ constructor() {
30
+ /**
31
+ * The value of the progress bar.
32
+ */
33
+ this.value = 0;
34
+ /**
35
+ * The maximum value within the scale that the progress bar should visualize. Defaults to `100`.
36
+ */
37
+ this.maxValue = PERCENT;
38
+ /**
39
+ * The suffix which is displayed after the `value`, must be one or two characters long. Defaults to `%`
40
+ */
41
+ this.suffix = '%';
42
+ /**
43
+ * When set to `true`, makes the filled section showing the percentage colorful. Colors change with intervals of 10%.
44
+ */
45
+ this.displayPercentageColors = false;
46
+ }
47
+ render() {
48
+ const classList = {
49
+ 'lime-circular-progress': true,
50
+ 'displays-percentage-colors': this.displayPercentageColors,
51
+ };
52
+ const currentPercentage = (this.value * PERCENT) / this.maxValue + '%';
53
+ const value = Math.round(this.value * 10) / 10; // eslint-disable-line no-magic-numbers
54
+ return (h("div", { role: "progressbar", class: classList, "aria-label": "%", "aria-valuemin": "0", "aria-valuemax": this.maxValue, "aria-valuenow": this.value, style: { '--percentage': currentPercentage } },
55
+ h("span", { class: "value" },
56
+ abbreviate(value),
57
+ h("span", { class: "suffix" }, this.suffix))));
58
+ }
59
+ static get is() { return "limel-circular-progress"; }
60
+ static get encapsulation() { return "shadow"; }
61
+ static get originalStyleUrls() { return {
62
+ "$": ["circular-progress.scss"]
63
+ }; }
64
+ static get styleUrls() { return {
65
+ "$": ["circular-progress.css"]
66
+ }; }
67
+ static get properties() { return {
68
+ "value": {
69
+ "type": "number",
70
+ "mutable": false,
71
+ "complexType": {
72
+ "original": "number",
73
+ "resolved": "number",
74
+ "references": {}
75
+ },
76
+ "required": false,
77
+ "optional": false,
78
+ "docs": {
79
+ "tags": [],
80
+ "text": "The value of the progress bar."
81
+ },
82
+ "attribute": "value",
83
+ "reflect": false,
84
+ "defaultValue": "0"
85
+ },
86
+ "maxValue": {
87
+ "type": "number",
88
+ "mutable": false,
89
+ "complexType": {
90
+ "original": "number",
91
+ "resolved": "number",
92
+ "references": {}
93
+ },
94
+ "required": false,
95
+ "optional": false,
96
+ "docs": {
97
+ "tags": [],
98
+ "text": "The maximum value within the scale that the progress bar should visualize. Defaults to `100`."
99
+ },
100
+ "attribute": "max-value",
101
+ "reflect": false,
102
+ "defaultValue": "PERCENT"
103
+ },
104
+ "suffix": {
105
+ "type": "string",
106
+ "mutable": false,
107
+ "complexType": {
108
+ "original": "string",
109
+ "resolved": "string",
110
+ "references": {}
111
+ },
112
+ "required": false,
113
+ "optional": false,
114
+ "docs": {
115
+ "tags": [],
116
+ "text": "The suffix which is displayed after the `value`, must be one or two characters long. Defaults to `%`"
117
+ },
118
+ "attribute": "suffix",
119
+ "reflect": false,
120
+ "defaultValue": "'%'"
121
+ },
122
+ "displayPercentageColors": {
123
+ "type": "boolean",
124
+ "mutable": false,
125
+ "complexType": {
126
+ "original": "boolean",
127
+ "resolved": "boolean",
128
+ "references": {}
129
+ },
130
+ "required": false,
131
+ "optional": false,
132
+ "docs": {
133
+ "tags": [],
134
+ "text": "When set to `true`, makes the filled section showing the percentage colorful. Colors change with intervals of 10%."
135
+ },
136
+ "attribute": "display-percentage-colors",
137
+ "reflect": false,
138
+ "defaultValue": "false"
139
+ },
140
+ "size": {
141
+ "type": "string",
142
+ "mutable": false,
143
+ "complexType": {
144
+ "original": "CircularProgressSize",
145
+ "resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\"",
146
+ "references": {
147
+ "CircularProgressSize": {
148
+ "location": "import",
149
+ "path": "./circular-progress.types"
150
+ }
151
+ }
152
+ },
153
+ "required": false,
154
+ "optional": false,
155
+ "docs": {
156
+ "tags": [],
157
+ "text": "Determines the visual size of the visualization from a preset size. This property can override the `--circular-progress-size` variable if it is specified."
158
+ },
159
+ "attribute": "size",
160
+ "reflect": true
161
+ }
162
+ }; }
163
+ }
@@ -1736,7 +1736,9 @@
1736
1736
  box-shadow: var(--button-shadow-pressed);
1737
1737
  }
1738
1738
 
1739
- .mdc-text-field--outlined.mdc-notched-outline--upgraded.mdc-text-field--textarea .mdc-floating-label--float-above,
1739
+ .mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
1740
+ .mdc-text-field--outlined.mdc-text-field--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
1741
+ .mdc-text-field--outlined.mdc-text-field--textarea.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
1740
1742
  .mdc-text-field--outlined.mdc-text-field--textarea .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
1741
1743
  .mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
1742
1744
  .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
@@ -42,8 +42,7 @@ export class LinearProgress {
42
42
  };
43
43
  return (h("div", { role: "progressbar", class: classList, "aria-label": "Progress Bar", "aria-valuemin": "0", "aria-valuemax": "1", "aria-valuenow": this.value },
44
44
  h("div", { class: "mdc-linear-progress__buffer" },
45
- h("div", { class: "mdc-linear-progress__buffer-bar" }),
46
- h("div", { class: "mdc-linear-progress__buffer-dots" })),
45
+ h("div", { class: "mdc-linear-progress__buffer-bar" })),
47
46
  h("div", { class: "mdc-linear-progress__bar mdc-linear-progress__primary-bar" },
48
47
  h("span", { class: "mdc-linear-progress__bar-inner" })),
49
48
  h("div", { class: "mdc-linear-progress__bar mdc-linear-progress__secondary-bar" },
@@ -3084,10 +3084,14 @@ a.mdc-list-item {
3084
3084
  .mdc-deprecated-list.selectable .mdc-deprecated-list-item:not(.mdc-deprecated-list-item--disabled) {
3085
3085
  cursor: pointer;
3086
3086
  }
3087
+ .mdc-deprecated-list .mdc-deprecated-list-item__meta {
3088
+ line-height: 100%;
3089
+ margin-right: -0.5rem;
3090
+ }
3087
3091
  .mdc-deprecated-list.mdc-deprecated-list--avatar-list {
3088
3092
  position: relative;
3089
3093
  }
3090
- .mdc-deprecated-list.mdc-deprecated-list--avatar-list limel-icon {
3094
+ .mdc-deprecated-list.mdc-deprecated-list--avatar-list limel-icon.mdc-deprecated-list-item__graphic {
3091
3095
  background-color: var(--icon-background-color, rgb(var(--contrast-900)));
3092
3096
  color: var(--icon-color, rgba(var(--color-white), 0.88));
3093
3097
  margin-right: 0.75rem;
@@ -62,7 +62,10 @@ $cropped-label-hack--font-size: 0.875rem; //14px
62
62
  @mixin cropped-label-hack {
63
63
  // Some font size applied to `label--float-above` causes the labels to get cut off
64
64
  // when an empty field gets focused
65
- .mdc-text-field--outlined.mdc-notched-outline--upgraded.mdc-text-field--textarea,
65
+ .mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-notched-outline--upgraded,
66
+ .mdc-text-field--outlined.mdc-text-field--with-leading-icon
67
+ .mdc-notched-outline--upgraded,
68
+ .mdc-text-field--outlined.mdc-text-field--textarea.mdc-notched-outline--upgraded,
66
69
  .mdc-text-field--outlined.mdc-text-field--textarea
67
70
  .mdc-notched-outline--upgraded,
68
71
  .mdc-text-field--outlined.mdc-notched-outline--upgraded,
@@ -15,3 +15,4 @@ $button-group-radio-button-keyboard-focused: 1 !default;
15
15
  $list-mdc-list-item: 0 !default;
16
16
  $limel-progress-flow-step-content: 2 !default;
17
17
  $limel-progress-flow-divider: 1 !default;
18
+ $limel-circular-progress-value: 1 !default;
@@ -0,0 +1,76 @@
1
+ import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers-5ec8f9b7.js';
2
+
3
+ var numberAbbreviate = createCommonjsModule(function (module) {
4
+ (function(root){
5
+
6
+ function NumberAbbreviate() {
7
+ var units;
8
+ if (!(this instanceof NumberAbbreviate)) {
9
+ // function usage: abbrev(n, decPlaces, units)
10
+ var n = arguments[0];
11
+ var decPlaces = arguments[1];
12
+ units = arguments[2];
13
+ var ab = new NumberAbbreviate(units);
14
+ return ab.abbreviate(n, decPlaces)
15
+ }
16
+ // class usage: new NumberAbbreviate(units)
17
+ units = arguments[0];
18
+ this.units = units == null ? ['k', 'm', 'b', 't'] : units;
19
+ }
20
+
21
+ NumberAbbreviate.prototype._abbreviate = function(number, decPlaces) {
22
+ decPlaces = Math.pow(10, decPlaces);
23
+
24
+ for (var i = this.units.length - 1; i >= 0; i--) {
25
+
26
+ var size = Math.pow(10, (i + 1) * 3);
27
+
28
+ if (size <= number) {
29
+ number = Math.round(number * decPlaces / size) / decPlaces;
30
+
31
+ if ((number === 1000) && (i < this.units.length - 1)) {
32
+ number = 1;
33
+ i++;
34
+ }
35
+
36
+ number += this.units[i];
37
+
38
+ break
39
+ }
40
+ }
41
+
42
+ return number
43
+ };
44
+
45
+ NumberAbbreviate.prototype.abbreviate = function(number, decPlaces) {
46
+ var isNegative = number < 0;
47
+ var abbreviatedNumber = this._abbreviate(Math.abs(number), decPlaces || 0);
48
+
49
+ return isNegative ? '-' + abbreviatedNumber : abbreviatedNumber;
50
+ };
51
+
52
+ if (module.exports) {
53
+ module.exports = NumberAbbreviate;
54
+ } else {
55
+ root.NumberAbbreviate = NumberAbbreviate;
56
+ }
57
+
58
+ })(commonjsGlobal);
59
+ });
60
+
61
+ /**
62
+ * Abbreviate a number
63
+ *
64
+ * @param {number} value the number to abbreviate
65
+ * @returns {string} abbreviated number
66
+ */
67
+ function abbreviate(value) {
68
+ if (typeof value !== 'number') {
69
+ return '';
70
+ }
71
+ const units = ['k', 'M', 'B', 'T'];
72
+ const numAbbr = new numberAbbreviate(units);
73
+ return numAbbr.abbreviate(value, 1);
74
+ }
75
+
76
+ export { abbreviate as a };
@@ -13,5 +13,5 @@ const patchBrowser = () => {
13
13
  };
14
14
 
15
15
  patchBrowser().then(options => {
16
- return bootstrapLazy([["limel-picker",[[1,"limel-picker",{"disabled":[4],"readonly":[516],"label":[1],"searchLabel":[1,"search-label"],"leadingIcon":[1,"leading-icon"],"emptyResultMessage":[1,"empty-result-message"],"required":[4],"value":[16],"searcher":[16],"multiple":[4],"delimiter":[513],"displayFullList":[4,"display-full-list"],"actions":[16],"actionPosition":[1,"action-position"],"actionScrollBehavior":[1,"action-scroll-behavior"],"items":[32],"textValue":[32],"loading":[32],"chips":[32]}]]],["limel-date-picker",[[1,"limel-date-picker",{"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"helperText":[513,"helper-text"],"required":[516],"value":[16],"type":[513],"format":[513],"language":[513],"formattedValue":[32],"internalFormat":[32],"showPortal":[32]}]]],["limel-select",[[1,"limel-select",{"disabled":[516],"readonly":[516],"invalid":[516],"required":[516],"label":[513],"helperText":[513,"helper-text"],"value":[16],"options":[16],"multiple":[4],"menuOpen":[32]}]]],["limel-tab-panel",[[1,"limel-tab-panel",{"tabs":[1040]}]]],["limel-file",[[1,"limel-file",{"value":[16],"label":[513],"required":[516],"disabled":[516],"readonly":[516],"accept":[513],"language":[1],"isDraggingOverDropZone":[32]}]]],["limel-menu",[[1,"limel-menu",{"label":[513],"items":[16],"disabled":[516],"openDirection":[513,"open-direction"],"open":[1540],"badgeIcons":[516,"badge-icons"],"gridLayout":[516,"grid-layout"],"fixed":[4]}]]],["limel-button",[[1,"limel-button",{"label":[513],"primary":[516],"outlined":[516],"icon":[513],"disabled":[516],"loading":[516]}]]],["limel-collapsible-section",[[1,"limel-collapsible-section",{"isOpen":[1540,"is-open"],"header":[1],"actions":[16]}]]],["limel-dialog",[[1,"limel-dialog",{"heading":[1],"fullscreen":[516],"open":[1540],"closingActions":[16]}]]],["limel-popover",[[1,"limel-popover",{"open":[4]}]]],["limel-progress-flow",[[1,"limel-progress-flow",{"flowItems":[16],"disabled":[4],"readonly":[4]}]]],["limel-banner",[[1,"limel-banner",{"message":[513],"icon":[513],"isOpen":[32],"open":[64],"close":[64]}]]],["limel-button-group",[[1,"limel-button-group",{"value":[16],"disabled":[516],"selectedButtonId":[32]}]]],["limel-table",[[1,"limel-table",{"data":[16],"columns":[16],"mode":[1],"pageSize":[2,"page-size"],"totalRows":[2,"total-rows"],"sorting":[16],"activeRow":[1040],"movableColumns":[4,"movable-columns"],"loading":[4],"page":[2],"emptyMessage":[1,"empty-message"]}]]],["limel-checkbox",[[1,"limel-checkbox",{"disabled":[516],"readonly":[516],"label":[513],"checked":[516],"required":[516],"modified":[32]}]]],["limel-code-editor",[[1,"limel-code-editor",{"value":[1],"language":[1],"readonly":[4],"lineNumbers":[4,"line-numbers"],"colorScheme":[1,"color-scheme"],"random":[32]}]]],["limel-config",[[1,"limel-config",{"config":[16]}]]],["limel-flex-container",[[1,"limel-flex-container",{"direction":[513],"justify":[513],"align":[513],"reverse":[516]}]]],["limel-form",[[1,"limel-form",{"schema":[16],"value":[16],"propsFactory":[16]}]]],["limel-grid",[[1,"limel-grid"]]],["limel-linear-progress",[[1,"limel-linear-progress",{"value":[2],"indeterminate":[4]}]]],["limel-slider",[[1,"limel-slider",{"disabled":[516],"readonly":[516],"factor":[514],"label":[513],"helperText":[513,"helper-text"],"unit":[513],"value":[514],"valuemax":[514],"valuemin":[514],"step":[514],"percentageClass":[32]}]]],["limel-snackbar",[[1,"limel-snackbar",{"message":[1],"timeout":[2],"actionText":[1,"action-text"],"dismissible":[4],"multiline":[4],"language":[1],"show":[64]}]]],["limel-switch",[[1,"limel-switch",{"label":[513],"disabled":[516],"readonly":[516],"value":[516],"fieldId":[32]}]]],["limel-badge",[[1,"limel-badge",{"label":[514]}]]],["limel-icon",[[1,"limel-icon",{"size":[513],"name":[513],"badge":[516]}]]],["limel-tab-bar",[[1,"limel-tab-bar",{"tabs":[1040],"canScrollLeft":[32],"canScrollRight":[32]},[[9,"resize","handleWindowResize"]]]]],["limel-header",[[1,"limel-header",{"icon":[1],"heading":[1],"subheading":[1],"supportingText":[1,"supporting-text"]}]]],["limel-progress-flow-item",[[0,"limel-progress-flow-item",{"item":[16],"disabled":[4],"readonly":[4]}]]],["limel-popover-surface",[[1,"limel-popover-surface",{"contentCollection":[16]}]]],["limel-list_3",[[1,"limel-list",{"items":[16],"badgeIcons":[4,"badge-icons"],"iconSize":[1,"icon-size"],"type":[1],"maxLinesSecondaryText":[2,"max-lines-secondary-text"]}],[1,"limel-menu-surface",{"open":[4],"allowClicksElement":[16]}],[1,"limel-portal",{"openDirection":[1,"open-direction"],"position":[1],"containerId":[1,"container-id"],"containerStyle":[16],"parent":[16],"inheritParentWidth":[4,"inherit-parent-width"],"visible":[4]}]]],["limel-flatpickr-adapter_2",[[1,"limel-input-field",{"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"helperText":[513,"helper-text"],"required":[516],"value":[513],"trailingIcon":[513,"trailing-icon"],"leadingIcon":[513,"leading-icon"],"pattern":[513],"type":[513],"formatNumber":[516,"format-number"],"step":[520],"max":[514],"min":[514],"maxlength":[514],"minlength":[514],"completions":[16],"showLink":[516,"show-link"],"isFocused":[32],"isModified":[32],"showCompletions":[32]}],[1,"limel-flatpickr-adapter",{"value":[16],"type":[1],"format":[1],"isOpen":[4,"is-open"],"inputElement":[16],"language":[1]}]]],["limel-chip-set",[[1,"limel-chip-set",{"value":[16],"type":[513],"label":[513],"disabled":[516],"readonly":[516],"maxItems":[514,"max-items"],"required":[516],"searchLabel":[513,"search-label"],"emptyInputOnBlur":[516,"empty-input-on-blur"],"clearAllButton":[4,"clear-all-button"],"leadingIcon":[513,"leading-icon"],"delimiter":[513],"language":[1],"editMode":[32],"textValue":[32],"blurred":[32],"inputChipIndexSelected":[32],"getEditMode":[64],"setFocus":[64],"emptyInput":[64]}]]],["limel-icon-button",[[1,"limel-icon-button",{"icon":[513],"elevated":[516],"label":[513],"disabled":[516],"relayout":[64]}]]],["limel-spinner",[[1,"limel-spinner",{"size":[513],"limeBranded":[4,"lime-branded"]}]]]], options);
16
+ return bootstrapLazy([["limel-picker",[[1,"limel-picker",{"disabled":[4],"readonly":[516],"label":[1],"searchLabel":[1,"search-label"],"leadingIcon":[1,"leading-icon"],"emptyResultMessage":[1,"empty-result-message"],"required":[4],"value":[16],"searcher":[16],"multiple":[4],"delimiter":[513],"displayFullList":[4,"display-full-list"],"actions":[16],"actionPosition":[1,"action-position"],"actionScrollBehavior":[1,"action-scroll-behavior"],"items":[32],"textValue":[32],"loading":[32],"chips":[32]}]]],["limel-date-picker",[[1,"limel-date-picker",{"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"helperText":[513,"helper-text"],"required":[516],"value":[16],"type":[513],"format":[513],"language":[513],"formattedValue":[32],"internalFormat":[32],"showPortal":[32]}]]],["limel-select",[[1,"limel-select",{"disabled":[516],"readonly":[516],"invalid":[516],"required":[516],"label":[513],"helperText":[513,"helper-text"],"value":[16],"options":[16],"multiple":[4],"menuOpen":[32]}]]],["limel-tab-panel",[[1,"limel-tab-panel",{"tabs":[1040]}]]],["limel-file",[[1,"limel-file",{"value":[16],"label":[513],"required":[516],"disabled":[516],"readonly":[516],"accept":[513],"language":[1],"isDraggingOverDropZone":[32]}]]],["limel-menu",[[1,"limel-menu",{"label":[513],"items":[16],"disabled":[516],"openDirection":[513,"open-direction"],"open":[1540],"badgeIcons":[516,"badge-icons"],"gridLayout":[516,"grid-layout"],"fixed":[4]}]]],["limel-button",[[1,"limel-button",{"label":[513],"primary":[516],"outlined":[516],"icon":[513],"disabled":[516],"loading":[516]}]]],["limel-collapsible-section",[[1,"limel-collapsible-section",{"isOpen":[1540,"is-open"],"header":[1],"actions":[16]}]]],["limel-dialog",[[1,"limel-dialog",{"heading":[1],"fullscreen":[516],"open":[1540],"closingActions":[16]}]]],["limel-popover",[[1,"limel-popover",{"open":[4]}]]],["limel-progress-flow",[[1,"limel-progress-flow",{"flowItems":[16],"disabled":[4],"readonly":[4]}]]],["limel-banner",[[1,"limel-banner",{"message":[513],"icon":[513],"isOpen":[32],"open":[64],"close":[64]}]]],["limel-button-group",[[1,"limel-button-group",{"value":[16],"disabled":[516],"selectedButtonId":[32]}]]],["limel-table",[[1,"limel-table",{"data":[16],"columns":[16],"mode":[1],"pageSize":[2,"page-size"],"totalRows":[2,"total-rows"],"sorting":[16],"activeRow":[1040],"movableColumns":[4,"movable-columns"],"loading":[4],"page":[2],"emptyMessage":[1,"empty-message"]}]]],["limel-checkbox",[[1,"limel-checkbox",{"disabled":[516],"readonly":[516],"label":[513],"checked":[516],"required":[516],"modified":[32]}]]],["limel-circular-progress",[[1,"limel-circular-progress",{"value":[2],"maxValue":[2,"max-value"],"suffix":[1],"displayPercentageColors":[4,"display-percentage-colors"],"size":[513]}]]],["limel-code-editor",[[1,"limel-code-editor",{"value":[1],"language":[1],"readonly":[4],"lineNumbers":[4,"line-numbers"],"colorScheme":[1,"color-scheme"],"random":[32]}]]],["limel-config",[[1,"limel-config",{"config":[16]}]]],["limel-flex-container",[[1,"limel-flex-container",{"direction":[513],"justify":[513],"align":[513],"reverse":[516]}]]],["limel-form",[[1,"limel-form",{"schema":[16],"value":[16],"propsFactory":[16]}]]],["limel-grid",[[1,"limel-grid"]]],["limel-linear-progress",[[1,"limel-linear-progress",{"value":[2],"indeterminate":[4]}]]],["limel-slider",[[1,"limel-slider",{"disabled":[516],"readonly":[516],"factor":[514],"label":[513],"helperText":[513,"helper-text"],"unit":[513],"value":[514],"valuemax":[514],"valuemin":[514],"step":[514],"percentageClass":[32]}]]],["limel-snackbar",[[1,"limel-snackbar",{"message":[1],"timeout":[2],"actionText":[1,"action-text"],"dismissible":[4],"multiline":[4],"language":[1],"show":[64]}]]],["limel-switch",[[1,"limel-switch",{"label":[513],"disabled":[516],"readonly":[516],"value":[516],"fieldId":[32]}]]],["limel-badge",[[1,"limel-badge",{"label":[514]}]]],["limel-icon",[[1,"limel-icon",{"size":[513],"name":[513],"badge":[516]}]]],["limel-tab-bar",[[1,"limel-tab-bar",{"tabs":[1040],"canScrollLeft":[32],"canScrollRight":[32]},[[9,"resize","handleWindowResize"]]]]],["limel-header",[[1,"limel-header",{"icon":[1],"heading":[1],"subheading":[1],"supportingText":[1,"supporting-text"]}]]],["limel-progress-flow-item",[[0,"limel-progress-flow-item",{"item":[16],"disabled":[4],"readonly":[4]}]]],["limel-popover-surface",[[1,"limel-popover-surface",{"contentCollection":[16]}]]],["limel-list_3",[[1,"limel-list",{"items":[16],"badgeIcons":[4,"badge-icons"],"iconSize":[1,"icon-size"],"type":[1],"maxLinesSecondaryText":[2,"max-lines-secondary-text"]}],[1,"limel-menu-surface",{"open":[4],"allowClicksElement":[16]}],[1,"limel-portal",{"openDirection":[1,"open-direction"],"position":[1],"containerId":[1,"container-id"],"containerStyle":[16],"parent":[16],"inheritParentWidth":[4,"inherit-parent-width"],"visible":[4]}]]],["limel-flatpickr-adapter_2",[[1,"limel-input-field",{"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"helperText":[513,"helper-text"],"required":[516],"value":[513],"trailingIcon":[513,"trailing-icon"],"leadingIcon":[513,"leading-icon"],"pattern":[513],"type":[513],"formatNumber":[516,"format-number"],"step":[520],"max":[514],"min":[514],"maxlength":[514],"minlength":[514],"completions":[16],"showLink":[516,"show-link"],"isFocused":[32],"isModified":[32],"showCompletions":[32]}],[1,"limel-flatpickr-adapter",{"value":[16],"type":[1],"format":[1],"isOpen":[4,"is-open"],"inputElement":[16],"language":[1]}]]],["limel-chip-set",[[1,"limel-chip-set",{"value":[16],"type":[513],"label":[513],"disabled":[516],"readonly":[516],"maxItems":[514,"max-items"],"required":[516],"searchLabel":[513,"search-label"],"emptyInputOnBlur":[516,"empty-input-on-blur"],"clearAllButton":[4,"clear-all-button"],"leadingIcon":[513,"leading-icon"],"delimiter":[513],"language":[1],"editMode":[32],"textValue":[32],"blurred":[32],"inputChipIndexSelected":[32],"getEditMode":[64],"setFocus":[64],"emptyInput":[64]}]]],["limel-icon-button",[[1,"limel-icon-button",{"icon":[513],"elevated":[516],"label":[513],"disabled":[516],"relayout":[64]}]]],["limel-spinner",[[1,"limel-spinner",{"size":[513],"limeBranded":[4,"lime-branded"]}]]]], options);
17
17
  });