@limetech/lime-elements 40.11.3 → 40.12.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/dist/cjs/lime-elements.cjs.js +1 -1
- package/dist/cjs/limel-file-viewer.cjs.entry.js +81 -47
- package/dist/cjs/limel-form.cjs.entry.js +7 -7
- package/dist/cjs/limel-side-panel.cjs.entry.js +72 -5
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/side-panel/side-panel.css +118 -6
- package/dist/collection/components/side-panel/side-panel.js +120 -77
- package/dist/esm/lime-elements.js +1 -1
- package/dist/esm/limel-file-viewer.entry.js +81 -47
- package/dist/esm/limel-form.entry.js +7 -7
- package/dist/esm/limel-side-panel.entry.js +72 -5
- package/dist/esm/loader.js +1 -1
- package/dist/lime-elements/lime-elements.esm.js +1 -1
- package/dist/lime-elements/{p-ae2e5e87.entry.js → p-49eb2f64.entry.js} +1 -1
- package/dist/lime-elements/p-4f58c6b3.entry.js +1 -0
- package/dist/lime-elements/p-5a15606a.entry.js +1 -0
- package/dist/types/components/side-panel/side-panel.d.ts +35 -73
- package/dist/types/components.d.ts +70 -238
- package/package.json +6 -6
- package/dist/lime-elements/p-33b58741.entry.js +0 -1
- package/dist/lime-elements/p-82c65f70.entry.js +0 -1
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -5,7 +5,7 @@ var index = require('./index-BlsqxTB1.js');
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
6
6
|
if (typeof window === 'undefined') return undefined;
|
|
7
7
|
await index.globalScripts();
|
|
8
|
-
return index.bootstrapLazy(JSON.parse("[[\"limel-file-viewer.cjs\",[[1,\"limel-file-viewer\",{\"url\":[513],\"filename\":[513],\"alt\":[513],\"allowFullscreen\":[516,\"allow-fullscreen\"],\"allowOpenInNewTab\":[516,\"allow-open-in-new-tab\"],\"allowDownload\":[516,\"allow-download\"],\"language\":[1],\"officeViewer\":[513,\"office-viewer\"],\"actions\":[16],\"isFullscreen\":[32],\"fileType\":[32],\"loading\":[32],\"fileUrl\":[32],\"email\":[32]},null,{\"url\":[{\"watchUrl\":0}]}]]],[\"limel-card.cjs\",[[257,\"limel-card\",{\"heading\":[513],\"subheading\":[513],\"image\":[16],\"icon\":[513],\"value\":[1],\"actions\":[16],\"clickable\":[516],\"orientation\":[513],\"selected\":[516],\"show3dEffect\":[516,\"show-3d-effect\"],\"canScrollUp\":[32],\"canScrollDown\":[32]}]]],[\"limel-file.cjs\",[[1,\"limel-file\",{\"value\":[16],\"label\":[513],\"helperText\":[513,\"helper-text\"],\"required\":[516],\"disabled\":[516],\"readonly\":[516],\"invalid\":[516],\"loading\":[516],\"accept\":[513],\"resizeImage\":[16],\"language\":[1],\"resizingFile\":[32]},null,{\"value\":[{\"handleValueChange\":0}]}]]],[\"limel-code-diff.cjs\",[[1,\"limel-code-diff\",{\"oldValue\":[1,\"old-value\"],\"newValue\":[1,\"new-value\"],\"oldHeading\":[513,\"old-heading\"],\"newHeading\":[513,\"new-heading\"],\"layout\":[513],\"contextLines\":[514,\"context-lines\"],\"lineWrapping\":[516,\"line-wrapping\"],\"language\":[513],\"reformatJson\":[516,\"reformat-json\"],\"translationLanguage\":[513,\"translation-language\"],\"diffResult\":[32],\"liveAnnouncement\":[32],\"copyState\":[32],\"searchVisible\":[32],\"searchTerm\":[32],\"currentMatchIndex\":[32]},null,{\"oldValue\":[{\"watchInputs\":0}],\"newValue\":[{\"watchInputs\":0}],\"contextLines\":[{\"watchInputs\":0}],\"reformatJson\":[{\"watchInputs\":0}],\"layout\":[{\"watchInputs\":0}]}]]],[\"limel-list-item.cjs\",[[0,\"limel-list-item\",{\"language\":[513],\"value\":[8],\"text\":[513],\"secondaryText\":[513,\"secondary-text\"],\"disabled\":[516],\"icon\":[1],\"iconSize\":[513,\"icon-size\"],\"badgeIcon\":[516,\"badge-icon\"],\"selected\":[516],\"actions\":[16],\"primaryComponent\":[16],\"image\":[16],\"type\":[513]}]]],[\"limel-picker.cjs\",[[17,\"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\"],\"language\":[1],\"required\":[4],\"invalid\":[516],\"value\":[16],\"searcher\":[16],\"allItems\":[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]},null,{\"disabled\":[{\"onDisabledChange\":0}],\"value\":[{\"onChangeValue\":0}]}]]],[\"limel-split-button.cjs\",[[17,\"limel-split-button\",{\"label\":[513],\"primary\":[516],\"icon\":[513],\"disabled\":[516],\"loading\":[516],\"loadingFailed\":[516,\"loading-failed\"],\"items\":[16]}]]],[\"limel-pagination.cjs\",[[1,\"limel-pagination\",{\"page\":[2],\"pageSize\":[514,\"page-size\"],\"totalItems\":[514,\"total-items\"],\"loading\":[516],\"language\":[513],\"liveMessage\":[32],\"openGap\":[32]},null,{\"language\":[{\"handleLanguageChange\":0}]}]]],[\"limel-color-picker.cjs\",[[1,\"limel-color-picker\",{\"value\":[513],\"label\":[513],\"helperText\":[513,\"helper-text\"],\"tooltipLabel\":[513,\"tooltip-label\"],\"required\":[516],\"disabled\":[516],\"readonly\":[516],\"invalid\":[516],\"placeholder\":[513],\"manualInput\":[516,\"manual-input\"],\"palette\":[16],\"paletteColumnCount\":[514,\"palette-column-count\"],\"isOpen\":[32]}]]],[\"limel-profile-picture.cjs\",[[1,\"limel-profile-picture\",{\"language\":[513],\"label\":[513],\"icon\":[1],\"helperText\":[1,\"helper-text\"],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"invalid\":[516],\"loading\":[516],\"value\":[1],\"imageFit\":[513,\"image-fit\"],\"accept\":[513],\"resize\":[16],\"objectUrl\":[32],\"imageError\":[32],\"isErrorMessagePopoverOpen\":[32]},null,{\"value\":[{\"handleValueChange\":0}]}]]],[\"limel-dock.cjs\",[[1,\"limel-dock\",{\"dockItems\":[16],\"dockFooterItems\":[16],\"accessibleLabel\":[513,\"accessible-label\"],\"expanded\":[516],\"allowResize\":[516,\"allow-resize\"],\"mobileBreakPoint\":[514,\"mobile-break-point\"],\"language\":[513],\"useMobileLayout\":[32]},null,{\"mobileBreakPoint\":[{\"watchMobileBreakPoint\":0}]}]]],[\"limel-snackbar.cjs\",[[1,\"limel-snackbar\",{\"open\":[516],\"message\":[1],\"timeout\":[514],\"actionText\":[1,\"action-text\"],\"dismissible\":[4],\"multiline\":[4],\"language\":[1],\"offset\":[32],\"isOpen\":[32],\"closing\":[32],\"show\":[64]},[[0,\"changeOffset\",\"onChangeIndex\"]],{\"open\":[{\"watchOpen\":0}]}]]],[\"limel-date-picker.cjs\",[[1,\"limel-date-picker\",{\"disabled\":[516],\"readonly\":[516],\"invalid\":[516],\"label\":[513],\"placeholder\":[513],\"helperText\":[513,\"helper-text\"],\"required\":[516],\"value\":[16],\"type\":[513],\"format\":[513],\"language\":[513],\"formatter\":[16],\"internalFormat\":[32],\"showPortal\":[32]}]]],[\"limel-side-panel.cjs\",[[257,\"limel-side-panel\",{\"label\":[1],\"closeLabel\":[1,\"close-label\"],\"stack\":[16],\"actions\":[16],\"resizeLabel\":[1,\"resize-label\"],\"closeOnEscape\":[4,\"close-on-escape\"],\"widthRange\":[32]},[[0,\"close\",\"stopContentEventAtHost\"],[0,\"changeWidth\",\"stopContentEventAtHost\"]]]]],[\"limel-button-group.cjs\",[[1,\"limel-button-group\",{\"value\":[16],\"disabled\":[516],\"selectedButtonId\":[32]},null,{\"value\":[{\"valueChanged\":0}]}]]],[\"limel-chart.cjs\",[[1,\"limel-chart\",{\"language\":[513],\"accessibleLabel\":[513,\"accessible-label\"],\"accessibleItemsLabel\":[513,\"accessible-items-label\"],\"accessibleValuesLabel\":[513,\"accessible-values-label\"],\"displayAxisLabels\":[516,\"display-axis-labels\"],\"displayItemText\":[516,\"display-item-text\"],\"displayItemValue\":[516,\"display-item-value\"],\"displayItemPercentage\":[516,\"display-item-percentage\"],\"items\":[16],\"type\":[513],\"orientation\":[513],\"maxValue\":[514,\"max-value\"],\"axisIncrement\":[514,\"axis-increment\"],\"loading\":[516]},null,{\"items\":[{\"handleChange\":0}],\"axisIncrement\":[{\"handleChange\":0}],\"maxValue\":[{\"handleChange\":0}],\"type\":[{\"handleChange\":0}]}]]],[\"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]},null,{\"value\":[{\"resetHasChanged\":0}],\"options\":[{\"resetHasChanged\":0},{\"updateHasRichOptions\":0},{\"resetTypeaheadOnItemsChange\":0}],\"required\":[{\"resetTypeaheadOnItemsChange\":0}],\"menuOpen\":[{\"watchOpen\":0}]}]]],[\"limel-slider.cjs\",[[1,\"limel-slider\",{\"disabled\":[516],\"readonly\":[516],\"factor\":[514],\"label\":[513],\"helperText\":[513,\"helper-text\"],\"required\":[516],\"invalid\":[516],\"displaysPercentageColors\":[516,\"displays-percentage-colors\"],\"unit\":[513],\"language\":[513],\"value\":[514],\"valuemax\":[514],\"valuemin\":[514],\"step\":[514],\"percentageClass\":[32],\"displayValue\":[32],\"isUnset\":[32]},null,{\"value\":[{\"watchValue\":0}]}]]],[\"limel-help.cjs\",[[1,\"limel-help\",{\"value\":[1],\"trigger\":[1],\"readMoreLink\":[16],\"openDirection\":[513,\"open-direction\"],\"isOpen\":[32]}]]],[\"limel-info-tile.cjs\",[[257,\"limel-info-tile\",{\"value\":[520],\"icon\":[1],\"label\":[513],\"prefix\":[513],\"suffix\":[513],\"disabled\":[516],\"reducedPresence\":[516,\"reduced-presence\"],\"badge\":[520],\"loading\":[516],\"link\":[16],\"progress\":[16],\"hasPrimarySlot\":[32]}]]],[\"limel-drag-handle.cjs\",[[0,\"limel-drag-handle\",{\"dragDirection\":[513,\"drag-direction\"],\"tooltipOpenDirection\":[513,\"tooltip-open-direction\"],\"language\":[513]}]]],[\"limel-tab-panel.cjs\",[[257,\"limel-tab-panel\",{\"tabs\":[1040],\"orientation\":[513]},null,{\"tabs\":[{\"tabsChanged\":0}]}]]],[\"limel-shortcut.cjs\",[[1,\"limel-shortcut\",{\"icon\":[513],\"label\":[513],\"disabled\":[516],\"badge\":[520],\"link\":[16]}]]],[\"limel-switch.cjs\",[[1,\"limel-switch\",{\"label\":[513],\"disabled\":[516],\"readonly\":[516],\"invalid\":[516],\"value\":[516],\"helperText\":[513,\"helper-text\"],\"readonlyLabels\":[16],\"fieldId\":[32]}]]],[\"limel-code-editor.cjs\",[[1,\"limel-code-editor\",{\"value\":[1],\"language\":[1],\"readonly\":[516],\"disabled\":[516],\"invalid\":[516],\"required\":[516],\"label\":[513],\"helperText\":[513,\"helper-text\"],\"lineNumbers\":[516,\"line-numbers\"],\"lineWrapping\":[516,\"line-wrapping\"],\"fold\":[516],\"lint\":[516],\"colorScheme\":[513,\"color-scheme\"],\"translationLanguage\":[513,\"translation-language\"],\"showCopyButton\":[516,\"show-copy-button\"],\"random\":[32],\"wasCopied\":[32]},null,{\"value\":[{\"watchValue\":0}],\"disabled\":[{\"watchDisabled\":0}],\"readonly\":[{\"watchReadonly\":0}],\"invalid\":[{\"watchInvalid\":0}],\"required\":[{\"watchRequired\":0}],\"helperText\":[{\"watchHelperText\":0}]}]]],[\"limel-dialog.cjs\",[[257,\"limel-dialog\",{\"heading\":[1],\"fullscreen\":[516],\"open\":[1540],\"closingActions\":[16]},null,{\"open\":[{\"watchHandler\":0}],\"closingActions\":[{\"closingActionsChanged\":0}]}]]],[\"limel-menu-item-meta.cjs\",[[1,\"limel-menu-item-meta\",{\"commandText\":[513,\"command-text\"],\"hotkey\":[513],\"disabled\":[516],\"badge\":[8],\"showChevron\":[4,\"show-chevron\"]}]]],[\"limel-progress-flow.cjs\",[[1,\"limel-progress-flow\",{\"flowItems\":[16],\"disabled\":[4],\"readonly\":[4]}]]],[\"limel-banner.cjs\",[[257,\"limel-banner\",{\"message\":[513],\"icon\":[513],\"isOpen\":[32],\"open\":[64],\"close\":[64]}]]],[\"limel-form.cjs\",[[1,\"limel-form\",{\"schema\":[16],\"value\":[16],\"disabled\":[4],\"propsFactory\":[16],\"transformErrors\":[16],\"errors\":[16],\"revealErrors\":[4,\"reveal-errors\"]}]]],[\"limel-radio-button-group.cjs\",[[0,\"limel-radio-button-group\",{\"items\":[16],\"selectedItem\":[16],\"disabled\":[516],\"badgeIcons\":[516,\"badge-icons\"],\"maxLinesSecondaryText\":[514,\"max-lines-secondary-text\"]}]]],[\"limel-ai-avatar.cjs\",[[1,\"limel-ai-avatar\",{\"isThinking\":[516,\"is-thinking\"],\"mode\":[513],\"variant\":[513],\"language\":[513]},null,{\"isThinking\":[{\"onIsThinkingChange\":0}]}]]],[\"limel-config.cjs\",[[1,\"limel-config\",{\"config\":[16]}]]],[\"limel-flex-container.cjs\",[[257,\"limel-flex-container\",{\"direction\":[513],\"justify\":[513],\"align\":[513],\"reverse\":[516]}]]],[\"limel-grid.cjs\",[[257,\"limel-grid\"]]],[\"limel-masonry-layout.cjs\",[[257,\"limel-masonry-layout\",{\"ordered\":[516],\"containerHeight\":[32]},null,{\"ordered\":[{\"onOrderedChange\":0}]}]]],[\"limel-icon.cjs\",[[1,\"limel-icon\",{\"size\":[513],\"name\":[513],\"badge\":[516],\"svgClass\":[513,\"svg-class\"]},null,{\"name\":[{\"loadIcon\":0}],\"svgClass\":[{\"applySvgClass\":0}]}]]],[\"limel-prosemirror-adapter.cjs\",[[17,\"limel-prosemirror-adapter\",{\"contentType\":[1,\"content-type\"],\"value\":[1],\"language\":[513],\"disabled\":[516],\"customElements\":[16],\"inlineImages\":[16],\"triggerCharacters\":[16],\"ui\":[1],\"view\":[32],\"actionBarItems\":[32],\"link\":[32],\"isLinkMenuOpen\":[32],\"flushPendingChanges\":[64],\"clear\":[64]},null,{\"value\":[{\"watchValue\":0}]}]]],[\"limel-text-editor.cjs\",[[17,\"limel-text-editor\",{\"contentType\":[1,\"content-type\"],\"language\":[513],\"disabled\":[516],\"readonly\":[516],\"helperText\":[513,\"helper-text\"],\"placeholder\":[513],\"label\":[513],\"invalid\":[516],\"value\":[513],\"customElements\":[16],\"inlineImages\":[16],\"triggers\":[16],\"required\":[516],\"allowResize\":[516,\"allow-resize\"],\"ui\":[513],\"flushPendingChanges\":[64],\"clear\":[64]}]]],[\"limel-pagination-jump.cjs\",[[1,\"limel-pagination-jump\",{\"open\":[516],\"page\":[2],\"pageCount\":[2,\"page-count\"],\"loading\":[4],\"language\":[1],\"value\":[32]},null,{\"language\":[{\"handleLanguageChange\":0}],\"open\":[{\"handleOpenChange\":0}]}]]],[\"limel-dock-button.cjs\",[[0,\"limel-dock-button\",{\"item\":[16],\"expanded\":[516],\"useMobileLayout\":[516,\"use-mobile-layout\"],\"isOpen\":[32]},null,{\"isOpen\":[{\"openWatcher\":0}]}]]],[\"limel-checkbox.cjs\",[[1,\"limel-checkbox\",{\"disabled\":[516],\"readonly\":[516],\"invalid\":[516],\"label\":[513],\"helperText\":[513,\"helper-text\"],\"checked\":[516],\"indeterminate\":[516],\"required\":[516],\"readonlyLabels\":[16],\"modified\":[32]},null,{\"checked\":[{\"handleCheckedChange\":0}],\"indeterminate\":[{\"handleIndeterminateChange\":0}],\"readonly\":[{\"handleReadonlyChange\":0}]}]]],[\"limel-table.cjs\",[[1,\"limel-table\",{\"data\":[16],\"columns\":[16],\"mode\":[513],\"layout\":[513],\"pageSize\":[514,\"page-size\"],\"totalRows\":[514,\"total-rows\"],\"sorting\":[16],\"activeRow\":[1040],\"movableColumns\":[516,\"movable-columns\"],\"movableRows\":[516,\"movable-rows\"],\"sortableColumns\":[516,\"sortable-columns\"],\"loading\":[516],\"page\":[514],\"emptyMessage\":[1,\"empty-message\"],\"aggregates\":[16],\"selectable\":[516],\"selection\":[16],\"language\":[513],\"paginationLocation\":[513,\"pagination-location\"]},null,{\"totalRows\":[{\"totalRowsChanged\":0}],\"pageSize\":[{\"pageSizeChanged\":0}],\"page\":[{\"pageChanged\":0}],\"activeRow\":[{\"activeRowChanged\":0}],\"data\":[{\"updateData\":0}],\"columns\":[{\"updateColumns\":0}],\"aggregates\":[{\"updateAggregates\":0}],\"selection\":[{\"updateSelection\":0}],\"selectable\":[{\"updateSelectable\":0}],\"movableRows\":[{\"updateMovableRows\":0}],\"sortableColumns\":[{\"updateSortableColumns\":0}],\"sorting\":[{\"updateSorting\":0}]}]]],[\"limel-email-viewer.cjs\",[[257,\"limel-email-viewer\",{\"email\":[16],\"fallbackUrl\":[513,\"fallback-url\"],\"language\":[513],\"allowRemoteImages\":[4,\"allow-remote-images\"],\"allowRemoteImagesState\":[32]},null,{\"email\":[{\"resetAllowRemoteImages\":0}]}]]],[\"limel-color-picker-palette.cjs\",[[17,\"limel-color-picker-palette\",{\"value\":[513],\"label\":[513],\"helperText\":[513,\"helper-text\"],\"placeholder\":[513],\"required\":[516],\"invalid\":[516],\"manualInput\":[516,\"manual-input\"],\"columnCount\":[514,\"column-count\"],\"palette\":[16]}]]],[\"limel-tab-bar.cjs\",[[1,\"limel-tab-bar\",{\"tabs\":[1040],\"orientation\":[513]},null,{\"tabs\":[{\"tabsChanged\":0}],\"orientation\":[{\"orientationChanged\":0}]}]]],[\"limel-callout.cjs\",[[257,\"limel-callout\",{\"heading\":[513],\"icon\":[513],\"type\":[513],\"language\":[1]}]]],[\"limel-help-content.cjs\",[[1,\"limel-help-content\",{\"value\":[1],\"readMoreLink\":[16]}]]],[\"limel-progress-flow-item.cjs\",[[0,\"limel-progress-flow-item\",{\"item\":[16],\"disabled\":[4],\"readonly\":[4],\"currentStep\":[4,\"current-step\"]}]]],[\"limel-circular-progress.cjs\",[[1,\"limel-circular-progress\",{\"value\":[2],\"maxValue\":[2,\"max-value\"],\"prefix\":[513],\"suffix\":[1],\"displayPercentageColors\":[4,\"display-percentage-colors\"],\"size\":[513]}]]],[\"limel-flatpickr-adapter.cjs\",[[1,\"limel-flatpickr-adapter\",{\"value\":[16],\"type\":[1],\"format\":[1],\"isOpen\":[4,\"is-open\"],\"inputElement\":[16],\"language\":[1],\"formatter\":[16]}]]],[\"limel-radio-button.cjs\",[[0,\"limel-radio-button\",{\"checked\":[516],\"disabled\":[516],\"id\":[1],\"label\":[1],\"onChange\":[16]}]]],[\"limel-resize-handle.cjs\",[[1,\"limel-resize-handle\",{\"location\":[513],\"label\":[513],\"value\":[2],\"min\":[2],\"max\":[2]}]]],[\"limel-helper-line_3.cjs\",[[17,\"limel-list\",{\"items\":[16],\"badgeIcons\":[4,\"badge-icons\"],\"iconSize\":[1,\"icon-size\"],\"type\":[1],\"maxLinesSecondaryText\":[2,\"max-lines-secondary-text\"]},null,{\"type\":[{\"handleType\":0}],\"items\":[{\"itemsChanged\":0}]}],[260,\"limel-notched-outline\",{\"required\":[516],\"readonly\":[516],\"invalid\":[516],\"disabled\":[516],\"label\":[513],\"labelId\":[513,\"label-id\"],\"labelElementId\":[513,\"label-element-id\"],\"hasValue\":[516,\"has-value\"],\"hasLeadingIcon\":[516,\"has-leading-icon\"],\"hasFloatingLabel\":[516,\"has-floating-label\"]}],[1,\"limel-helper-line\",{\"helperText\":[513,\"helper-text\"],\"length\":[514],\"maxLength\":[514,\"max-length\"],\"invalid\":[516],\"helperTextId\":[513,\"helper-text-id\"]}]]],[\"limel-chip-set.cjs\",[[17,\"limel-chip-set\",{\"value\":[16],\"type\":[513],\"label\":[513],\"helperText\":[513,\"helper-text\"],\"disabled\":[516],\"readonly\":[516],\"invalid\":[516],\"inputType\":[513,\"input-type\"],\"maxItems\":[514,\"max-items\"],\"required\":[516],\"searchLabel\":[513,\"search-label\"],\"emptyInputOnBlur\":[516,\"empty-input-on-blur\"],\"emptyInputOnChange\":[516,\"empty-input-on-change\"],\"clearAllButton\":[4,\"clear-all-button\"],\"leadingIcon\":[513,\"leading-icon\"],\"delimiter\":[513],\"autocomplete\":[513],\"language\":[1],\"editMode\":[32],\"textValue\":[32],\"blurred\":[32],\"inputChipIndexSelected\":[32],\"selectedChipIds\":[32],\"getEditMode\":[64],\"setFocus\":[64],\"emptyInput\":[64]},null,{\"value\":[{\"handleChangeChips\":0}]}]]],[\"limel-text-editor-link-menu.cjs\",[[1,\"limel-text-editor-link-menu\",{\"link\":[16],\"language\":[513],\"isOpen\":[516,\"is-open\"]}]]],[\"limel-collapsible-section.cjs\",[[257,\"limel-collapsible-section\",{\"isOpen\":[1540,\"is-open\"],\"header\":[513],\"icon\":[1],\"invalid\":[516],\"actions\":[16],\"language\":[513]}]]],[\"limel-header.cjs\",[[257,\"limel-header\",{\"icon\":[1],\"heading\":[1],\"subheading\":[1],\"supportingText\":[1,\"supporting-text\"],\"subheadingDivider\":[1,\"subheading-divider\"]}]]],[\"limel-scroller.cjs\",[[257,\"limel-scroller\",{\"orientation\":[513],\"canScrollToStart\":[32],\"canScrollToEnd\":[32],\"reveal\":[64]}]]],[\"limel-3d-hover-effect-glow.cjs\",[[1,\"limel-3d-hover-effect-glow\"]]],[\"limel-file-dropzone_2.cjs\",[[257,\"limel-file-dropzone\",{\"accept\":[513],\"disabled\":[4],\"text\":[1],\"helperText\":[1,\"helper-text\"],\"hasFileToDrop\":[32]}],[257,\"limel-file-input\",{\"accept\":[513],\"disabled\":[516],\"multiple\":[516]}]]],[\"limel-dynamic-label.cjs\",[[1,\"limel-dynamic-label\",{\"value\":[8],\"defaultLabel\":[16],\"labels\":[16]}]]],[\"limel-hotkey_4.cjs\",[[1,\"limel-tooltip\",{\"elementId\":[513,\"element-id\"],\"label\":[513],\"helperLabel\":[513,\"helper-label\"],\"hotkey\":[513],\"maxlength\":[514],\"openDirection\":[513,\"open-direction\"],\"open\":[32]},null,{\"label\":[{\"watchDescription\":0}],\"helperLabel\":[{\"watchDescription\":0}],\"hotkey\":[{\"watchDescription\":0}]}],[1,\"limel-tooltip-content\",{\"label\":[513],\"helperLabel\":[513,\"helper-label\"],\"maxlength\":[514],\"hotkey\":[513]}],[1,\"limel-hotkey\",{\"value\":[513],\"disabled\":[516]}],[257,\"limel-portal\",{\"openDirection\":[513,\"open-direction\"],\"position\":[513],\"containerId\":[513,\"container-id\"],\"containerStyle\":[16],\"inheritParentWidth\":[516,\"inherit-parent-width\"],\"visible\":[516],\"anchor\":[16]},null,{\"visible\":[{\"onVisible\":0}]}]]],[\"limel-icon-button.cjs\",[[17,\"limel-icon-button\",{\"icon\":[1],\"elevated\":[516],\"label\":[513],\"helperLabel\":[513,\"helper-label\"],\"disabled\":[516]}]]],[\"limel-breadcrumbs_6.cjs\",[[257,\"limel-menu\",{\"items\":[16],\"disabled\":[516],\"openDirection\":[513,\"open-direction\"],\"surfaceWidth\":[513,\"surface-width\"],\"open\":[1540],\"badgeIcons\":[516,\"badge-icons\"],\"gridLayout\":[516,\"grid-layout\"],\"loading\":[516],\"currentSubMenu\":[1040],\"rootItem\":[16],\"searcher\":[16],\"searchPlaceholder\":[1,\"search-placeholder\"],\"emptyResultMessage\":[1,\"empty-result-message\"],\"keepOpenOnSelect\":[516,\"keep-open-on-select\"],\"loadingSubItems\":[32],\"searchValue\":[32],\"searchResults\":[32]},null,{\"items\":[{\"itemsWatcher\":0}],\"open\":[{\"openWatcher\":0}]}],[1,\"limel-breadcrumbs\",{\"items\":[16],\"divider\":[1]}],[17,\"limel-menu-list\",{\"items\":[16],\"badgeIcons\":[4,\"badge-icons\"],\"iconSize\":[1,\"icon-size\"]},null,{\"items\":[{\"itemsChanged\":0}]}],[17,\"limel-input-field\",{\"disabled\":[516],\"readonly\":[516],\"invalid\":[516],\"label\":[513],\"placeholder\":[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\"],\"locale\":[513],\"isFocused\":[32],\"wasInvalid\":[32],\"showCompletions\":[32],\"getSelectionStart\":[64],\"getSelectionEnd\":[64],\"getSelectionDirection\":[64]},null,{\"value\":[{\"valueWatcher\":0}],\"completions\":[{\"completionsWatcher\":0}]}],[257,\"limel-menu-surface\",{\"open\":[4],\"allowClicksElement\":[16]}],[1,\"limel-spinner\",{\"size\":[513],\"limeBranded\":[4,\"lime-branded\"]}]]],[\"limel-button.cjs\",[[17,\"limel-button\",{\"label\":[513],\"primary\":[516],\"outlined\":[516],\"icon\":[513],\"disabled\":[516],\"loading\":[516],\"loadingFailed\":[516,\"loading-failed\"],\"justLoaded\":[32]},null,{\"loading\":[{\"loadingWatcher\":0}]}]]],[\"limel-markdown.cjs\",[[1,\"limel-markdown\",{\"value\":[1],\"whitelist\":[16],\"lazyLoadImages\":[516,\"lazy-load-images\"],\"removeEmptyParagraphs\":[516,\"remove-empty-paragraphs\"],\"adaptColorContrast\":[516,\"adapt-color-contrast\"],\"toMarkdown\":[64]},null,{\"value\":[{\"textChanged\":0}],\"whitelist\":[{\"handleWhitelistChange\":0}],\"removeEmptyParagraphs\":[{\"handleRemoveEmptyParagraphsChange\":0}],\"adaptColorContrast\":[{\"handleAdaptColorContrastChange\":0}]}]]],[\"limel-chip_2.cjs\",[[17,\"limel-chip\",{\"language\":[513],\"text\":[513],\"icon\":[1],\"image\":[16],\"link\":[16],\"badge\":[520],\"disabled\":[516],\"readonly\":[516],\"selected\":[516],\"invalid\":[516],\"removable\":[516],\"type\":[513],\"loading\":[516],\"progress\":[514],\"identifier\":[520],\"size\":[513],\"menuItems\":[16]}],[1,\"limel-linear-progress\",{\"language\":[513],\"value\":[514],\"indeterminate\":[516],\"accessibleLabel\":[513,\"accessible-label\"]},null,{\"value\":[{\"watchValue\":0}]}]]],[\"limel-popover_2.cjs\",[[257,\"limel-popover\",{\"open\":[4],\"openDirection\":[513,\"open-direction\"]},null,{\"open\":[{\"watchOpen\":0}]}],[1,\"limel-popover-surface\",{\"contentCollection\":[16]}]]],[\"limel-badge.cjs\",[[1,\"limel-badge\",{\"label\":[520]}]]],[\"limel-action-bar_3.cjs\",[[1,\"limel-action-bar\",{\"actions\":[16],\"accessibleLabel\":[513,\"accessible-label\"],\"language\":[1],\"layout\":[513],\"collapsible\":[516],\"openDirection\":[513,\"open-direction\"],\"overflowCutoff\":[32]}],[0,\"limel-action-bar-overflow-menu\",{\"items\":[16],\"openDirection\":[513,\"open-direction\"]}],[0,\"limel-action-bar-item\",{\"item\":[16],\"isVisible\":[516,\"is-visible\"],\"selected\":[516]}]]]]"), options);
|
|
8
|
+
return index.bootstrapLazy(JSON.parse("[[\"limel-file-viewer.cjs\",[[1,\"limel-file-viewer\",{\"url\":[513],\"filename\":[513],\"alt\":[513],\"allowFullscreen\":[516,\"allow-fullscreen\"],\"allowOpenInNewTab\":[516,\"allow-open-in-new-tab\"],\"allowDownload\":[516,\"allow-download\"],\"language\":[1],\"officeViewer\":[513,\"office-viewer\"],\"actions\":[16],\"isFullscreen\":[32],\"fileType\":[32],\"loading\":[32],\"fileUrl\":[32],\"email\":[32]},null,{\"url\":[{\"watchUrl\":0}]}]]],[\"limel-card.cjs\",[[257,\"limel-card\",{\"heading\":[513],\"subheading\":[513],\"image\":[16],\"icon\":[513],\"value\":[1],\"actions\":[16],\"clickable\":[516],\"orientation\":[513],\"selected\":[516],\"show3dEffect\":[516,\"show-3d-effect\"],\"canScrollUp\":[32],\"canScrollDown\":[32]}]]],[\"limel-file.cjs\",[[1,\"limel-file\",{\"value\":[16],\"label\":[513],\"helperText\":[513,\"helper-text\"],\"required\":[516],\"disabled\":[516],\"readonly\":[516],\"invalid\":[516],\"loading\":[516],\"accept\":[513],\"resizeImage\":[16],\"language\":[1],\"resizingFile\":[32]},null,{\"value\":[{\"handleValueChange\":0}]}]]],[\"limel-code-diff.cjs\",[[1,\"limel-code-diff\",{\"oldValue\":[1,\"old-value\"],\"newValue\":[1,\"new-value\"],\"oldHeading\":[513,\"old-heading\"],\"newHeading\":[513,\"new-heading\"],\"layout\":[513],\"contextLines\":[514,\"context-lines\"],\"lineWrapping\":[516,\"line-wrapping\"],\"language\":[513],\"reformatJson\":[516,\"reformat-json\"],\"translationLanguage\":[513,\"translation-language\"],\"diffResult\":[32],\"liveAnnouncement\":[32],\"copyState\":[32],\"searchVisible\":[32],\"searchTerm\":[32],\"currentMatchIndex\":[32]},null,{\"oldValue\":[{\"watchInputs\":0}],\"newValue\":[{\"watchInputs\":0}],\"contextLines\":[{\"watchInputs\":0}],\"reformatJson\":[{\"watchInputs\":0}],\"layout\":[{\"watchInputs\":0}]}]]],[\"limel-list-item.cjs\",[[0,\"limel-list-item\",{\"language\":[513],\"value\":[8],\"text\":[513],\"secondaryText\":[513,\"secondary-text\"],\"disabled\":[516],\"icon\":[1],\"iconSize\":[513,\"icon-size\"],\"badgeIcon\":[516,\"badge-icon\"],\"selected\":[516],\"actions\":[16],\"primaryComponent\":[16],\"image\":[16],\"type\":[513]}]]],[\"limel-picker.cjs\",[[17,\"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\"],\"language\":[1],\"required\":[4],\"invalid\":[516],\"value\":[16],\"searcher\":[16],\"allItems\":[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]},null,{\"disabled\":[{\"onDisabledChange\":0}],\"value\":[{\"onChangeValue\":0}]}]]],[\"limel-split-button.cjs\",[[17,\"limel-split-button\",{\"label\":[513],\"primary\":[516],\"icon\":[513],\"disabled\":[516],\"loading\":[516],\"loadingFailed\":[516,\"loading-failed\"],\"items\":[16]}]]],[\"limel-pagination.cjs\",[[1,\"limel-pagination\",{\"page\":[2],\"pageSize\":[514,\"page-size\"],\"totalItems\":[514,\"total-items\"],\"loading\":[516],\"language\":[513],\"liveMessage\":[32],\"openGap\":[32]},null,{\"language\":[{\"handleLanguageChange\":0}]}]]],[\"limel-color-picker.cjs\",[[1,\"limel-color-picker\",{\"value\":[513],\"label\":[513],\"helperText\":[513,\"helper-text\"],\"tooltipLabel\":[513,\"tooltip-label\"],\"required\":[516],\"disabled\":[516],\"readonly\":[516],\"invalid\":[516],\"placeholder\":[513],\"manualInput\":[516,\"manual-input\"],\"palette\":[16],\"paletteColumnCount\":[514,\"palette-column-count\"],\"isOpen\":[32]}]]],[\"limel-profile-picture.cjs\",[[1,\"limel-profile-picture\",{\"language\":[513],\"label\":[513],\"icon\":[1],\"helperText\":[1,\"helper-text\"],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"invalid\":[516],\"loading\":[516],\"value\":[1],\"imageFit\":[513,\"image-fit\"],\"accept\":[513],\"resize\":[16],\"objectUrl\":[32],\"imageError\":[32],\"isErrorMessagePopoverOpen\":[32]},null,{\"value\":[{\"handleValueChange\":0}]}]]],[\"limel-dock.cjs\",[[1,\"limel-dock\",{\"dockItems\":[16],\"dockFooterItems\":[16],\"accessibleLabel\":[513,\"accessible-label\"],\"expanded\":[516],\"allowResize\":[516,\"allow-resize\"],\"mobileBreakPoint\":[514,\"mobile-break-point\"],\"language\":[513],\"useMobileLayout\":[32]},null,{\"mobileBreakPoint\":[{\"watchMobileBreakPoint\":0}]}]]],[\"limel-snackbar.cjs\",[[1,\"limel-snackbar\",{\"open\":[516],\"message\":[1],\"timeout\":[514],\"actionText\":[1,\"action-text\"],\"dismissible\":[4],\"multiline\":[4],\"language\":[1],\"offset\":[32],\"isOpen\":[32],\"closing\":[32],\"show\":[64]},[[0,\"changeOffset\",\"onChangeIndex\"]],{\"open\":[{\"watchOpen\":0}]}]]],[\"limel-date-picker.cjs\",[[1,\"limel-date-picker\",{\"disabled\":[516],\"readonly\":[516],\"invalid\":[516],\"label\":[513],\"placeholder\":[513],\"helperText\":[513,\"helper-text\"],\"required\":[516],\"value\":[16],\"type\":[513],\"format\":[513],\"language\":[513],\"formatter\":[16],\"internalFormat\":[32],\"showPortal\":[32]}]]],[\"limel-side-panel.cjs\",[[257,\"limel-side-panel\",{\"label\":[1],\"closeLabel\":[1,\"close-label\"],\"stack\":[16],\"actions\":[16],\"resizeLabel\":[1,\"resize-label\"],\"closeOnEscape\":[4,\"close-on-escape\"],\"fullScreen\":[516,\"full-screen\"],\"widthRange\":[32]},[[0,\"close\",\"stopContentEventAtHost\"],[0,\"changeWidth\",\"stopContentEventAtHost\"]],{\"stack\":[{\"handleBacksChange\":0}],\"fullScreen\":[{\"handleBacksChange\":0}]}]]],[\"limel-button-group.cjs\",[[1,\"limel-button-group\",{\"value\":[16],\"disabled\":[516],\"selectedButtonId\":[32]},null,{\"value\":[{\"valueChanged\":0}]}]]],[\"limel-chart.cjs\",[[1,\"limel-chart\",{\"language\":[513],\"accessibleLabel\":[513,\"accessible-label\"],\"accessibleItemsLabel\":[513,\"accessible-items-label\"],\"accessibleValuesLabel\":[513,\"accessible-values-label\"],\"displayAxisLabels\":[516,\"display-axis-labels\"],\"displayItemText\":[516,\"display-item-text\"],\"displayItemValue\":[516,\"display-item-value\"],\"displayItemPercentage\":[516,\"display-item-percentage\"],\"items\":[16],\"type\":[513],\"orientation\":[513],\"maxValue\":[514,\"max-value\"],\"axisIncrement\":[514,\"axis-increment\"],\"loading\":[516]},null,{\"items\":[{\"handleChange\":0}],\"axisIncrement\":[{\"handleChange\":0}],\"maxValue\":[{\"handleChange\":0}],\"type\":[{\"handleChange\":0}]}]]],[\"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]},null,{\"value\":[{\"resetHasChanged\":0}],\"options\":[{\"resetHasChanged\":0},{\"updateHasRichOptions\":0},{\"resetTypeaheadOnItemsChange\":0}],\"required\":[{\"resetTypeaheadOnItemsChange\":0}],\"menuOpen\":[{\"watchOpen\":0}]}]]],[\"limel-slider.cjs\",[[1,\"limel-slider\",{\"disabled\":[516],\"readonly\":[516],\"factor\":[514],\"label\":[513],\"helperText\":[513,\"helper-text\"],\"required\":[516],\"invalid\":[516],\"displaysPercentageColors\":[516,\"displays-percentage-colors\"],\"unit\":[513],\"language\":[513],\"value\":[514],\"valuemax\":[514],\"valuemin\":[514],\"step\":[514],\"percentageClass\":[32],\"displayValue\":[32],\"isUnset\":[32]},null,{\"value\":[{\"watchValue\":0}]}]]],[\"limel-help.cjs\",[[1,\"limel-help\",{\"value\":[1],\"trigger\":[1],\"readMoreLink\":[16],\"openDirection\":[513,\"open-direction\"],\"isOpen\":[32]}]]],[\"limel-info-tile.cjs\",[[257,\"limel-info-tile\",{\"value\":[520],\"icon\":[1],\"label\":[513],\"prefix\":[513],\"suffix\":[513],\"disabled\":[516],\"reducedPresence\":[516,\"reduced-presence\"],\"badge\":[520],\"loading\":[516],\"link\":[16],\"progress\":[16],\"hasPrimarySlot\":[32]}]]],[\"limel-drag-handle.cjs\",[[0,\"limel-drag-handle\",{\"dragDirection\":[513,\"drag-direction\"],\"tooltipOpenDirection\":[513,\"tooltip-open-direction\"],\"language\":[513]}]]],[\"limel-tab-panel.cjs\",[[257,\"limel-tab-panel\",{\"tabs\":[1040],\"orientation\":[513]},null,{\"tabs\":[{\"tabsChanged\":0}]}]]],[\"limel-shortcut.cjs\",[[1,\"limel-shortcut\",{\"icon\":[513],\"label\":[513],\"disabled\":[516],\"badge\":[520],\"link\":[16]}]]],[\"limel-switch.cjs\",[[1,\"limel-switch\",{\"label\":[513],\"disabled\":[516],\"readonly\":[516],\"invalid\":[516],\"value\":[516],\"helperText\":[513,\"helper-text\"],\"readonlyLabels\":[16],\"fieldId\":[32]}]]],[\"limel-code-editor.cjs\",[[1,\"limel-code-editor\",{\"value\":[1],\"language\":[1],\"readonly\":[516],\"disabled\":[516],\"invalid\":[516],\"required\":[516],\"label\":[513],\"helperText\":[513,\"helper-text\"],\"lineNumbers\":[516,\"line-numbers\"],\"lineWrapping\":[516,\"line-wrapping\"],\"fold\":[516],\"lint\":[516],\"colorScheme\":[513,\"color-scheme\"],\"translationLanguage\":[513,\"translation-language\"],\"showCopyButton\":[516,\"show-copy-button\"],\"random\":[32],\"wasCopied\":[32]},null,{\"value\":[{\"watchValue\":0}],\"disabled\":[{\"watchDisabled\":0}],\"readonly\":[{\"watchReadonly\":0}],\"invalid\":[{\"watchInvalid\":0}],\"required\":[{\"watchRequired\":0}],\"helperText\":[{\"watchHelperText\":0}]}]]],[\"limel-dialog.cjs\",[[257,\"limel-dialog\",{\"heading\":[1],\"fullscreen\":[516],\"open\":[1540],\"closingActions\":[16]},null,{\"open\":[{\"watchHandler\":0}],\"closingActions\":[{\"closingActionsChanged\":0}]}]]],[\"limel-menu-item-meta.cjs\",[[1,\"limel-menu-item-meta\",{\"commandText\":[513,\"command-text\"],\"hotkey\":[513],\"disabled\":[516],\"badge\":[8],\"showChevron\":[4,\"show-chevron\"]}]]],[\"limel-progress-flow.cjs\",[[1,\"limel-progress-flow\",{\"flowItems\":[16],\"disabled\":[4],\"readonly\":[4]}]]],[\"limel-banner.cjs\",[[257,\"limel-banner\",{\"message\":[513],\"icon\":[513],\"isOpen\":[32],\"open\":[64],\"close\":[64]}]]],[\"limel-form.cjs\",[[1,\"limel-form\",{\"schema\":[16],\"value\":[16],\"disabled\":[4],\"propsFactory\":[16],\"transformErrors\":[16],\"errors\":[16],\"revealErrors\":[4,\"reveal-errors\"]}]]],[\"limel-radio-button-group.cjs\",[[0,\"limel-radio-button-group\",{\"items\":[16],\"selectedItem\":[16],\"disabled\":[516],\"badgeIcons\":[516,\"badge-icons\"],\"maxLinesSecondaryText\":[514,\"max-lines-secondary-text\"]}]]],[\"limel-ai-avatar.cjs\",[[1,\"limel-ai-avatar\",{\"isThinking\":[516,\"is-thinking\"],\"mode\":[513],\"variant\":[513],\"language\":[513]},null,{\"isThinking\":[{\"onIsThinkingChange\":0}]}]]],[\"limel-config.cjs\",[[1,\"limel-config\",{\"config\":[16]}]]],[\"limel-flex-container.cjs\",[[257,\"limel-flex-container\",{\"direction\":[513],\"justify\":[513],\"align\":[513],\"reverse\":[516]}]]],[\"limel-grid.cjs\",[[257,\"limel-grid\"]]],[\"limel-masonry-layout.cjs\",[[257,\"limel-masonry-layout\",{\"ordered\":[516],\"containerHeight\":[32]},null,{\"ordered\":[{\"onOrderedChange\":0}]}]]],[\"limel-icon.cjs\",[[1,\"limel-icon\",{\"size\":[513],\"name\":[513],\"badge\":[516],\"svgClass\":[513,\"svg-class\"]},null,{\"name\":[{\"loadIcon\":0}],\"svgClass\":[{\"applySvgClass\":0}]}]]],[\"limel-prosemirror-adapter.cjs\",[[17,\"limel-prosemirror-adapter\",{\"contentType\":[1,\"content-type\"],\"value\":[1],\"language\":[513],\"disabled\":[516],\"customElements\":[16],\"inlineImages\":[16],\"triggerCharacters\":[16],\"ui\":[1],\"view\":[32],\"actionBarItems\":[32],\"link\":[32],\"isLinkMenuOpen\":[32],\"flushPendingChanges\":[64],\"clear\":[64]},null,{\"value\":[{\"watchValue\":0}]}]]],[\"limel-text-editor.cjs\",[[17,\"limel-text-editor\",{\"contentType\":[1,\"content-type\"],\"language\":[513],\"disabled\":[516],\"readonly\":[516],\"helperText\":[513,\"helper-text\"],\"placeholder\":[513],\"label\":[513],\"invalid\":[516],\"value\":[513],\"customElements\":[16],\"inlineImages\":[16],\"triggers\":[16],\"required\":[516],\"allowResize\":[516,\"allow-resize\"],\"ui\":[513],\"flushPendingChanges\":[64],\"clear\":[64]}]]],[\"limel-pagination-jump.cjs\",[[1,\"limel-pagination-jump\",{\"open\":[516],\"page\":[2],\"pageCount\":[2,\"page-count\"],\"loading\":[4],\"language\":[1],\"value\":[32]},null,{\"language\":[{\"handleLanguageChange\":0}],\"open\":[{\"handleOpenChange\":0}]}]]],[\"limel-dock-button.cjs\",[[0,\"limel-dock-button\",{\"item\":[16],\"expanded\":[516],\"useMobileLayout\":[516,\"use-mobile-layout\"],\"isOpen\":[32]},null,{\"isOpen\":[{\"openWatcher\":0}]}]]],[\"limel-checkbox.cjs\",[[1,\"limel-checkbox\",{\"disabled\":[516],\"readonly\":[516],\"invalid\":[516],\"label\":[513],\"helperText\":[513,\"helper-text\"],\"checked\":[516],\"indeterminate\":[516],\"required\":[516],\"readonlyLabels\":[16],\"modified\":[32]},null,{\"checked\":[{\"handleCheckedChange\":0}],\"indeterminate\":[{\"handleIndeterminateChange\":0}],\"readonly\":[{\"handleReadonlyChange\":0}]}]]],[\"limel-table.cjs\",[[1,\"limel-table\",{\"data\":[16],\"columns\":[16],\"mode\":[513],\"layout\":[513],\"pageSize\":[514,\"page-size\"],\"totalRows\":[514,\"total-rows\"],\"sorting\":[16],\"activeRow\":[1040],\"movableColumns\":[516,\"movable-columns\"],\"movableRows\":[516,\"movable-rows\"],\"sortableColumns\":[516,\"sortable-columns\"],\"loading\":[516],\"page\":[514],\"emptyMessage\":[1,\"empty-message\"],\"aggregates\":[16],\"selectable\":[516],\"selection\":[16],\"language\":[513],\"paginationLocation\":[513,\"pagination-location\"]},null,{\"totalRows\":[{\"totalRowsChanged\":0}],\"pageSize\":[{\"pageSizeChanged\":0}],\"page\":[{\"pageChanged\":0}],\"activeRow\":[{\"activeRowChanged\":0}],\"data\":[{\"updateData\":0}],\"columns\":[{\"updateColumns\":0}],\"aggregates\":[{\"updateAggregates\":0}],\"selection\":[{\"updateSelection\":0}],\"selectable\":[{\"updateSelectable\":0}],\"movableRows\":[{\"updateMovableRows\":0}],\"sortableColumns\":[{\"updateSortableColumns\":0}],\"sorting\":[{\"updateSorting\":0}]}]]],[\"limel-email-viewer.cjs\",[[257,\"limel-email-viewer\",{\"email\":[16],\"fallbackUrl\":[513,\"fallback-url\"],\"language\":[513],\"allowRemoteImages\":[4,\"allow-remote-images\"],\"allowRemoteImagesState\":[32]},null,{\"email\":[{\"resetAllowRemoteImages\":0}]}]]],[\"limel-color-picker-palette.cjs\",[[17,\"limel-color-picker-palette\",{\"value\":[513],\"label\":[513],\"helperText\":[513,\"helper-text\"],\"placeholder\":[513],\"required\":[516],\"invalid\":[516],\"manualInput\":[516,\"manual-input\"],\"columnCount\":[514,\"column-count\"],\"palette\":[16]}]]],[\"limel-tab-bar.cjs\",[[1,\"limel-tab-bar\",{\"tabs\":[1040],\"orientation\":[513]},null,{\"tabs\":[{\"tabsChanged\":0}],\"orientation\":[{\"orientationChanged\":0}]}]]],[\"limel-callout.cjs\",[[257,\"limel-callout\",{\"heading\":[513],\"icon\":[513],\"type\":[513],\"language\":[1]}]]],[\"limel-help-content.cjs\",[[1,\"limel-help-content\",{\"value\":[1],\"readMoreLink\":[16]}]]],[\"limel-progress-flow-item.cjs\",[[0,\"limel-progress-flow-item\",{\"item\":[16],\"disabled\":[4],\"readonly\":[4],\"currentStep\":[4,\"current-step\"]}]]],[\"limel-circular-progress.cjs\",[[1,\"limel-circular-progress\",{\"value\":[2],\"maxValue\":[2,\"max-value\"],\"prefix\":[513],\"suffix\":[1],\"displayPercentageColors\":[4,\"display-percentage-colors\"],\"size\":[513]}]]],[\"limel-flatpickr-adapter.cjs\",[[1,\"limel-flatpickr-adapter\",{\"value\":[16],\"type\":[1],\"format\":[1],\"isOpen\":[4,\"is-open\"],\"inputElement\":[16],\"language\":[1],\"formatter\":[16]}]]],[\"limel-radio-button.cjs\",[[0,\"limel-radio-button\",{\"checked\":[516],\"disabled\":[516],\"id\":[1],\"label\":[1],\"onChange\":[16]}]]],[\"limel-resize-handle.cjs\",[[1,\"limel-resize-handle\",{\"location\":[513],\"label\":[513],\"value\":[2],\"min\":[2],\"max\":[2]}]]],[\"limel-helper-line_3.cjs\",[[17,\"limel-list\",{\"items\":[16],\"badgeIcons\":[4,\"badge-icons\"],\"iconSize\":[1,\"icon-size\"],\"type\":[1],\"maxLinesSecondaryText\":[2,\"max-lines-secondary-text\"]},null,{\"type\":[{\"handleType\":0}],\"items\":[{\"itemsChanged\":0}]}],[260,\"limel-notched-outline\",{\"required\":[516],\"readonly\":[516],\"invalid\":[516],\"disabled\":[516],\"label\":[513],\"labelId\":[513,\"label-id\"],\"labelElementId\":[513,\"label-element-id\"],\"hasValue\":[516,\"has-value\"],\"hasLeadingIcon\":[516,\"has-leading-icon\"],\"hasFloatingLabel\":[516,\"has-floating-label\"]}],[1,\"limel-helper-line\",{\"helperText\":[513,\"helper-text\"],\"length\":[514],\"maxLength\":[514,\"max-length\"],\"invalid\":[516],\"helperTextId\":[513,\"helper-text-id\"]}]]],[\"limel-chip-set.cjs\",[[17,\"limel-chip-set\",{\"value\":[16],\"type\":[513],\"label\":[513],\"helperText\":[513,\"helper-text\"],\"disabled\":[516],\"readonly\":[516],\"invalid\":[516],\"inputType\":[513,\"input-type\"],\"maxItems\":[514,\"max-items\"],\"required\":[516],\"searchLabel\":[513,\"search-label\"],\"emptyInputOnBlur\":[516,\"empty-input-on-blur\"],\"emptyInputOnChange\":[516,\"empty-input-on-change\"],\"clearAllButton\":[4,\"clear-all-button\"],\"leadingIcon\":[513,\"leading-icon\"],\"delimiter\":[513],\"autocomplete\":[513],\"language\":[1],\"editMode\":[32],\"textValue\":[32],\"blurred\":[32],\"inputChipIndexSelected\":[32],\"selectedChipIds\":[32],\"getEditMode\":[64],\"setFocus\":[64],\"emptyInput\":[64]},null,{\"value\":[{\"handleChangeChips\":0}]}]]],[\"limel-text-editor-link-menu.cjs\",[[1,\"limel-text-editor-link-menu\",{\"link\":[16],\"language\":[513],\"isOpen\":[516,\"is-open\"]}]]],[\"limel-collapsible-section.cjs\",[[257,\"limel-collapsible-section\",{\"isOpen\":[1540,\"is-open\"],\"header\":[513],\"icon\":[1],\"invalid\":[516],\"actions\":[16],\"language\":[513]}]]],[\"limel-header.cjs\",[[257,\"limel-header\",{\"icon\":[1],\"heading\":[1],\"subheading\":[1],\"supportingText\":[1,\"supporting-text\"],\"subheadingDivider\":[1,\"subheading-divider\"]}]]],[\"limel-scroller.cjs\",[[257,\"limel-scroller\",{\"orientation\":[513],\"canScrollToStart\":[32],\"canScrollToEnd\":[32],\"reveal\":[64]}]]],[\"limel-3d-hover-effect-glow.cjs\",[[1,\"limel-3d-hover-effect-glow\"]]],[\"limel-file-dropzone_2.cjs\",[[257,\"limel-file-dropzone\",{\"accept\":[513],\"disabled\":[4],\"text\":[1],\"helperText\":[1,\"helper-text\"],\"hasFileToDrop\":[32]}],[257,\"limel-file-input\",{\"accept\":[513],\"disabled\":[516],\"multiple\":[516]}]]],[\"limel-dynamic-label.cjs\",[[1,\"limel-dynamic-label\",{\"value\":[8],\"defaultLabel\":[16],\"labels\":[16]}]]],[\"limel-hotkey_4.cjs\",[[1,\"limel-tooltip\",{\"elementId\":[513,\"element-id\"],\"label\":[513],\"helperLabel\":[513,\"helper-label\"],\"hotkey\":[513],\"maxlength\":[514],\"openDirection\":[513,\"open-direction\"],\"open\":[32]},null,{\"label\":[{\"watchDescription\":0}],\"helperLabel\":[{\"watchDescription\":0}],\"hotkey\":[{\"watchDescription\":0}]}],[1,\"limel-tooltip-content\",{\"label\":[513],\"helperLabel\":[513,\"helper-label\"],\"maxlength\":[514],\"hotkey\":[513]}],[1,\"limel-hotkey\",{\"value\":[513],\"disabled\":[516]}],[257,\"limel-portal\",{\"openDirection\":[513,\"open-direction\"],\"position\":[513],\"containerId\":[513,\"container-id\"],\"containerStyle\":[16],\"inheritParentWidth\":[516,\"inherit-parent-width\"],\"visible\":[516],\"anchor\":[16]},null,{\"visible\":[{\"onVisible\":0}]}]]],[\"limel-icon-button.cjs\",[[17,\"limel-icon-button\",{\"icon\":[1],\"elevated\":[516],\"label\":[513],\"helperLabel\":[513,\"helper-label\"],\"disabled\":[516]}]]],[\"limel-breadcrumbs_6.cjs\",[[257,\"limel-menu\",{\"items\":[16],\"disabled\":[516],\"openDirection\":[513,\"open-direction\"],\"surfaceWidth\":[513,\"surface-width\"],\"open\":[1540],\"badgeIcons\":[516,\"badge-icons\"],\"gridLayout\":[516,\"grid-layout\"],\"loading\":[516],\"currentSubMenu\":[1040],\"rootItem\":[16],\"searcher\":[16],\"searchPlaceholder\":[1,\"search-placeholder\"],\"emptyResultMessage\":[1,\"empty-result-message\"],\"keepOpenOnSelect\":[516,\"keep-open-on-select\"],\"loadingSubItems\":[32],\"searchValue\":[32],\"searchResults\":[32]},null,{\"items\":[{\"itemsWatcher\":0}],\"open\":[{\"openWatcher\":0}]}],[1,\"limel-breadcrumbs\",{\"items\":[16],\"divider\":[1]}],[17,\"limel-menu-list\",{\"items\":[16],\"badgeIcons\":[4,\"badge-icons\"],\"iconSize\":[1,\"icon-size\"]},null,{\"items\":[{\"itemsChanged\":0}]}],[17,\"limel-input-field\",{\"disabled\":[516],\"readonly\":[516],\"invalid\":[516],\"label\":[513],\"placeholder\":[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\"],\"locale\":[513],\"isFocused\":[32],\"wasInvalid\":[32],\"showCompletions\":[32],\"getSelectionStart\":[64],\"getSelectionEnd\":[64],\"getSelectionDirection\":[64]},null,{\"value\":[{\"valueWatcher\":0}],\"completions\":[{\"completionsWatcher\":0}]}],[257,\"limel-menu-surface\",{\"open\":[4],\"allowClicksElement\":[16]}],[1,\"limel-spinner\",{\"size\":[513],\"limeBranded\":[4,\"lime-branded\"]}]]],[\"limel-button.cjs\",[[17,\"limel-button\",{\"label\":[513],\"primary\":[516],\"outlined\":[516],\"icon\":[513],\"disabled\":[516],\"loading\":[516],\"loadingFailed\":[516,\"loading-failed\"],\"justLoaded\":[32]},null,{\"loading\":[{\"loadingWatcher\":0}]}]]],[\"limel-markdown.cjs\",[[1,\"limel-markdown\",{\"value\":[1],\"whitelist\":[16],\"lazyLoadImages\":[516,\"lazy-load-images\"],\"removeEmptyParagraphs\":[516,\"remove-empty-paragraphs\"],\"adaptColorContrast\":[516,\"adapt-color-contrast\"],\"toMarkdown\":[64]},null,{\"value\":[{\"textChanged\":0}],\"whitelist\":[{\"handleWhitelistChange\":0}],\"removeEmptyParagraphs\":[{\"handleRemoveEmptyParagraphsChange\":0}],\"adaptColorContrast\":[{\"handleAdaptColorContrastChange\":0}]}]]],[\"limel-chip_2.cjs\",[[17,\"limel-chip\",{\"language\":[513],\"text\":[513],\"icon\":[1],\"image\":[16],\"link\":[16],\"badge\":[520],\"disabled\":[516],\"readonly\":[516],\"selected\":[516],\"invalid\":[516],\"removable\":[516],\"type\":[513],\"loading\":[516],\"progress\":[514],\"identifier\":[520],\"size\":[513],\"menuItems\":[16]}],[1,\"limel-linear-progress\",{\"language\":[513],\"value\":[514],\"indeterminate\":[516],\"accessibleLabel\":[513,\"accessible-label\"]},null,{\"value\":[{\"watchValue\":0}]}]]],[\"limel-popover_2.cjs\",[[257,\"limel-popover\",{\"open\":[4],\"openDirection\":[513,\"open-direction\"]},null,{\"open\":[{\"watchOpen\":0}]}],[1,\"limel-popover-surface\",{\"contentCollection\":[16]}]]],[\"limel-badge.cjs\",[[1,\"limel-badge\",{\"label\":[520]}]]],[\"limel-action-bar_3.cjs\",[[1,\"limel-action-bar\",{\"actions\":[16],\"accessibleLabel\":[513,\"accessible-label\"],\"language\":[1],\"layout\":[513],\"collapsible\":[516],\"openDirection\":[513,\"open-direction\"],\"overflowCutoff\":[32]}],[0,\"limel-action-bar-overflow-menu\",{\"items\":[16],\"openDirection\":[513,\"open-direction\"]}],[0,\"limel-action-bar-item\",{\"item\":[16],\"isVisible\":[516,\"is-visible\"],\"selected\":[516]}]]]]"), options);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
exports.setNonce = index.setNonce;
|
|
@@ -132,19 +132,19 @@
|
|
|
132
132
|
}
|
|
133
133
|
section {
|
|
134
134
|
position: absolute;
|
|
135
|
-
z-index: var(--_side-panel-z-index);
|
|
136
135
|
top: var(--_side-panel-top-inset);
|
|
137
136
|
right: var(--_side-panel-right-inset);
|
|
138
137
|
bottom: var(--_side-panel-bottom-inset);
|
|
139
138
|
margin: 0.5rem;
|
|
140
|
-
display: flex;
|
|
141
|
-
flex-direction: column;
|
|
142
|
-
isolation: isolate;
|
|
143
139
|
width: var(--_side-panel-width);
|
|
144
140
|
min-width: min(var(--_side-panel-min-width), 100% - 1rem);
|
|
145
141
|
max-width: min(100% - 1rem - 3rem, 60%);
|
|
146
142
|
max-height: 100%;
|
|
147
143
|
border-radius: 1rem;
|
|
144
|
+
z-index: var(--_side-panel-z-index);
|
|
145
|
+
display: flex;
|
|
146
|
+
flex-direction: column;
|
|
147
|
+
isolation: isolate;
|
|
148
148
|
box-shadow: var(--shadow-depth-64);
|
|
149
149
|
transform-origin: left center;
|
|
150
150
|
transition: background-color 0.5s ease, transform 0.3s ease, opacity 0.2s ease, right 0.2s ease;
|
|
@@ -160,7 +160,8 @@ section:focus {
|
|
|
160
160
|
}
|
|
161
161
|
}
|
|
162
162
|
|
|
163
|
-
.content
|
|
163
|
+
.content,
|
|
164
|
+
.stack {
|
|
164
165
|
--dropdown-z-index: var(
|
|
165
166
|
--_side-panel-dropdown-z-index,
|
|
166
167
|
calc(var(--_side-panel-z-index) + 1)
|
|
@@ -173,6 +174,21 @@ section:focus {
|
|
|
173
174
|
--_side-panel-tooltip-z-index,
|
|
174
175
|
calc(var(--_side-panel-z-index) + 1)
|
|
175
176
|
);
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
:host([full-screen]) section {
|
|
180
|
+
left: 0;
|
|
181
|
+
width: 100%;
|
|
182
|
+
min-width: 100%;
|
|
183
|
+
max-width: 100%;
|
|
184
|
+
margin: 0;
|
|
185
|
+
}
|
|
186
|
+
:host([full-screen]) section,
|
|
187
|
+
:host([full-screen]) .content {
|
|
188
|
+
border-radius: 0;
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
.content {
|
|
176
192
|
display: flex;
|
|
177
193
|
flex-direction: column;
|
|
178
194
|
flex-grow: 1;
|
|
@@ -415,7 +431,7 @@ section:focus {
|
|
|
415
431
|
--side-panel-header-text-color: var(--limel-theme-on-surface-color);
|
|
416
432
|
--header-top-right-left-border-radius: 0;
|
|
417
433
|
flex-shrink: 0;
|
|
418
|
-
min-height:
|
|
434
|
+
min-height: 2.5rem;
|
|
419
435
|
padding: 0.125rem 0.75rem 0.125rem 0.25rem;
|
|
420
436
|
background-color: var(--header-background-color, rgb(var(--contrast-200)));
|
|
421
437
|
}
|
|
@@ -472,4 +488,100 @@ section:focus {
|
|
|
472
488
|
|
|
473
489
|
[data-limit=max] {
|
|
474
490
|
width: min(100% - 1rem - 3rem, 60%);
|
|
491
|
+
}
|
|
492
|
+
|
|
493
|
+
.stack {
|
|
494
|
+
position: absolute;
|
|
495
|
+
inset: 0;
|
|
496
|
+
z-index: calc(var(--_side-panel-z-index) - 1);
|
|
497
|
+
pointer-events: none;
|
|
498
|
+
}
|
|
499
|
+
|
|
500
|
+
.back {
|
|
501
|
+
appearance: none;
|
|
502
|
+
background: none;
|
|
503
|
+
border: none;
|
|
504
|
+
padding: 0;
|
|
505
|
+
margin: 0;
|
|
506
|
+
font: inherit;
|
|
507
|
+
color: inherit;
|
|
508
|
+
text-align: inherit;
|
|
509
|
+
position: absolute;
|
|
510
|
+
top: var(--_side-panel-top-inset);
|
|
511
|
+
right: var(--_side-panel-right-inset);
|
|
512
|
+
bottom: var(--_side-panel-bottom-inset);
|
|
513
|
+
margin: 0.5rem;
|
|
514
|
+
width: var(--_side-panel-width);
|
|
515
|
+
min-width: min(var(--_side-panel-min-width), 100% - 1rem);
|
|
516
|
+
max-width: min(100% - 1rem - 3rem, 60%);
|
|
517
|
+
max-height: 100%;
|
|
518
|
+
border-radius: 1rem;
|
|
519
|
+
}
|
|
520
|
+
.back:focus {
|
|
521
|
+
outline: none;
|
|
522
|
+
}
|
|
523
|
+
.back:focus-visible {
|
|
524
|
+
outline: none;
|
|
525
|
+
box-shadow: var(--shadow-depth-8-focused);
|
|
526
|
+
}
|
|
527
|
+
.back {
|
|
528
|
+
pointer-events: auto;
|
|
529
|
+
cursor: pointer;
|
|
530
|
+
box-sizing: border-box;
|
|
531
|
+
overflow: hidden;
|
|
532
|
+
display: flex;
|
|
533
|
+
flex-direction: column;
|
|
534
|
+
background-color: rgb(var(--contrast-100));
|
|
535
|
+
box-shadow: var(--shadow-depth-16);
|
|
536
|
+
transform-origin: left center;
|
|
537
|
+
transition: transform 0.3s ease, box-shadow 0.2s ease, background-color 0.2s ease, right 0.2s ease;
|
|
538
|
+
}
|
|
539
|
+
@media (prefers-reduced-motion) {
|
|
540
|
+
.back {
|
|
541
|
+
transition: none;
|
|
542
|
+
}
|
|
543
|
+
}
|
|
544
|
+
.back:nth-last-child(1) {
|
|
545
|
+
transform: translate3d(-1.4rem, 0, 0) scale(0.98);
|
|
546
|
+
}
|
|
547
|
+
.back:nth-last-child(2) {
|
|
548
|
+
transform: translate3d(-2.3rem, 0, 0) scale(0.96);
|
|
549
|
+
}
|
|
550
|
+
.back:nth-last-child(3) {
|
|
551
|
+
transform: translate3d(-3rem, 0, 0) scale(0.94);
|
|
552
|
+
}
|
|
553
|
+
.back:nth-last-child(n+4) {
|
|
554
|
+
transform: translate3d(-3.4rem, 0, 0) scale(0.92);
|
|
555
|
+
}
|
|
556
|
+
.back:hover {
|
|
557
|
+
box-shadow: var(--shadow-depth-64);
|
|
558
|
+
}
|
|
559
|
+
.back:hover, .back:focus-visible {
|
|
560
|
+
right: calc(var(--_side-panel-right-inset) + 0.25rem);
|
|
561
|
+
background-color: var(--lime-elevated-surface-background-color);
|
|
562
|
+
}
|
|
563
|
+
|
|
564
|
+
.stack:has(.back:hover) .back:nth-last-child(2) {
|
|
565
|
+
transform: translate3d(-2.6rem, 0, 0) scale(0.96);
|
|
566
|
+
}
|
|
567
|
+
.stack:has(.back:hover) .back:nth-last-child(3) {
|
|
568
|
+
transform: translate3d(-3.8rem, 0, 0) scale(0.94);
|
|
569
|
+
}
|
|
570
|
+
.stack:has(.back:hover) .back:nth-last-child(n+4) {
|
|
571
|
+
transform: translate3d(-4.9rem, 0, 0) scale(0.92);
|
|
572
|
+
}
|
|
573
|
+
|
|
574
|
+
.back-toolbar,
|
|
575
|
+
.back-band {
|
|
576
|
+
flex-shrink: 0;
|
|
577
|
+
}
|
|
578
|
+
|
|
579
|
+
.back-toolbar {
|
|
580
|
+
height: 2.375rem;
|
|
581
|
+
background-color: rgb(var(--contrast-300));
|
|
582
|
+
}
|
|
583
|
+
|
|
584
|
+
.back-band {
|
|
585
|
+
height: 2.5rem;
|
|
586
|
+
background-color: rgb(var(--contrast-200));
|
|
475
587
|
}
|
|
@@ -22,87 +22,28 @@ function stopEvent(event) {
|
|
|
22
22
|
}
|
|
23
23
|
/**
|
|
24
24
|
* A resizable panel that is displayed on top of the right side of the page.
|
|
25
|
-
*
|
|
25
|
+
* It does not block the rest of the page. Place it in an element with
|
|
26
|
+
* `position: relative`.
|
|
26
27
|
*
|
|
27
|
-
* The panel
|
|
28
|
-
*
|
|
29
|
-
*
|
|
30
|
-
*
|
|
28
|
+
* The panel has:
|
|
29
|
+
* - a toolbar with a close button, and buttons from `actions`
|
|
30
|
+
* - a header that shows the last entry of `stack`, with a slot for controls
|
|
31
|
+
* - backs behind its left edge, for the other entries of `stack`
|
|
32
|
+
* - a handle on its left edge, to resize the panel
|
|
33
|
+
* - a full screen mode, for small screens
|
|
31
34
|
*
|
|
32
|
-
* The
|
|
35
|
+
* The panel emits `close`, but does not remove itself. The consumer must
|
|
36
|
+
* remove it from the DOM.
|
|
33
37
|
*
|
|
34
|
-
*
|
|
35
|
-
* to give it an accessible name, which screen readers announce. When the panel
|
|
36
|
-
* opens, focus moves into it. When the panel is removed, focus returns to the
|
|
37
|
-
* element that had it before, unless focus is somewhere else by then.
|
|
38
|
-
*
|
|
39
|
-
* The panel emits `close` when the user clicks the close button, or presses
|
|
40
|
-
* Escape. It does not remove itself. The consumer must remove it from the DOM.
|
|
41
|
-
* The user can resize the panel by dragging its left edge, or with the arrow
|
|
42
|
-
* keys. The panel emits `changeWidth` when a resize is finished.
|
|
43
|
-
*
|
|
44
|
-
* See the examples for how closing and resizing work in detail.
|
|
45
|
-
*
|
|
46
|
-
* ## Header
|
|
47
|
-
*
|
|
48
|
-
* The header shows the heading, subheading and icon of the last entry in
|
|
49
|
-
* `stack`. When the entry has a `color`, the header gets that background color,
|
|
50
|
-
* and the headings are white with a text shadow. When `stack` is empty, the
|
|
51
|
-
* panel has no header.
|
|
52
|
-
*
|
|
53
|
-
* Put controls for the header, for example a follow button or a menu, in the
|
|
54
|
-
* `header-actions` slot. They are shown at the right end of the header. When
|
|
55
|
-
* `stack` is empty, there is no header, and the slot content is not shown.
|
|
56
|
-
*
|
|
57
|
-
* The slot is for small controls. It is at most half as wide as the header,
|
|
58
|
-
* and at most as tall as the heading and subheading together. Larger content
|
|
59
|
-
* is cut off, so that the header keeps its size.
|
|
60
|
-
*
|
|
61
|
-
* The slot content is not tied to an entry in `stack`. When the last entry
|
|
62
|
-
* changes, the consumer must also change the slot content.
|
|
63
|
-
*
|
|
64
|
-
* The slot content keeps its own colors. Use `--side-panel-header-text-color`
|
|
65
|
-
* to match the text color of the header. It is white when the header has a
|
|
66
|
-
* `color`. It can also be used as the `color` of an `Icon`.
|
|
67
|
-
*
|
|
68
|
-
* ## Actions
|
|
69
|
-
*
|
|
70
|
-
* The toolbar has a close button on the left. Other buttons are set with
|
|
71
|
-
* `actions`, and are shown on the right. The `type` of an action decides its
|
|
72
|
-
* icon. When the user clicks an action, the panel emits `selectAction` with the
|
|
73
|
-
* `id` of the action and the click event. The consumer decides what the action
|
|
74
|
-
* does.
|
|
75
|
-
*
|
|
76
|
-
* An action with an `href` is a link, so the user can open it in a new tab.
|
|
77
|
-
* To handle the navigation in another way, for example with the router of the
|
|
78
|
-
* application, call `preventDefault` on the click event in `selectAction`. Do
|
|
79
|
-
* this only for a plain click with the primary button. Let the browser handle
|
|
80
|
-
* all other clicks, so that Ctrl-click and Cmd-click still open the link in a
|
|
81
|
-
* new tab:
|
|
82
|
-
*
|
|
83
|
-
* ```ts
|
|
84
|
-
* function handleSelectAction(event: CustomEvent<SidePanelActionSelect>) {
|
|
85
|
-
* const click = event.detail.event;
|
|
86
|
-
* const isPlainClick =
|
|
87
|
-
* click.button === 0 &&
|
|
88
|
-
* !click.metaKey &&
|
|
89
|
-
* !click.ctrlKey &&
|
|
90
|
-
* !click.shiftKey &&
|
|
91
|
-
* !click.altKey;
|
|
92
|
-
* if (!isPlainClick) {
|
|
93
|
-
* return;
|
|
94
|
-
* }
|
|
95
|
-
*
|
|
96
|
-
* click.preventDefault();
|
|
97
|
-
* router.navigate(event.detail.id);
|
|
98
|
-
* }
|
|
99
|
-
* ```
|
|
38
|
+
* Each example shows one feature in detail, and when to use it.
|
|
100
39
|
*
|
|
101
40
|
* @exampleComponent limel-example-side-panel-basic
|
|
102
41
|
* @exampleComponent limel-example-side-panel-insets
|
|
103
42
|
* @exampleComponent limel-example-side-panel-escape
|
|
104
43
|
* @exampleComponent limel-example-side-panel-actions
|
|
105
44
|
* @exampleComponent limel-example-side-panel-header-actions
|
|
45
|
+
* @exampleComponent limel-example-side-panel-stacking
|
|
46
|
+
* @exampleComponent limel-example-side-panel-full-screen
|
|
106
47
|
* @slot - Content of the panel
|
|
107
48
|
* @slot header-actions - Small controls at the right end of the header. Content that is larger than half the header width or the height of the headings is cut off.
|
|
108
49
|
* @private
|
|
@@ -117,7 +58,7 @@ export class SidePanel {
|
|
|
117
58
|
/**
|
|
118
59
|
* The panels in the stack, outermost first. The last entry is the panel
|
|
119
60
|
* that is displayed. Its heading, subheading and icon are shown in the
|
|
120
|
-
* header.
|
|
61
|
+
* header. The other entries are shown as backs behind the panel.
|
|
121
62
|
*/
|
|
122
63
|
this.stack = [];
|
|
123
64
|
/**
|
|
@@ -134,13 +75,27 @@ export class SidePanel {
|
|
|
134
75
|
* event either.
|
|
135
76
|
*/
|
|
136
77
|
this.closeOnEscape = true;
|
|
78
|
+
/**
|
|
79
|
+
* Set to `true` when the screen is too narrow for the panel to be displayed
|
|
80
|
+
* on top of the page. The panel then covers the full width of the
|
|
81
|
+
* positioned ancestor. It cannot be resized, and the backs of the stack are
|
|
82
|
+
* not shown.
|
|
83
|
+
*/
|
|
84
|
+
this.fullScreen = false;
|
|
137
85
|
this.closeButtonId = createRandomString();
|
|
138
86
|
this.actionIdPrefix = createRandomString();
|
|
87
|
+
this.backIdPrefix = createRandomString();
|
|
88
|
+
this.focusCloseButtonAfterRender = false;
|
|
139
89
|
this.renderAction = (action, index) => {
|
|
140
90
|
const id = `${this.actionIdPrefix}-${index}`;
|
|
141
91
|
const Tag = action.href ? 'a' : 'button';
|
|
142
92
|
return (h(Tag, { class: action.type, id: id, href: action.href, target: getLinkTarget(action), "aria-label": action.label, onClick: this.handleClickAction(action) }, h("limel-icon", { name: ACTION_ICONS[action.type], "aria-hidden": "true" }), h("limel-tooltip", { elementId: id, label: action.label, helperLabel: action.helperLabel })));
|
|
143
93
|
};
|
|
94
|
+
this.renderBack = (entry, index) => {
|
|
95
|
+
var _a;
|
|
96
|
+
const id = `${this.backIdPrefix}-${index}`;
|
|
97
|
+
return (h("button", { class: "back", id: id, style: { width: (_a = this.panel) === null || _a === void 0 ? void 0 : _a.style.width }, "aria-label": entry.heading, onClick: this.handleClickBack(index) }, h("span", { class: "back-toolbar" }), h("span", { class: "back-band", style: { 'background-color': entry.color } }), h("limel-tooltip", { elementId: id, label: entry.heading, helperLabel: entry.subheading, openDirection: "left" })));
|
|
98
|
+
};
|
|
144
99
|
/**
|
|
145
100
|
* Components in the content can emit events with the same names as the
|
|
146
101
|
* panel's events, for example `close` from `limel-dialog` or
|
|
@@ -235,6 +190,9 @@ export class SidePanel {
|
|
|
235
190
|
event: event,
|
|
236
191
|
});
|
|
237
192
|
};
|
|
193
|
+
this.handleClickBack = (index) => () => {
|
|
194
|
+
this.selectStackEntry.emit(index);
|
|
195
|
+
};
|
|
238
196
|
this.handleClickClose = () => {
|
|
239
197
|
this.close.emit();
|
|
240
198
|
};
|
|
@@ -256,8 +214,24 @@ export class SidePanel {
|
|
|
256
214
|
this.removeFromOpenPanels();
|
|
257
215
|
queueMicrotask(this.restoreFocus);
|
|
258
216
|
}
|
|
217
|
+
// A removed button takes the focus with it, so a keyboard user that goes
|
|
218
|
+
// back would lose their place in the page. Both props can change in the
|
|
219
|
+
// same update, so the result comes from both, and not from the prop that
|
|
220
|
+
// changed last.
|
|
221
|
+
handleBacksChange() {
|
|
222
|
+
this.focusCloseButtonAfterRender = this.isFocusedBackRemoved();
|
|
223
|
+
}
|
|
224
|
+
componentDidRender() {
|
|
225
|
+
var _a;
|
|
226
|
+
if (!this.focusCloseButtonAfterRender) {
|
|
227
|
+
return;
|
|
228
|
+
}
|
|
229
|
+
this.focusCloseButtonAfterRender = false;
|
|
230
|
+
(_a = this.host.shadowRoot
|
|
231
|
+
.querySelector('button.close')) === null || _a === void 0 ? void 0 : _a.focus();
|
|
232
|
+
}
|
|
259
233
|
render() {
|
|
260
|
-
return (h(Host, { key: '
|
|
234
|
+
return (h(Host, { key: 'ca07c3557df3be7e026a95da296689e1e3c0cf41' }, h("section", { key: '610a8b47c7b34a6d4cb4d253d40cff889ea4c73d', ref: this.setPanel, role: "dialog", "aria-label": this.label, tabindex: "-1" }, this.renderHandle(), h("div", { key: 'c9ddb80456ac82cb39801943b55fcd4de3928852', class: "content" }, h("div", { key: 'f1430da0610a4fe71363ead5c7730d627a8a935c', class: "toolbar" }, this.renderCloseButton(), this.renderActions()), this.renderHeader(), this.renderBody())), this.renderStack(), h("span", { key: 'c7d204c8b323f88962508a4c54493717fe347c8e', "data-limit": "min", ref: this.setMinLimit }), h("span", { key: '2a7fa787fd0d4c777f90b2ef7dff1d9316108416', "data-limit": "max", ref: this.setMaxLimit })));
|
|
261
235
|
}
|
|
262
236
|
// A native button and not `limel-icon-button`, because the hover animation
|
|
263
237
|
// styles the icon, which is inside the shadow root of `limel-icon-button`.
|
|
@@ -270,6 +244,21 @@ export class SidePanel {
|
|
|
270
244
|
}
|
|
271
245
|
return (h("div", { class: "actions" }, this.actions.map((action, index) => this.renderAction(action, index))));
|
|
272
246
|
}
|
|
247
|
+
renderStack() {
|
|
248
|
+
const backs = this.stack.slice(0, -1);
|
|
249
|
+
if (this.fullScreen || backs.length === 0) {
|
|
250
|
+
return;
|
|
251
|
+
}
|
|
252
|
+
return (h("div", { class: "stack" }, backs.map((entry, index) => this.renderBack(entry, index))));
|
|
253
|
+
}
|
|
254
|
+
isFocusedBackRemoved() {
|
|
255
|
+
const backs = [...this.host.shadowRoot.querySelectorAll('.back')];
|
|
256
|
+
const index = backs.indexOf(this.host.shadowRoot.activeElement);
|
|
257
|
+
if (index === -1) {
|
|
258
|
+
return false;
|
|
259
|
+
}
|
|
260
|
+
return this.fullScreen || index >= this.stack.length - 1;
|
|
261
|
+
}
|
|
273
262
|
renderHeader() {
|
|
274
263
|
const entry = this.stack.at(-1);
|
|
275
264
|
if (!entry) {
|
|
@@ -279,6 +268,9 @@ export class SidePanel {
|
|
|
279
268
|
}
|
|
280
269
|
renderHandle() {
|
|
281
270
|
var _a, _b, _c;
|
|
271
|
+
if (this.fullScreen) {
|
|
272
|
+
return;
|
|
273
|
+
}
|
|
282
274
|
return (h("limel-resize-handle", { class: "handle", label: this.resizeLabel, value: (_a = this.widthRange) === null || _a === void 0 ? void 0 : _a.now, min: (_b = this.widthRange) === null || _b === void 0 ? void 0 : _b.min, max: (_c = this.widthRange) === null || _c === void 0 ? void 0 : _c.max, onChangeSize: this.handleChangeSize, onEndResize: this.handleEndResize }));
|
|
283
275
|
}
|
|
284
276
|
renderBody() {
|
|
@@ -324,9 +316,16 @@ export class SidePanel {
|
|
|
324
316
|
// An inline width wins over `--side-panel-width`, and is still limited by
|
|
325
317
|
// `min-width` and `max-width`. The width is set on the element and not with
|
|
326
318
|
// a state, because a render and a measurement on each pointer move make
|
|
327
|
-
// the drag slow when the content is large.
|
|
319
|
+
// the drag slow when the content is large. The backs of the stack get the
|
|
320
|
+
// width too, so that they have the same width as the panel.
|
|
328
321
|
setWidth(width) {
|
|
329
|
-
this.
|
|
322
|
+
for (const element of this.getPanelBoxes()) {
|
|
323
|
+
element.style.width = `${width}px`;
|
|
324
|
+
}
|
|
325
|
+
}
|
|
326
|
+
getPanelBoxes() {
|
|
327
|
+
const backs = this.host.shadowRoot.querySelectorAll('.back');
|
|
328
|
+
return [this.panel, ...backs];
|
|
330
329
|
}
|
|
331
330
|
rememberWidthBeforeResize() {
|
|
332
331
|
if (this.isResizing()) {
|
|
@@ -456,7 +455,7 @@ export class SidePanel {
|
|
|
456
455
|
"optional": false,
|
|
457
456
|
"docs": {
|
|
458
457
|
"tags": [],
|
|
459
|
-
"text": "The panels in the stack, outermost first. The last entry is the panel\nthat is displayed. Its heading, subheading and icon are shown in the\nheader."
|
|
458
|
+
"text": "The panels in the stack, outermost first. The last entry is the panel\nthat is displayed. Its heading, subheading and icon are shown in the\nheader. The other entries are shown as backs behind the panel."
|
|
460
459
|
},
|
|
461
460
|
"getter": false,
|
|
462
461
|
"setter": false,
|
|
@@ -526,6 +525,26 @@ export class SidePanel {
|
|
|
526
525
|
"reflect": false,
|
|
527
526
|
"attribute": "close-on-escape",
|
|
528
527
|
"defaultValue": "true"
|
|
528
|
+
},
|
|
529
|
+
"fullScreen": {
|
|
530
|
+
"type": "boolean",
|
|
531
|
+
"mutable": false,
|
|
532
|
+
"complexType": {
|
|
533
|
+
"original": "boolean",
|
|
534
|
+
"resolved": "boolean",
|
|
535
|
+
"references": {}
|
|
536
|
+
},
|
|
537
|
+
"required": false,
|
|
538
|
+
"optional": false,
|
|
539
|
+
"docs": {
|
|
540
|
+
"tags": [],
|
|
541
|
+
"text": "Set to `true` when the screen is too narrow for the panel to be displayed\non top of the page. The panel then covers the full width of the\npositioned ancestor. It cannot be resized, and the backs of the stack are\nnot shown."
|
|
542
|
+
},
|
|
543
|
+
"getter": false,
|
|
544
|
+
"setter": false,
|
|
545
|
+
"reflect": true,
|
|
546
|
+
"attribute": "full-screen",
|
|
547
|
+
"defaultValue": "false"
|
|
529
548
|
}
|
|
530
549
|
};
|
|
531
550
|
}
|
|
@@ -587,9 +606,33 @@ export class SidePanel {
|
|
|
587
606
|
"resolved": "number",
|
|
588
607
|
"references": {}
|
|
589
608
|
}
|
|
609
|
+
}, {
|
|
610
|
+
"method": "selectStackEntry",
|
|
611
|
+
"name": "selectStackEntry",
|
|
612
|
+
"bubbles": true,
|
|
613
|
+
"cancelable": true,
|
|
614
|
+
"composed": true,
|
|
615
|
+
"docs": {
|
|
616
|
+
"tags": [],
|
|
617
|
+
"text": "Emitted when a back of the stack is clicked. The detail is the index of\nits entry in `stack`."
|
|
618
|
+
},
|
|
619
|
+
"complexType": {
|
|
620
|
+
"original": "number",
|
|
621
|
+
"resolved": "number",
|
|
622
|
+
"references": {}
|
|
623
|
+
}
|
|
590
624
|
}];
|
|
591
625
|
}
|
|
592
626
|
static get elementRef() { return "host"; }
|
|
627
|
+
static get watchers() {
|
|
628
|
+
return [{
|
|
629
|
+
"propName": "stack",
|
|
630
|
+
"methodName": "handleBacksChange"
|
|
631
|
+
}, {
|
|
632
|
+
"propName": "fullScreen",
|
|
633
|
+
"methodName": "handleBacksChange"
|
|
634
|
+
}];
|
|
635
|
+
}
|
|
593
636
|
static get listeners() {
|
|
594
637
|
return [{
|
|
595
638
|
"name": "close",
|