@limetech/lime-elements 35.0.1-next.2 → 35.1.0-next.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/lime-elements.cjs.js +1 -1
- package/dist/cjs/limel-chip-set.cjs.entry.js +7 -2
- package/dist/cjs/limel-dialog.cjs.entry.js +1 -1
- package/dist/cjs/limel-form.cjs.entry.js +10 -0
- package/dist/cjs/limel-header.cjs.entry.js +3 -3
- package/dist/cjs/limel-input-field.cjs.entry.js +30 -2
- package/dist/cjs/limel-list_3.cjs.entry.js +1 -1
- package/dist/cjs/limel-menu-list.cjs.entry.js +1 -1
- package/dist/cjs/limel-picker.cjs.entry.js +1 -1
- package/dist/cjs/limel-progress-flow-item.cjs.entry.js +1 -1
- package/dist/cjs/limel-progress-flow.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/chip-set/chip-set.css +7 -0
- package/dist/collection/components/chip-set/chip-set.js +26 -1
- package/dist/collection/components/dialog/dialog.css +7 -0
- package/dist/collection/components/form/form.js +1 -0
- package/dist/collection/components/form/templates/object-field.js +9 -0
- package/dist/collection/components/header/header.css +21 -16
- package/dist/collection/components/header/header.js +4 -4
- package/dist/collection/components/input-field/input-field.css +3 -0
- package/dist/collection/components/input-field/input-field.js +66 -0
- package/dist/collection/components/list/list.css +1 -0
- package/dist/collection/components/menu-list/menu-list.css +1 -0
- package/dist/collection/components/picker/picker.js +1 -1
- package/dist/collection/components/progress-flow/progress-flow-item/progress-flow-item.css +1 -1
- package/dist/collection/components/progress-flow/progress-flow.css +3 -2
- package/dist/collection/style/internal/z-index.scss +0 -5
- package/dist/esm/lime-elements.js +1 -1
- package/dist/esm/limel-chip-set.entry.js +7 -2
- package/dist/esm/limel-dialog.entry.js +1 -1
- package/dist/esm/limel-form.entry.js +10 -0
- package/dist/esm/limel-header.entry.js +3 -3
- package/dist/esm/limel-input-field.entry.js +30 -2
- package/dist/esm/limel-list_3.entry.js +1 -1
- package/dist/esm/limel-menu-list.entry.js +1 -1
- package/dist/esm/limel-picker.entry.js +1 -1
- package/dist/esm/limel-progress-flow-item.entry.js +1 -1
- package/dist/esm/limel-progress-flow.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/lime-elements/lime-elements.esm.js +1 -1
- package/dist/lime-elements/p-1a2ffe75.entry.js +82 -0
- package/dist/lime-elements/{p-83ea517b.entry.js → p-1e59114e.entry.js} +1 -1
- package/dist/lime-elements/p-5ad60e14.entry.js +126 -0
- package/dist/lime-elements/{p-1a9a961a.entry.js → p-6d50aa71.entry.js} +1 -1
- package/dist/lime-elements/p-7ee4b825.entry.js +1 -0
- package/dist/lime-elements/{p-dfbe015e.entry.js → p-9af0704c.entry.js} +1 -1
- package/dist/lime-elements/{p-f9bfbeb3.entry.js → p-aa66620a.entry.js} +4 -4
- package/dist/lime-elements/p-b0046fcd.entry.js +1 -0
- package/dist/lime-elements/p-eb13837f.entry.js +1 -0
- package/dist/lime-elements/p-f0e872b6.entry.js +16 -0
- package/dist/lime-elements/style/internal/z-index.scss +0 -5
- package/dist/types/components/chip-set/chip-set.d.ts +7 -0
- package/dist/types/components/form/form.types.d.ts +4 -0
- package/dist/types/components/input-field/input-field.d.ts +16 -0
- package/dist/types/components.d.ts +24 -0
- package/package.json +11 -11
- package/dist/lime-elements/p-101af376.entry.js +0 -1
- package/dist/lime-elements/p-2da6e2a3.entry.js +0 -1
- package/dist/lime-elements/p-84f933f7.entry.js +0 -16
- package/dist/lime-elements/p-b91dc1ef.entry.js +0 -1
- package/dist/lime-elements/p-c7953a05.entry.js +0 -82
- package/dist/lime-elements/p-e83dddcd.entry.js +0 -126
|
@@ -320,7 +320,7 @@ const Picker = class {
|
|
|
320
320
|
props.maxItems = 1;
|
|
321
321
|
}
|
|
322
322
|
return [
|
|
323
|
-
index.h("limel-chip-set", Object.assign({ type: "input", label: this.label, helperText: this.helperText, leadingIcon: this.leadingIcon, value: this.chips, disabled: this.disabled, delimiter: this.renderDelimiter(), readonly: this.readonly, required: this.required, searchLabel: this.searchLabel, onInput: this.handleTextInput, onKeyDown: this.handleInputKeyDown, onChange: this.handleChange, onInteract: this.handleInteract, onStartEdit: this.handleInputFieldFocus, onStopEdit: this.handleStopEditAndBlur, emptyInputOnBlur: false, clearAllButton: this.multiple }, props)),
|
|
323
|
+
index.h("limel-chip-set", Object.assign({ type: "input", inputType: "search", label: this.label, helperText: this.helperText, leadingIcon: this.leadingIcon, value: this.chips, disabled: this.disabled, delimiter: this.renderDelimiter(), readonly: this.readonly, required: this.required, searchLabel: this.searchLabel, onInput: this.handleTextInput, onKeyDown: this.handleInputKeyDown, onChange: this.handleChange, onInteract: this.handleInteract, onStartEdit: this.handleInputFieldFocus, onStopEdit: this.handleStopEditAndBlur, emptyInputOnBlur: false, clearAllButton: this.multiple }, props)),
|
|
324
324
|
this.renderDropdown(),
|
|
325
325
|
];
|
|
326
326
|
}
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-2a28697b.js');
|
|
6
6
|
|
|
7
|
-
const progressFlowItemCss = ".flow-item{--step-background:var(\n --progress-flow-step-background-color,\n rgb(var(--contrast-600))\n );--step-background--selected:var(\n --progress-flow-step-background-color--selected,\n var(--mdc-theme-primary)\n );--step-background--passed:var(\n --progress-flow-step-background-color--passed,\n var(--step-background--selected)\n );--step-text:var(\n --progress-flow-step-text-color,\n rgb(var(--contrast-1200))\n );--step-text--selected:var(\n --progress-flow-step-text-color--selected,\n var(--mdc-theme-on-primary)\n );--step-text--passed:var(\n --progress-flow-step-text-color--passed,\n var(--step-text--selected)\n );--step-divider-color:var(\n --progress-flow-step-divider-color,\n rgb(var(--contrast-100))\n );position:relative;width:100%;display:flex;flex-direction:column;align-items:stretch}.flow-item:not(.off-progress-item,.last) .divider:after{content:\"\"}.flow-item.off-progress-item{padding-left:0.5rem}.flow-item.first-off-progress-item{padding-left:1rem}.step{transition:background-color 0.2s ease, box-shadow 0.2s ease;display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:var(--step-height);border:none;font-size:0.875rem}.step.disabled{opacity:0.75;cursor:not-allowed}.step.disabled.readonly{opacity:1;cursor:default}.step:focus{outline:none}.step:focus-visible{box-shadow:var(--shadow-depth-8-focused)}.flow-item:not(.off-progress-item,.first) .step{padding-left:calc(var(--step-height) / 2)}.flow-item:not(.selected) .step:not(.disabled){cursor:pointer}.flow-item:not(.selected) .step:not(.disabled):hover{box-shadow:var(--button-shadow-normal)}.flow-item:not(.selected) .step:not(.disabled):active{box-shadow:var(--button-shadow-pressed)}.off-progress-item .step{border-radius:0.25rem;padding:0 0.75rem}.off-progress-item .step .icon{margin-left:0}.flow-item.first .step{border-top-left-radius:var(--step-height);border-bottom-left-radius:var(--step-height);padding-left:1.25rem}.flow-item.last .step{border-top-right-radius:var(--step-height);border-bottom-right-radius:var(--step-height);padding-right:1.25rem}.divider{display:flex;align-items:center;justify-content:center;width:var(--step-height);height:var(--step-height);position:absolute;z-index:1;right:calc(var(--step-height) / 2 * -1);overflow:hidden}.divider:after{position:absolute;display:block;box-sizing:border-box;transition:background-color 0.2s ease;width:100%;height:100%;right:calc(var(--step-height) / 5);transform:rotate(45deg);border-style:solid;border-width:0.125rem 0.125rem 0 0;border-radius:0 0.5rem 0 0;border-color:var(--step-divider-color)}.flow-item.last .divider{width:0}.text,.secondary-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:var(--max-text-width);z-index:2}.secondary-text{font-size:0.75rem;margin:auto;padding-left:calc(var(--step-height) / 2)}.icon{margin:0 0.5rem 0 0.25rem;z-index:2}.step:after{pointer-events:none;box-sizing:border-box;z-index:2;position:absolute;right:var(--selected-indicator-right);background-color:var(--step-divider-color);width:0.375rem;height:0.375rem;border-radius:50%;opacity:0.7}.last .step:after{right:0.5rem}.flow-item:not(.off-progress-item) .step.selected:after{content:\"\"}.step{color:var(--step-text);background-color:var(--step-background)}.step .icon{color:var(--progress-flow-icon-color, var(--step-text))}.flow-item.selected .step{color:var(--step-text--selected);background-color:var(--step-background--selected)}.flow-item.selected .step .divider:after{background-color:var(--step-background--selected)}.flow-item.selected .step .icon{color:var(--step-text--selected)}.flow-item.passed .step{color:var(--step-text--passed);background-color:var(--step-background--passed)}.flow-item.passed .step .divider:after{background-color:var(--step-background--passed)}.flow-item.passed .step .icon{color:var(--step-text--passed)}.divider:after{border-color:var(--step-divider-color);background-color:var(--step-background)}";
|
|
7
|
+
const progressFlowItemCss = ".flow-item{--step-background:var(\n --progress-flow-step-background-color,\n rgb(var(--contrast-600))\n );--step-background--selected:var(\n --progress-flow-step-background-color--selected,\n var(--mdc-theme-primary)\n );--step-background--passed:var(\n --progress-flow-step-background-color--passed,\n var(--step-background--selected)\n );--step-text:var(\n --progress-flow-step-text-color,\n rgb(var(--contrast-1200))\n );--step-text--selected:var(\n --progress-flow-step-text-color--selected,\n var(--mdc-theme-on-primary)\n );--step-text--passed:var(\n --progress-flow-step-text-color--passed,\n var(--step-text--selected)\n );--step-divider-color:var(\n --progress-flow-step-divider-color,\n rgb(var(--contrast-100))\n );position:relative;width:100%;display:flex;flex-direction:column;align-items:stretch}.flow-item:not(.off-progress-item,.last) .divider:after{content:\"\"}.flow-item.off-progress-item{padding-left:0.5rem}.flow-item.first-off-progress-item{padding-left:1rem}.step{transition:background-color 0.2s ease, box-shadow 0.2s ease;display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:var(--step-height);border:none;font-size:0.875rem}.step.disabled{opacity:0.75;cursor:not-allowed}.step.disabled.readonly{opacity:1;cursor:default}.step:focus{outline:none}.step:focus-visible{box-shadow:var(--shadow-depth-8-focused)}.flow-item:not(.off-progress-item,.first) .step{padding-left:calc(var(--step-height) / 2)}.flow-item:not(.selected) .step:not(.disabled){cursor:pointer}.flow-item:not(.selected) .step:not(.disabled):hover{box-shadow:var(--button-shadow-normal)}.flow-item:not(.selected) .step:not(.disabled):active{box-shadow:var(--button-shadow-pressed)}.off-progress-item .step{border-radius:0.25rem;padding:0 0.75rem}.off-progress-item .step .icon{margin-left:0}.flow-item.first .step{border-top-left-radius:var(--step-height);border-bottom-left-radius:var(--step-height);padding-left:1.25rem}.flow-item.last .step{border-top-right-radius:var(--step-height);border-bottom-right-radius:var(--step-height);padding-right:1.25rem}.divider{display:flex;align-items:center;justify-content:center;width:var(--step-height);height:var(--step-height);position:absolute;z-index:1;right:calc(var(--step-height) / 2 * -1);overflow:hidden}.divider:after{position:absolute;display:block;box-sizing:border-box;transition:background-color 0.2s ease;width:100%;height:100%;right:calc(var(--step-height) / 5);transform:rotate(45deg);border-style:solid;border-width:0.125rem 0.125rem 0 0;border-radius:0 0.5rem 0 0;border-color:var(--step-divider-color)}.flow-item.last .divider{width:0}.text,.secondary-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:var(--max-text-width);z-index:2}.secondary-text{font-size:0.75rem;margin:auto;padding-left:calc(var(--step-height) / 2)}.icon{margin:0 0.5rem 0 0.25rem;z-index:2}.step:after{pointer-events:none;box-sizing:border-box;z-index:2;position:absolute;right:var(--selected-indicator-right);background-color:var(--step-divider-color);width:0.375rem;height:0.375rem;border-radius:50%;opacity:0.7}.last .step:after{right:0.5rem}.flow-item:not(.off-progress-item) .step.selected:after{content:\"\"}.step{color:var(--step-text);background-color:var(--step-background)}.step .icon{color:var(--progress-flow-icon-color--inactive, var(--step-text))}.flow-item.selected .step{color:var(--step-text--selected);background-color:var(--step-background--selected)}.flow-item.selected .step .divider:after{background-color:var(--step-background--selected)}.flow-item.selected .step .icon{color:var(--step-text--selected)}.flow-item.passed .step{color:var(--step-text--passed);background-color:var(--step-background--passed)}.flow-item.passed .step .divider:after{background-color:var(--step-background--passed)}.flow-item.passed .step .icon{color:var(--step-text--passed)}.divider:after{border-color:var(--step-divider-color);background-color:var(--step-background)}";
|
|
8
8
|
|
|
9
9
|
const ProgressFlowItem = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-2a28697b.js');
|
|
6
6
|
|
|
7
|
-
const progressFlowCss = ":host{--step-height:2.5rem;--selected-indicator-right:-0.5rem;--max-text-width:10rem;box-sizing:border-box;width:100%;display:flex;flex-direction:row;align-items:flex-start;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:0.25rem}:host::-webkit-scrollbar{display:none}:host(.is-narrow){--step-height:1.5rem;--selected-indicator-right:0}";
|
|
7
|
+
const progressFlowCss = ":host{--step-height:2.5rem;--selected-indicator-right:-0.5rem;--max-text-width:10rem;isolation:isolate;box-sizing:border-box;width:100%;display:flex;flex-direction:row;align-items:flex-start;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:0.25rem}:host::-webkit-scrollbar{display:none}:host(.is-narrow){--step-height:1.5rem;--selected-indicator-right:0}";
|
|
8
8
|
|
|
9
9
|
const ProgressFlow = class {
|
|
10
10
|
constructor(hostRef) {
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -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-color-picker.cjs",[[1,"limel-color-picker",{"value":[513],"label":[513],"helperText":[513,"helper-text"],"tooltipLabel":[513,"tooltip-label"],"required":[516],"readonly":[516],"isOpen":[32]}]]],["limel-picker.cjs",[[1,"limel-picker",{"disabled":[4],"readonly":[516],"label":[1],"searchLabel":[1,"search-label"],"helperText":[513,"helper-text"],"leadingIcon":[1,"leading-icon"],"emptyResultMessage":[1,"empty-result-message"],"required":[4],"value":[16],"searcher":[16],"multiple":[4],"delimiter":[513],"actions":[16],"actionPosition":[1,"action-position"],"actionScrollBehavior":[1,"action-scroll-behavior"],"badgeIcons":[516,"badge-icons"],"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-button-group.cjs",[[1,"limel-button-group",{"value":[16],"disabled":[516],"selectedButtonId":[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",{"items":[16],"disabled":[516],"openDirection":[513,"open-direction"],"open":[1540],"badgeIcons":[516,"badge-icons"],"gridLayout":[516,"grid-layout"]}]]],["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":[513],"actions":[16]}]]],["limel-dialog.cjs",[[1,"limel-dialog",{"heading":[1],"fullscreen":[516],"open":[1540],"closingActions":[16]}]]],["limel-progress-flow.cjs",[[1,"limel-progress-flow",{"flowItems":[16],"disabled":[4],"readonly":[4]}]]],["limel-checkbox.cjs",[[1,"limel-checkbox",{"disabled":[516],"readonly":[516],"label":[513],"helperText":[513,"helper-text"],"checked":[516],"indeterminate":[516],"required":[516],"modified":[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"],"aggregates":[16],"selectable":[4],"selection":[16]}]]],["limel-banner.cjs",[[1,"limel-banner",{"message":[513],"icon":[513],"isOpen":[32],"open":[64],"close":[64]}]]],["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],"disabled":[4],"propsFactory":[16],"transformErrors":[16],"errors":[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-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-flatpickr-adapter.cjs",[[1,"limel-flatpickr-adapter",{"value":[16],"type":[1],"format":[1],"isOpen":[4,"is-open"],"inputElement":[16],"language":[1]}]]],["limel-menu-list.cjs",[[1,"limel-menu-list",{"items":[16],"badgeIcons":[4,"badge-icons"],"iconSize":[1,"icon-size"],"type":[1],"maxLinesSecondaryText":[2,"max-lines-secondary-text"]}]]],["limel-popover-surface.cjs",[[1,"limel-popover-surface",{"contentCollection":[16]}]]],["limel-icon.cjs",[[1,"limel-icon",{"size":[513],"name":[513],"badge":[516]}]]],["limel-input-field.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]}]]],["limel-color-picker-palette_2.cjs",[[1,"limel-color-picker-palette",{"value":[513],"label":[513],"helperText":[513,"helper-text"],"required":[516]}],[1,"limel-popover",{"open":[4]}]]],["limel-badge.cjs",[[1,"limel-badge",{"label":[514]}]]],["limel-chip-set.cjs",[[1,"limel-chip-set",{"value":[16],"type":[513],"label":[513],"helperText":[513,"helper-text"],"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"]}]]],["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-tooltip_2.cjs",[[1,"limel-tooltip",{"elementId":[513,"element-id"],"label":[513],"helperLabel":[513,"helper-label"],"maxlength":[514],"open":[32]}],[1,"limel-tooltip-content",{"label":[513],"helperLabel":[513,"helper-label"],"maxlength":[514]}]]]], options);
|
|
17
|
+
return index.bootstrapLazy([["limel-color-picker.cjs",[[1,"limel-color-picker",{"value":[513],"label":[513],"helperText":[513,"helper-text"],"tooltipLabel":[513,"tooltip-label"],"required":[516],"readonly":[516],"isOpen":[32]}]]],["limel-picker.cjs",[[1,"limel-picker",{"disabled":[4],"readonly":[516],"label":[1],"searchLabel":[1,"search-label"],"helperText":[513,"helper-text"],"leadingIcon":[1,"leading-icon"],"emptyResultMessage":[1,"empty-result-message"],"required":[4],"value":[16],"searcher":[16],"multiple":[4],"delimiter":[513],"actions":[16],"actionPosition":[1,"action-position"],"actionScrollBehavior":[1,"action-scroll-behavior"],"badgeIcons":[516,"badge-icons"],"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-button-group.cjs",[[1,"limel-button-group",{"value":[16],"disabled":[516],"selectedButtonId":[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",{"items":[16],"disabled":[516],"openDirection":[513,"open-direction"],"open":[1540],"badgeIcons":[516,"badge-icons"],"gridLayout":[516,"grid-layout"]}]]],["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":[513],"actions":[16]}]]],["limel-dialog.cjs",[[1,"limel-dialog",{"heading":[1],"fullscreen":[516],"open":[1540],"closingActions":[16]}]]],["limel-progress-flow.cjs",[[1,"limel-progress-flow",{"flowItems":[16],"disabled":[4],"readonly":[4]}]]],["limel-checkbox.cjs",[[1,"limel-checkbox",{"disabled":[516],"readonly":[516],"label":[513],"helperText":[513,"helper-text"],"checked":[516],"indeterminate":[516],"required":[516],"modified":[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"],"aggregates":[16],"selectable":[4],"selection":[16]}]]],["limel-banner.cjs",[[1,"limel-banner",{"message":[513],"icon":[513],"isOpen":[32],"open":[64],"close":[64]}]]],["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],"disabled":[4],"propsFactory":[16],"transformErrors":[16],"errors":[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-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-flatpickr-adapter.cjs",[[1,"limel-flatpickr-adapter",{"value":[16],"type":[1],"format":[1],"isOpen":[4,"is-open"],"inputElement":[16],"language":[1]}]]],["limel-menu-list.cjs",[[1,"limel-menu-list",{"items":[16],"badgeIcons":[4,"badge-icons"],"iconSize":[1,"icon-size"],"type":[1],"maxLinesSecondaryText":[2,"max-lines-secondary-text"]}]]],["limel-popover-surface.cjs",[[1,"limel-popover-surface",{"contentCollection":[16]}]]],["limel-icon.cjs",[[1,"limel-icon",{"size":[513],"name":[513],"badge":[516]}]]],["limel-input-field.cjs",[[1,"limel-input-field",{"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"helperText":[513,"helper-text"],"prefix":[513],"suffix":[513],"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]}]]],["limel-color-picker-palette_2.cjs",[[1,"limel-color-picker-palette",{"value":[513],"label":[513],"helperText":[513,"helper-text"],"required":[516]}],[1,"limel-popover",{"open":[4]}]]],["limel-badge.cjs",[[1,"limel-badge",{"label":[514]}]]],["limel-chip-set.cjs",[[1,"limel-chip-set",{"value":[16],"type":[513],"label":[513],"helperText":[513,"helper-text"],"disabled":[516],"readonly":[516],"inputType":[513,"input-type"],"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"]}]]],["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-tooltip_2.cjs",[[1,"limel-tooltip",{"elementId":[513,"element-id"],"label":[513],"helperLabel":[513,"helper-label"],"maxlength":[514],"open":[32]}],[1,"limel-tooltip-content",{"label":[513],"helperLabel":[513,"helper-label"],"maxlength":[514]}]]]], options);
|
|
18
18
|
});
|
|
19
19
|
};
|
|
20
20
|
|
|
@@ -2813,6 +2813,13 @@ limel-icon.mdc-chip__icon.mdc-chip__icon--leading {
|
|
|
2813
2813
|
position: absolute;
|
|
2814
2814
|
z-index: -100;
|
|
2815
2815
|
}
|
|
2816
|
+
.mdc-text-field .mdc-text-field__input[type=search] {
|
|
2817
|
+
-webkit-appearance: textfield;
|
|
2818
|
+
background-color: transparent;
|
|
2819
|
+
}
|
|
2820
|
+
.mdc-text-field .mdc-text-field__input[type=search]::-webkit-search-cancel-button {
|
|
2821
|
+
display: none;
|
|
2822
|
+
}
|
|
2816
2823
|
|
|
2817
2824
|
.mdc-text-field--disabled .mdc-chip {
|
|
2818
2825
|
pointer-events: all;
|
|
@@ -12,6 +12,8 @@ const INPUT_FIELD_TABINDEX = 1;
|
|
|
12
12
|
* @exampleComponent limel-example-chip-set-filter
|
|
13
13
|
* @exampleComponent limel-example-chip-set-filter-badge
|
|
14
14
|
* @exampleComponent limel-example-chip-set-input
|
|
15
|
+
* @exampleComponent limel-example-chip-set-input-type-text
|
|
16
|
+
* @exampleComponent limel-example-chip-set-input-type-search
|
|
15
17
|
* @exampleComponent limel-example-chip-icon-color
|
|
16
18
|
* @exampleComponent limel-example-chip-set-composite
|
|
17
19
|
*/
|
|
@@ -32,6 +34,11 @@ export class ChipSet {
|
|
|
32
34
|
* the chip-set.
|
|
33
35
|
*/
|
|
34
36
|
this.readonly = false;
|
|
37
|
+
/**
|
|
38
|
+
* For chip-sets of type `input`. Value to use for the `type` attribute on the
|
|
39
|
+
* input field inside the chip-set.
|
|
40
|
+
*/
|
|
41
|
+
this.inputType = 'text';
|
|
35
42
|
/**
|
|
36
43
|
* True if the control requires a value
|
|
37
44
|
*/
|
|
@@ -221,7 +228,7 @@ export class ChipSet {
|
|
|
221
228
|
'has-clear-all-button': this.clearAllButton,
|
|
222
229
|
}, onClick: this.handleTextFieldFocus },
|
|
223
230
|
this.value.map(this.renderInputChip),
|
|
224
|
-
h("input", { tabIndex: INPUT_FIELD_TABINDEX, type:
|
|
231
|
+
h("input", { tabIndex: INPUT_FIELD_TABINDEX, type: this.inputType, id: "input-element", disabled: this.readonly || this.disabled, class: {
|
|
225
232
|
'mdc-text-field__input': true,
|
|
226
233
|
hidden: this.inputHidden(),
|
|
227
234
|
}, value: this.textValue, onBlur: this.handleInputBlur, onFocus: this.handleTextFieldFocus, onKeyDown: this.handleKeyDown, onInput: this.handleTextInput,
|
|
@@ -553,6 +560,24 @@ export class ChipSet {
|
|
|
553
560
|
"reflect": true,
|
|
554
561
|
"defaultValue": "false"
|
|
555
562
|
},
|
|
563
|
+
"inputType": {
|
|
564
|
+
"type": "string",
|
|
565
|
+
"mutable": false,
|
|
566
|
+
"complexType": {
|
|
567
|
+
"original": "'search' | 'text'",
|
|
568
|
+
"resolved": "\"search\" | \"text\"",
|
|
569
|
+
"references": {}
|
|
570
|
+
},
|
|
571
|
+
"required": false,
|
|
572
|
+
"optional": false,
|
|
573
|
+
"docs": {
|
|
574
|
+
"tags": [],
|
|
575
|
+
"text": "For chip-sets of type `input`. Value to use for the `type` attribute on the\ninput field inside the chip-set."
|
|
576
|
+
},
|
|
577
|
+
"attribute": "input-type",
|
|
578
|
+
"reflect": true,
|
|
579
|
+
"defaultValue": "'text'"
|
|
580
|
+
},
|
|
556
581
|
"maxItems": {
|
|
557
582
|
"type": "number",
|
|
558
583
|
"mutable": false,
|
|
@@ -69,6 +69,9 @@
|
|
|
69
69
|
* @prop --dialog-heading-supporting-text-color: Color of the supporting text.
|
|
70
70
|
* @prop --dialog-heading-icon-color: Color of the icon.
|
|
71
71
|
* @prop --dialog-heading-icon-background-color: Background color of the icon when displayed as a badge.
|
|
72
|
+
* @prop --dialog-max-width: Max width of the dialog.
|
|
73
|
+
* @prop --dialog-max-height: Max height of the dialog.
|
|
74
|
+
* @prop --dialog-border-radius: Border radius of the dialog corners
|
|
72
75
|
*/
|
|
73
76
|
:host {
|
|
74
77
|
--dialog-background-color: rgb(var(--contrast-100));
|
|
@@ -681,12 +684,16 @@
|
|
|
681
684
|
}
|
|
682
685
|
.mdc-dialog .mdc-dialog__container {
|
|
683
686
|
height: 100%;
|
|
687
|
+
width: var(--dialog-width, auto);
|
|
684
688
|
}
|
|
685
689
|
.mdc-dialog .mdc-dialog__surface {
|
|
686
690
|
width: var(--dialog-width, auto);
|
|
687
691
|
height: var(--dialog-height, auto);
|
|
688
692
|
background-color: var(--dialog-background-color);
|
|
689
693
|
box-shadow: var(--shadow-depth-64);
|
|
694
|
+
max-width: var(--dialog-max-width, calc(100vw - 2rem));
|
|
695
|
+
max-height: var(--dialog-max-height, calc(100% - 2rem));
|
|
696
|
+
border-radius: var(--dialog-border-radius, 0.25rem);
|
|
690
697
|
}
|
|
691
698
|
|
|
692
699
|
.scrollbox {
|
|
@@ -163,6 +163,7 @@ export class Form {
|
|
|
163
163
|
const errors = originalErrors.map((error) => {
|
|
164
164
|
return {
|
|
165
165
|
name: error.name,
|
|
166
|
+
params: error.params,
|
|
166
167
|
property: error.property,
|
|
167
168
|
message: error.message,
|
|
168
169
|
// For some reason 'schemaPath' is missing from the AjvError type definition:
|
|
@@ -19,9 +19,18 @@ function renderCollapsibleField(props) {
|
|
|
19
19
|
const defaultOpen = !isCollapsed(props.schema);
|
|
20
20
|
return React.createElement('limel-collapsible-section', {
|
|
21
21
|
header: props.title,
|
|
22
|
+
id: getSchemaObjectPropertyPath(props.formContext.schema, props.idSchema),
|
|
22
23
|
'is-open': defaultOpen,
|
|
23
24
|
}, renderDescription(props.description), renderProperties(props.properties, props.schema));
|
|
24
25
|
}
|
|
26
|
+
function getSchemaObjectPropertyPath(schema, subSchema) {
|
|
27
|
+
var _a, _b;
|
|
28
|
+
const refPrefixLength = 2;
|
|
29
|
+
const matchAllForwardSlashes = /\//g;
|
|
30
|
+
const rootPath = (_a = schema.$ref) === null || _a === void 0 ? void 0 : _a.replace(matchAllForwardSlashes, '.').slice(refPrefixLength);
|
|
31
|
+
const subSchemaPath = (_b = subSchema.$id) === null || _b === void 0 ? void 0 : _b.replace('_', '.properties.');
|
|
32
|
+
return subSchemaPath.replace('root', rootPath);
|
|
33
|
+
}
|
|
25
34
|
function renderProperties(properties, schema) {
|
|
26
35
|
var _a;
|
|
27
36
|
const layout = (_a = schema.lime) === null || _a === void 0 ? void 0 : _a.layout;
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
* @prop --header-top-right-left-border-radius: Top-left and top-right border radius of header, defaults to `0.75rem`.
|
|
15
15
|
* @prop --header-responsive-breakpoint: Defines the minimum allowed `width` of both information and actions areas in the header, defaults to `22rem`.
|
|
16
16
|
*/
|
|
17
|
-
:host {
|
|
17
|
+
:host(limel-header) {
|
|
18
18
|
display: flex;
|
|
19
19
|
align-items: center;
|
|
20
20
|
box-sizing: border-box;
|
|
@@ -32,19 +32,21 @@
|
|
|
32
32
|
min-width: 0;
|
|
33
33
|
}
|
|
34
34
|
|
|
35
|
-
.
|
|
35
|
+
.icon {
|
|
36
36
|
flex-shrink: 0;
|
|
37
37
|
color: var(--header-icon-color, rgb(var(--contrast-1100)));
|
|
38
38
|
background-color: var(--header-icon-background-color, transparent);
|
|
39
|
+
width: 1.75rem;
|
|
40
|
+
margin: 0 0.5rem;
|
|
39
41
|
}
|
|
40
42
|
|
|
41
|
-
.
|
|
43
|
+
.headings {
|
|
42
44
|
min-width: 0;
|
|
43
45
|
margin-left: 0.25rem;
|
|
44
46
|
}
|
|
45
47
|
|
|
46
|
-
.
|
|
47
|
-
.
|
|
48
|
+
.heading,
|
|
49
|
+
.subheading {
|
|
48
50
|
overflow: hidden;
|
|
49
51
|
white-space: nowrap;
|
|
50
52
|
text-overflow: ellipsis;
|
|
@@ -52,21 +54,21 @@
|
|
|
52
54
|
padding: 0;
|
|
53
55
|
}
|
|
54
56
|
|
|
55
|
-
.
|
|
57
|
+
.heading {
|
|
56
58
|
color: var(--header-heading-color, rgb(var(--contrast-1100)));
|
|
57
59
|
font-size: 1.0625rem;
|
|
58
60
|
}
|
|
59
61
|
|
|
60
|
-
.
|
|
62
|
+
.subheading {
|
|
61
63
|
color: var(--header-subheading-color, rgb(var(--contrast-900)));
|
|
62
64
|
font-size: 0.875rem;
|
|
63
65
|
font-weight: lighter;
|
|
64
66
|
}
|
|
65
67
|
|
|
66
|
-
.
|
|
68
|
+
.subheading__supporting-text {
|
|
67
69
|
color: var(--header-supporting-text-color, var(--header-subheading-color));
|
|
68
70
|
}
|
|
69
|
-
.
|
|
71
|
+
.subheading__supporting-text span {
|
|
70
72
|
margin: 0 0.5rem;
|
|
71
73
|
font-weight: bold;
|
|
72
74
|
}
|
|
@@ -75,22 +77,25 @@
|
|
|
75
77
|
flex-shrink: 0;
|
|
76
78
|
}
|
|
77
79
|
|
|
78
|
-
:host(.is-narrow)
|
|
79
|
-
|
|
80
|
-
|
|
80
|
+
:host(limel-header.is-narrow) {
|
|
81
|
+
padding: 0.125rem 0.25rem;
|
|
82
|
+
}
|
|
83
|
+
:host(limel-header.is-narrow) .icon {
|
|
84
|
+
margin-right: 0.125rem;
|
|
85
|
+
width: 1.25rem;
|
|
81
86
|
}
|
|
82
|
-
:host(.is-narrow) .
|
|
87
|
+
:host(limel-header.is-narrow) .heading {
|
|
83
88
|
font-size: 0.9375rem;
|
|
84
89
|
}
|
|
85
90
|
|
|
86
|
-
:host(.has-responsive-layout) {
|
|
91
|
+
:host(limel-header.has-responsive-layout) {
|
|
87
92
|
display: grid;
|
|
88
93
|
grid-template-columns: repeat(auto-fit, minmax(clamp(50%, var(--header-responsive-breakpoint, 22rem), 100%), 1fr));
|
|
89
94
|
}
|
|
90
|
-
:host(.has-responsive-layout) .
|
|
95
|
+
:host(limel-header.has-responsive-layout) .headings {
|
|
91
96
|
padding-right: 0.5rem;
|
|
92
97
|
}
|
|
93
|
-
:host(.has-responsive-layout) .actions {
|
|
98
|
+
:host(limel-header.has-responsive-layout) .actions {
|
|
94
99
|
display: flex;
|
|
95
100
|
justify-content: flex-end;
|
|
96
101
|
}
|
|
@@ -49,9 +49,9 @@ export class Header {
|
|
|
49
49
|
return [
|
|
50
50
|
h("div", { class: "information" },
|
|
51
51
|
this.renderIcon(),
|
|
52
|
-
h("div", { class: "
|
|
53
|
-
h("h1", { class: "
|
|
54
|
-
h("h2", { class: "
|
|
52
|
+
h("div", { class: "headings" },
|
|
53
|
+
h("h1", { class: "heading", title: this.heading }, this.heading),
|
|
54
|
+
h("h2", { class: "subheading", title: this.subheading },
|
|
55
55
|
this.subheading,
|
|
56
56
|
this.renderSupportingText()))),
|
|
57
57
|
h("div", { class: "actions" },
|
|
@@ -62,7 +62,7 @@ export class Header {
|
|
|
62
62
|
if (!this.icon) {
|
|
63
63
|
return;
|
|
64
64
|
}
|
|
65
|
-
return
|
|
65
|
+
return h("limel-icon", { class: "icon", badge: true, name: this.icon });
|
|
66
66
|
}
|
|
67
67
|
renderSupportingText() {
|
|
68
68
|
if (!this.supportingText) {
|
|
@@ -2162,6 +2162,9 @@
|
|
|
2162
2162
|
.lime-formatted-input + .mdc-text-field__input {
|
|
2163
2163
|
z-index: 2;
|
|
2164
2164
|
}
|
|
2165
|
+
.lime-has-prefix .lime-formatted-input {
|
|
2166
|
+
margin-left: 0.625rem;
|
|
2167
|
+
}
|
|
2165
2168
|
|
|
2166
2169
|
:not(.mdc-text-field--focused):not(.mdc-text-field--invalid) .mdc-text-field__input[type=number] {
|
|
2167
2170
|
color: transparent;
|
|
@@ -16,6 +16,8 @@ const helperTextId = 'tf-helper-text';
|
|
|
16
16
|
* @exampleComponent limel-example-input-field-showlink
|
|
17
17
|
* @exampleComponent limel-example-input-field-error-icon
|
|
18
18
|
* @exampleComponent limel-example-input-field-textarea
|
|
19
|
+
* @exampleComponent limel-example-input-field-suffix
|
|
20
|
+
* @exampleComponent limel-example-input-field-prefix
|
|
19
21
|
* @exampleComponent limel-example-input-field-search
|
|
20
22
|
* @exampleComponent limel-example-input-field-pattern
|
|
21
23
|
* @exampleComponent limel-example-input-field-focus
|
|
@@ -105,6 +107,8 @@ export class InputField {
|
|
|
105
107
|
'lime-text-field--readonly': this.readonly,
|
|
106
108
|
'mdc-text-field--required': this.required,
|
|
107
109
|
'lime-text-field--empty': !this.value,
|
|
110
|
+
'lime-has-prefix': this.hasPrefix(),
|
|
111
|
+
'lime-has-suffix': this.hasSuffix(),
|
|
108
112
|
};
|
|
109
113
|
if (this.type === 'textarea') {
|
|
110
114
|
classList['mdc-text-field--textarea'] = true;
|
|
@@ -189,6 +193,32 @@ export class InputField {
|
|
|
189
193
|
this.hasHelperText = () => {
|
|
190
194
|
return this.helperText !== null && this.helperText !== undefined;
|
|
191
195
|
};
|
|
196
|
+
this.renderSuffix = () => {
|
|
197
|
+
if (!this.hasSuffix() || this.type === 'textarea') {
|
|
198
|
+
return;
|
|
199
|
+
}
|
|
200
|
+
const classList = {
|
|
201
|
+
'mdc-text-field__affix': true,
|
|
202
|
+
'mdc-text-field__affix--suffix': true,
|
|
203
|
+
};
|
|
204
|
+
return h("span", { class: classList }, this.suffix);
|
|
205
|
+
};
|
|
206
|
+
this.hasSuffix = () => {
|
|
207
|
+
return this.suffix !== null && this.suffix !== undefined;
|
|
208
|
+
};
|
|
209
|
+
this.renderPrefix = () => {
|
|
210
|
+
if (!this.hasPrefix() || this.type === 'textarea') {
|
|
211
|
+
return;
|
|
212
|
+
}
|
|
213
|
+
const classList = {
|
|
214
|
+
'mdc-text-field__affix': true,
|
|
215
|
+
'mdc-text-field__affix--prefix': true,
|
|
216
|
+
};
|
|
217
|
+
return h("span", { class: classList }, this.prefix);
|
|
218
|
+
};
|
|
219
|
+
this.hasPrefix = () => {
|
|
220
|
+
return this.prefix !== null && this.prefix !== undefined;
|
|
221
|
+
};
|
|
192
222
|
this.renderCharacterCounter = () => {
|
|
193
223
|
if (!this.maxlength || this.type === 'number') {
|
|
194
224
|
return;
|
|
@@ -499,7 +529,9 @@ export class InputField {
|
|
|
499
529
|
h("span", { class: "mdc-notched-outline__trailing" })),
|
|
500
530
|
this.renderLeadingIcon(),
|
|
501
531
|
this.renderEmptyValueForReadonly(),
|
|
532
|
+
this.renderPrefix(),
|
|
502
533
|
this.renderInput(properties),
|
|
534
|
+
this.renderSuffix(),
|
|
503
535
|
this.renderTextarea(properties),
|
|
504
536
|
this.renderFormattedNumber(),
|
|
505
537
|
this.renderTrailingLinkOrButton()),
|
|
@@ -612,6 +644,40 @@ export class InputField {
|
|
|
612
644
|
"attribute": "helper-text",
|
|
613
645
|
"reflect": true
|
|
614
646
|
},
|
|
647
|
+
"prefix": {
|
|
648
|
+
"type": "string",
|
|
649
|
+
"mutable": false,
|
|
650
|
+
"complexType": {
|
|
651
|
+
"original": "string",
|
|
652
|
+
"resolved": "string",
|
|
653
|
+
"references": {}
|
|
654
|
+
},
|
|
655
|
+
"required": false,
|
|
656
|
+
"optional": false,
|
|
657
|
+
"docs": {
|
|
658
|
+
"tags": [],
|
|
659
|
+
"text": "A short piece of text to display before the value inside the input field.\nDisplayed for all types except `textarea`."
|
|
660
|
+
},
|
|
661
|
+
"attribute": "prefix",
|
|
662
|
+
"reflect": true
|
|
663
|
+
},
|
|
664
|
+
"suffix": {
|
|
665
|
+
"type": "string",
|
|
666
|
+
"mutable": false,
|
|
667
|
+
"complexType": {
|
|
668
|
+
"original": "string",
|
|
669
|
+
"resolved": "string",
|
|
670
|
+
"references": {}
|
|
671
|
+
},
|
|
672
|
+
"required": false,
|
|
673
|
+
"optional": false,
|
|
674
|
+
"docs": {
|
|
675
|
+
"tags": [],
|
|
676
|
+
"text": "A short piece of text to display after the value inside the input field.\nDisplayed for all types except `textarea`."
|
|
677
|
+
},
|
|
678
|
+
"attribute": "suffix",
|
|
679
|
+
"reflect": true
|
|
680
|
+
},
|
|
615
681
|
"required": {
|
|
616
682
|
"type": "boolean",
|
|
617
683
|
"mutable": false,
|
|
@@ -102,7 +102,7 @@ export class Picker {
|
|
|
102
102
|
props.maxItems = 1;
|
|
103
103
|
}
|
|
104
104
|
return [
|
|
105
|
-
h("limel-chip-set", Object.assign({ type: "input", label: this.label, helperText: this.helperText, leadingIcon: this.leadingIcon, value: this.chips, disabled: this.disabled, delimiter: this.renderDelimiter(), readonly: this.readonly, required: this.required, searchLabel: this.searchLabel, onInput: this.handleTextInput, onKeyDown: this.handleInputKeyDown, onChange: this.handleChange, onInteract: this.handleInteract, onStartEdit: this.handleInputFieldFocus, onStopEdit: this.handleStopEditAndBlur, emptyInputOnBlur: false, clearAllButton: this.multiple }, props)),
|
|
105
|
+
h("limel-chip-set", Object.assign({ type: "input", inputType: "search", label: this.label, helperText: this.helperText, leadingIcon: this.leadingIcon, value: this.chips, disabled: this.disabled, delimiter: this.renderDelimiter(), readonly: this.readonly, required: this.required, searchLabel: this.searchLabel, onInput: this.handleTextInput, onKeyDown: this.handleInputKeyDown, onChange: this.handleChange, onInteract: this.handleInteract, onStartEdit: this.handleInputFieldFocus, onStopEdit: this.handleStopEditAndBlur, emptyInputOnBlur: false, clearAllButton: this.multiple }, props)),
|
|
106
106
|
this.renderDropdown(),
|
|
107
107
|
];
|
|
108
108
|
}
|
|
@@ -184,7 +184,7 @@
|
|
|
184
184
|
background-color: var(--step-background);
|
|
185
185
|
}
|
|
186
186
|
.step .icon {
|
|
187
|
-
color: var(--progress-flow-icon-color, var(--step-text));
|
|
187
|
+
color: var(--progress-flow-icon-color--inactive, var(--step-text));
|
|
188
188
|
}
|
|
189
189
|
.flow-item.selected .step {
|
|
190
190
|
color: var(--step-text--selected);
|
|
@@ -16,14 +16,15 @@
|
|
|
16
16
|
* @prop --progress-flow-step-background-color--passed: Background color of passed steps, defaults to the background color the step has when selected.
|
|
17
17
|
* @prop --progress-flow-step-text-color: Text of steps, defaults to `--contrast-1200`.
|
|
18
18
|
* @prop --progress-flow-step-text-color--selected: Text color of selected step, defaults to `--lime-primary-color`.
|
|
19
|
-
* @prop --progress-flow-step-text-color
|
|
19
|
+
* @prop --progress-flow-step-text-color--passed: Text color of passed steps, defaults to the text color the step has when selected.
|
|
20
20
|
* @prop --progress-flow-step-divider-color: Color of the arrow shaped dividers between steps which must be the same as component's background, defaults to `--contrast-100`.
|
|
21
|
-
* @prop --progress-flow-icon-color: Color of the optional icons used in each step. Only affects inactive steps, defaults to text colors for inactive, active, or passed step.
|
|
21
|
+
* @prop --progress-flow-icon-color--inactive: Color of the optional icons used in each step. Only affects inactive steps, defaults to text colors for inactive, active, or passed step.
|
|
22
22
|
*/
|
|
23
23
|
:host {
|
|
24
24
|
--step-height: 2.5rem;
|
|
25
25
|
--selected-indicator-right: -0.5rem;
|
|
26
26
|
--max-text-width: 10rem;
|
|
27
|
+
isolation: isolate;
|
|
27
28
|
box-sizing: border-box;
|
|
28
29
|
width: 100%;
|
|
29
30
|
display: flex;
|
|
@@ -6,14 +6,9 @@ $date-picker--flatpickr-adapter--flatpickr-day--after: -1 !default;
|
|
|
6
6
|
$input-field--formatted-value: 1 !default;
|
|
7
7
|
$input-field--input-with-formatted-value: 2 !default;
|
|
8
8
|
$input-field--mdc-text-field__input--readonly: 1 !default;
|
|
9
|
-
$list--has-interactive-items--mdc-list-item--hover: 1 !default;
|
|
10
|
-
$list-static-actions-list: 1 !default;
|
|
11
9
|
$tab-bar--active-tab: 2 !default;
|
|
12
10
|
$table--has-interactive-rows--selectable-row--hover: 2 !default;
|
|
13
11
|
$table--limel-table--row-selector: 1 !default;
|
|
14
12
|
$popover-before: -1 !default;
|
|
15
13
|
$button-group-radio-button-keyboard-focused: 1 !default;
|
|
16
|
-
$list-mdc-list-item: 0 !default;
|
|
17
|
-
$limel-progress-flow-step-content: 2 !default;
|
|
18
|
-
$limel-progress-flow-divider: 1 !default;
|
|
19
14
|
$limel-circular-progress-value: 1 !default;
|
|
@@ -13,5 +13,5 @@ const patchBrowser = () => {
|
|
|
13
13
|
};
|
|
14
14
|
|
|
15
15
|
patchBrowser().then(options => {
|
|
16
|
-
return bootstrapLazy([["limel-color-picker",[[1,"limel-color-picker",{"value":[513],"label":[513],"helperText":[513,"helper-text"],"tooltipLabel":[513,"tooltip-label"],"required":[516],"readonly":[516],"isOpen":[32]}]]],["limel-picker",[[1,"limel-picker",{"disabled":[4],"readonly":[516],"label":[1],"searchLabel":[1,"search-label"],"helperText":[513,"helper-text"],"leadingIcon":[1,"leading-icon"],"emptyResultMessage":[1,"empty-result-message"],"required":[4],"value":[16],"searcher":[16],"multiple":[4],"delimiter":[513],"actions":[16],"actionPosition":[1,"action-position"],"actionScrollBehavior":[1,"action-scroll-behavior"],"badgeIcons":[516,"badge-icons"],"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-button-group",[[1,"limel-button-group",{"value":[16],"disabled":[516],"selectedButtonId":[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",{"items":[16],"disabled":[516],"openDirection":[513,"open-direction"],"open":[1540],"badgeIcons":[516,"badge-icons"],"gridLayout":[516,"grid-layout"]}]]],["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":[513],"actions":[16]}]]],["limel-dialog",[[1,"limel-dialog",{"heading":[1],"fullscreen":[516],"open":[1540],"closingActions":[16]}]]],["limel-progress-flow",[[1,"limel-progress-flow",{"flowItems":[16],"disabled":[4],"readonly":[4]}]]],["limel-checkbox",[[1,"limel-checkbox",{"disabled":[516],"readonly":[516],"label":[513],"helperText":[513,"helper-text"],"checked":[516],"indeterminate":[516],"required":[516],"modified":[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"],"aggregates":[16],"selectable":[4],"selection":[16]}]]],["limel-banner",[[1,"limel-banner",{"message":[513],"icon":[513],"isOpen":[32],"open":[64],"close":[64]}]]],["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],"disabled":[4],"propsFactory":[16],"transformErrors":[16],"errors":[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-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-flatpickr-adapter",[[1,"limel-flatpickr-adapter",{"value":[16],"type":[1],"format":[1],"isOpen":[4,"is-open"],"inputElement":[16],"language":[1]}]]],["limel-menu-list",[[1,"limel-menu-list",{"items":[16],"badgeIcons":[4,"badge-icons"],"iconSize":[1,"icon-size"],"type":[1],"maxLinesSecondaryText":[2,"max-lines-secondary-text"]}]]],["limel-popover-surface",[[1,"limel-popover-surface",{"contentCollection":[16]}]]],["limel-icon",[[1,"limel-icon",{"size":[513],"name":[513],"badge":[516]}]]],["limel-input-field",[[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]}]]],["limel-color-picker-palette_2",[[1,"limel-color-picker-palette",{"value":[513],"label":[513],"helperText":[513,"helper-text"],"required":[516]}],[1,"limel-popover",{"open":[4]}]]],["limel-badge",[[1,"limel-badge",{"label":[514]}]]],["limel-chip-set",[[1,"limel-chip-set",{"value":[16],"type":[513],"label":[513],"helperText":[513,"helper-text"],"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"]}]]],["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-tooltip_2",[[1,"limel-tooltip",{"elementId":[513,"element-id"],"label":[513],"helperLabel":[513,"helper-label"],"maxlength":[514],"open":[32]}],[1,"limel-tooltip-content",{"label":[513],"helperLabel":[513,"helper-label"],"maxlength":[514]}]]]], options);
|
|
16
|
+
return bootstrapLazy([["limel-color-picker",[[1,"limel-color-picker",{"value":[513],"label":[513],"helperText":[513,"helper-text"],"tooltipLabel":[513,"tooltip-label"],"required":[516],"readonly":[516],"isOpen":[32]}]]],["limel-picker",[[1,"limel-picker",{"disabled":[4],"readonly":[516],"label":[1],"searchLabel":[1,"search-label"],"helperText":[513,"helper-text"],"leadingIcon":[1,"leading-icon"],"emptyResultMessage":[1,"empty-result-message"],"required":[4],"value":[16],"searcher":[16],"multiple":[4],"delimiter":[513],"actions":[16],"actionPosition":[1,"action-position"],"actionScrollBehavior":[1,"action-scroll-behavior"],"badgeIcons":[516,"badge-icons"],"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-button-group",[[1,"limel-button-group",{"value":[16],"disabled":[516],"selectedButtonId":[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",{"items":[16],"disabled":[516],"openDirection":[513,"open-direction"],"open":[1540],"badgeIcons":[516,"badge-icons"],"gridLayout":[516,"grid-layout"]}]]],["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":[513],"actions":[16]}]]],["limel-dialog",[[1,"limel-dialog",{"heading":[1],"fullscreen":[516],"open":[1540],"closingActions":[16]}]]],["limel-progress-flow",[[1,"limel-progress-flow",{"flowItems":[16],"disabled":[4],"readonly":[4]}]]],["limel-checkbox",[[1,"limel-checkbox",{"disabled":[516],"readonly":[516],"label":[513],"helperText":[513,"helper-text"],"checked":[516],"indeterminate":[516],"required":[516],"modified":[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"],"aggregates":[16],"selectable":[4],"selection":[16]}]]],["limel-banner",[[1,"limel-banner",{"message":[513],"icon":[513],"isOpen":[32],"open":[64],"close":[64]}]]],["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],"disabled":[4],"propsFactory":[16],"transformErrors":[16],"errors":[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-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-flatpickr-adapter",[[1,"limel-flatpickr-adapter",{"value":[16],"type":[1],"format":[1],"isOpen":[4,"is-open"],"inputElement":[16],"language":[1]}]]],["limel-menu-list",[[1,"limel-menu-list",{"items":[16],"badgeIcons":[4,"badge-icons"],"iconSize":[1,"icon-size"],"type":[1],"maxLinesSecondaryText":[2,"max-lines-secondary-text"]}]]],["limel-popover-surface",[[1,"limel-popover-surface",{"contentCollection":[16]}]]],["limel-icon",[[1,"limel-icon",{"size":[513],"name":[513],"badge":[516]}]]],["limel-input-field",[[1,"limel-input-field",{"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"helperText":[513,"helper-text"],"prefix":[513],"suffix":[513],"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]}]]],["limel-color-picker-palette_2",[[1,"limel-color-picker-palette",{"value":[513],"label":[513],"helperText":[513,"helper-text"],"required":[516]}],[1,"limel-popover",{"open":[4]}]]],["limel-badge",[[1,"limel-badge",{"label":[514]}]]],["limel-chip-set",[[1,"limel-chip-set",{"value":[16],"type":[513],"label":[513],"helperText":[513,"helper-text"],"disabled":[516],"readonly":[516],"inputType":[513,"input-type"],"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"]}]]],["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-tooltip_2",[[1,"limel-tooltip",{"elementId":[513,"element-id"],"label":[513],"helperLabel":[513,"helper-label"],"maxlength":[514],"open":[32]}],[1,"limel-tooltip-content",{"label":[513],"helperLabel":[513,"helper-label"],"maxlength":[514]}]]]], options);
|
|
17
17
|
});
|