@limetech/lime-elements 40.10.1 → 40.11.1
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 +15 -0
- package/dist/cjs/lime-elements.cjs.js +1 -1
- package/dist/cjs/limel-button.cjs.entry.js +1 -1
- package/dist/cjs/limel-icon.cjs.entry.js +35 -1
- package/dist/cjs/limel-side-panel.cjs.entry.js +67 -22
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/button/button.js +1 -1
- package/dist/collection/components/icon/icon.js +41 -1
- package/dist/collection/components/side-panel/side-panel.css +176 -1
- package/dist/collection/components/side-panel/side-panel.js +197 -22
- package/dist/collection/components/side-panel/side-panel.types.js +1 -0
- package/dist/collection/interface.js +1 -0
- package/dist/esm/lime-elements.js +1 -1
- package/dist/esm/limel-button.entry.js +1 -1
- package/dist/esm/limel-icon.entry.js +35 -1
- package/dist/esm/limel-side-panel.entry.js +67 -22
- package/dist/esm/loader.js +1 -1
- package/dist/lime-elements/lime-elements.esm.js +1 -1
- package/dist/lime-elements/p-0f18981d.entry.js +1 -0
- package/dist/lime-elements/p-26813b2c.entry.js +1 -0
- package/dist/lime-elements/p-82c65f70.entry.js +1 -0
- package/dist/types/components/icon/icon.d.ts +11 -0
- package/dist/types/components/side-panel/side-panel.d.ts +89 -8
- package/dist/types/components/side-panel/side-panel.types.d.ts +83 -0
- package/dist/types/components.d.ts +235 -4
- package/dist/types/interface.d.ts +1 -0
- package/package.json +1 -1
- package/dist/lime-elements/p-06cd9512.entry.js +0 -1
- package/dist/lime-elements/p-566750e5.entry.js +0 -1
- package/dist/lime-elements/p-abcc451a.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,g as l,b as a}from"./p-BU9IJqli.js";export{s as setNonce}from"./p-BU9IJqli.js";(()=>{const l=import.meta.url,a={};return""!==l&&(a.resourcesUrl=new URL(".",l).href),e(a)})().then((async e=>(await l(),a(JSON.parse('[["p-33b58741",[[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}]}]]],["p-33ed0c68",[[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]}]]],["p-780dae0b",[[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}]}]]],["p-5473eb74",[[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}]}]]],["p-14aff731",[[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]}]]],["p-a317f2fa",[[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}]}]]],["p-68542e00",[[17,"limel-split-button",{"label":[513],"primary":[516],"icon":[513],"disabled":[516],"loading":[516],"loadingFailed":[516,"loading-failed"],"items":[16]}]]],["p-dd075353",[[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}]}]]],["p-7a2e0e18",[[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]}]]],["p-657bfa36",[[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}]}]]],["p-527e9c95",[[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}]}]]],["p-a78aaf37",[[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}]}]]],["p-958396b5",[[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]}]]],["p-0c2ce99b",[[1,"limel-button-group",{"value":[16],"disabled":[516],"selectedButtonId":[32]},null,{"value":[{"valueChanged":0}]}]]],["p-540b2b24",[[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}]}]]],["p-7cdbbffe",[[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}]}]]],["p-566750e5",[[257,"limel-side-panel",{"label":[1],"closeLabel":[1,"close-label"],"resizeLabel":[1,"resize-label"],"closeOnEscape":[4,"close-on-escape"],"widthRange":[32]},[[0,"close","stopContentEventAtHost"],[0,"changeWidth","stopContentEventAtHost"]]]]],["p-065f1635",[[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}]}]]],["p-ecded772",[[1,"limel-help",{"value":[1],"trigger":[1],"readMoreLink":[16],"openDirection":[513,"open-direction"],"isOpen":[32]}]]],["p-a449ca04",[[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]}]]],["p-bf849dc9",[[0,"limel-drag-handle",{"dragDirection":[513,"drag-direction"],"tooltipOpenDirection":[513,"tooltip-open-direction"],"language":[513]}]]],["p-8d567e42",[[257,"limel-tab-panel",{"tabs":[1040],"orientation":[513]},null,{"tabs":[{"tabsChanged":0}]}]]],["p-9ca18ba5",[[1,"limel-shortcut",{"icon":[513],"label":[513],"disabled":[516],"badge":[520],"link":[16]}]]],["p-262a3d66",[[1,"limel-switch",{"label":[513],"disabled":[516],"readonly":[516],"invalid":[516],"value":[516],"helperText":[513,"helper-text"],"readonlyLabels":[16],"fieldId":[32]}]]],["p-9b1934fb",[[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}]}]]],["p-458c131f",[[257,"limel-dialog",{"heading":[1],"fullscreen":[516],"open":[1540],"closingActions":[16]},null,{"open":[{"watchHandler":0}],"closingActions":[{"closingActionsChanged":0}]}]]],["p-def7b38f",[[1,"limel-menu-item-meta",{"commandText":[513,"command-text"],"hotkey":[513],"disabled":[516],"badge":[8],"showChevron":[4,"show-chevron"]}]]],["p-271662d4",[[1,"limel-progress-flow",{"flowItems":[16],"disabled":[4],"readonly":[4]}]]],["p-910807cb",[[257,"limel-banner",{"message":[513],"icon":[513],"isOpen":[32],"open":[64],"close":[64]}]]],["p-ae2e5e87",[[1,"limel-form",{"schema":[16],"value":[16],"disabled":[4],"propsFactory":[16],"transformErrors":[16],"errors":[16],"revealErrors":[4,"reveal-errors"]}]]],["p-7a290372",[[0,"limel-radio-button-group",{"items":[16],"selectedItem":[16],"disabled":[516],"badgeIcons":[516,"badge-icons"],"maxLinesSecondaryText":[514,"max-lines-secondary-text"]}]]],["p-3ee121fa",[[1,"limel-ai-avatar",{"isThinking":[516,"is-thinking"],"mode":[513],"variant":[513],"language":[513]},null,{"isThinking":[{"onIsThinkingChange":0}]}]]],["p-4b75e653",[[1,"limel-config",{"config":[16]}]]],["p-622660dd",[[257,"limel-flex-container",{"direction":[513],"justify":[513],"align":[513],"reverse":[516]}]]],["p-d3475514",[[257,"limel-grid"]]],["p-c12fbc91",[[257,"limel-masonry-layout",{"ordered":[516],"containerHeight":[32]},null,{"ordered":[{"onOrderedChange":0}]}]]],["p-06cd9512",[[1,"limel-icon",{"size":[513],"name":[513],"badge":[516],"svgClass":[513,"svg-class"]},null,{"name":[{"loadIcon":0}],"svgClass":[{"applySvgClass":0}]}]]],["p-e247e9fe",[[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}]}]]],["p-b69af611",[[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]}]]],["p-2ba9d62f",[[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}]}]]],["p-783fd221",[[0,"limel-dock-button",{"item":[16],"expanded":[516],"useMobileLayout":[516,"use-mobile-layout"],"isOpen":[32]},null,{"isOpen":[{"openWatcher":0}]}]]],["p-cf6fab84",[[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}]}]]],["p-35bc5ed2",[[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}]}]]],["p-e25bfb2c",[[257,"limel-email-viewer",{"email":[16],"fallbackUrl":[513,"fallback-url"],"language":[513],"allowRemoteImages":[4,"allow-remote-images"],"allowRemoteImagesState":[32]},null,{"email":[{"resetAllowRemoteImages":0}]}]]],["p-db1f9eba",[[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]}]]],["p-a5246373",[[1,"limel-tab-bar",{"tabs":[1040],"orientation":[513]},null,{"tabs":[{"tabsChanged":0}],"orientation":[{"orientationChanged":0}]}]]],["p-de4d261a",[[257,"limel-callout",{"heading":[513],"icon":[513],"type":[513],"language":[1]}]]],["p-4a7df81a",[[257,"limel-header",{"icon":[1],"heading":[1],"subheading":[1],"supportingText":[1,"supporting-text"],"subheadingDivider":[1,"subheading-divider"]}]]],["p-54631dbf",[[1,"limel-help-content",{"value":[1],"readMoreLink":[16]}]]],["p-f97ec7a5",[[0,"limel-progress-flow-item",{"item":[16],"disabled":[4],"readonly":[4],"currentStep":[4,"current-step"]}]]],["p-887eea11",[[1,"limel-circular-progress",{"value":[2],"maxValue":[2,"max-value"],"prefix":[513],"suffix":[1],"displayPercentageColors":[4,"display-percentage-colors"],"size":[513]}]]],["p-07916acc",[[1,"limel-flatpickr-adapter",{"value":[16],"type":[1],"format":[1],"isOpen":[4,"is-open"],"inputElement":[16],"language":[1],"formatter":[16]}]]],["p-24e5d420",[[0,"limel-radio-button",{"checked":[516],"disabled":[516],"id":[1],"label":[1],"onChange":[16]}]]],["p-d7e5a4a7",[[1,"limel-resize-handle",{"location":[513],"label":[513],"value":[2],"min":[2],"max":[2]}]]],["p-ec74a07a",[[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}]}]]],["p-abed5afd",[[1,"limel-text-editor-link-menu",{"link":[16],"language":[513],"isOpen":[516,"is-open"]}]]],["p-d5144955",[[257,"limel-collapsible-section",{"isOpen":[1540,"is-open"],"header":[513],"icon":[1],"invalid":[516],"actions":[16],"language":[513]}]]],["p-646731b6",[[257,"limel-scroller",{"orientation":[513],"canScrollToStart":[32],"canScrollToEnd":[32],"reveal":[64]}]]],["p-8a59698f",[[1,"limel-3d-hover-effect-glow"]]],["p-9168793f",[[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]}]]],["p-85318636",[[1,"limel-dynamic-label",{"value":[8],"defaultLabel":[16],"labels":[16]}]]],["p-1a5478e3",[[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}]}]]],["p-9b384d62",[[17,"limel-icon-button",{"icon":[1],"elevated":[516],"label":[513],"helperLabel":[513,"helper-label"],"disabled":[516]}]]],["p-b9da0108",[[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"]}]]],["p-abcc451a",[[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}]}]]],["p-d79d777e",[[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}]}]]],["p-29b2a176",[[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"],"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"]}]]],["p-4882acaa",[[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}]}]]],["p-9461c6bb",[[257,"limel-popover",{"open":[4],"openDirection":[513,"open-direction"]},null,{"open":[{"watchOpen":0}]}],[1,"limel-popover-surface",{"contentCollection":[16]}]]],["p-46bf8b22",[[1,"limel-badge",{"label":[520]}]]],["p-1020ca20",[[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]}]]]]'),e))));
|
|
1
|
+
import{p as e,g as l,b as a}from"./p-BU9IJqli.js";export{s as setNonce}from"./p-BU9IJqli.js";(()=>{const l=import.meta.url,a={};return""!==l&&(a.resourcesUrl=new URL(".",l).href),e(a)})().then((async e=>(await l(),a(JSON.parse('[["p-33b58741",[[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}]}]]],["p-33ed0c68",[[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]}]]],["p-780dae0b",[[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}]}]]],["p-5473eb74",[[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}]}]]],["p-14aff731",[[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]}]]],["p-a317f2fa",[[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}]}]]],["p-68542e00",[[17,"limel-split-button",{"label":[513],"primary":[516],"icon":[513],"disabled":[516],"loading":[516],"loadingFailed":[516,"loading-failed"],"items":[16]}]]],["p-dd075353",[[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}]}]]],["p-7a2e0e18",[[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]}]]],["p-657bfa36",[[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}]}]]],["p-527e9c95",[[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}]}]]],["p-a78aaf37",[[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}]}]]],["p-958396b5",[[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]}]]],["p-82c65f70",[[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"]]]]],["p-0c2ce99b",[[1,"limel-button-group",{"value":[16],"disabled":[516],"selectedButtonId":[32]},null,{"value":[{"valueChanged":0}]}]]],["p-540b2b24",[[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}]}]]],["p-7cdbbffe",[[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}]}]]],["p-065f1635",[[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}]}]]],["p-ecded772",[[1,"limel-help",{"value":[1],"trigger":[1],"readMoreLink":[16],"openDirection":[513,"open-direction"],"isOpen":[32]}]]],["p-a449ca04",[[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]}]]],["p-bf849dc9",[[0,"limel-drag-handle",{"dragDirection":[513,"drag-direction"],"tooltipOpenDirection":[513,"tooltip-open-direction"],"language":[513]}]]],["p-8d567e42",[[257,"limel-tab-panel",{"tabs":[1040],"orientation":[513]},null,{"tabs":[{"tabsChanged":0}]}]]],["p-9ca18ba5",[[1,"limel-shortcut",{"icon":[513],"label":[513],"disabled":[516],"badge":[520],"link":[16]}]]],["p-262a3d66",[[1,"limel-switch",{"label":[513],"disabled":[516],"readonly":[516],"invalid":[516],"value":[516],"helperText":[513,"helper-text"],"readonlyLabels":[16],"fieldId":[32]}]]],["p-9b1934fb",[[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}]}]]],["p-458c131f",[[257,"limel-dialog",{"heading":[1],"fullscreen":[516],"open":[1540],"closingActions":[16]},null,{"open":[{"watchHandler":0}],"closingActions":[{"closingActionsChanged":0}]}]]],["p-def7b38f",[[1,"limel-menu-item-meta",{"commandText":[513,"command-text"],"hotkey":[513],"disabled":[516],"badge":[8],"showChevron":[4,"show-chevron"]}]]],["p-271662d4",[[1,"limel-progress-flow",{"flowItems":[16],"disabled":[4],"readonly":[4]}]]],["p-910807cb",[[257,"limel-banner",{"message":[513],"icon":[513],"isOpen":[32],"open":[64],"close":[64]}]]],["p-ae2e5e87",[[1,"limel-form",{"schema":[16],"value":[16],"disabled":[4],"propsFactory":[16],"transformErrors":[16],"errors":[16],"revealErrors":[4,"reveal-errors"]}]]],["p-7a290372",[[0,"limel-radio-button-group",{"items":[16],"selectedItem":[16],"disabled":[516],"badgeIcons":[516,"badge-icons"],"maxLinesSecondaryText":[514,"max-lines-secondary-text"]}]]],["p-3ee121fa",[[1,"limel-ai-avatar",{"isThinking":[516,"is-thinking"],"mode":[513],"variant":[513],"language":[513]},null,{"isThinking":[{"onIsThinkingChange":0}]}]]],["p-4b75e653",[[1,"limel-config",{"config":[16]}]]],["p-622660dd",[[257,"limel-flex-container",{"direction":[513],"justify":[513],"align":[513],"reverse":[516]}]]],["p-d3475514",[[257,"limel-grid"]]],["p-c12fbc91",[[257,"limel-masonry-layout",{"ordered":[516],"containerHeight":[32]},null,{"ordered":[{"onOrderedChange":0}]}]]],["p-0f18981d",[[1,"limel-icon",{"size":[513],"name":[513],"badge":[516],"svgClass":[513,"svg-class"]},null,{"name":[{"loadIcon":0}],"svgClass":[{"applySvgClass":0}]}]]],["p-e247e9fe",[[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}]}]]],["p-b69af611",[[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]}]]],["p-2ba9d62f",[[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}]}]]],["p-783fd221",[[0,"limel-dock-button",{"item":[16],"expanded":[516],"useMobileLayout":[516,"use-mobile-layout"],"isOpen":[32]},null,{"isOpen":[{"openWatcher":0}]}]]],["p-cf6fab84",[[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}]}]]],["p-35bc5ed2",[[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}]}]]],["p-e25bfb2c",[[257,"limel-email-viewer",{"email":[16],"fallbackUrl":[513,"fallback-url"],"language":[513],"allowRemoteImages":[4,"allow-remote-images"],"allowRemoteImagesState":[32]},null,{"email":[{"resetAllowRemoteImages":0}]}]]],["p-db1f9eba",[[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]}]]],["p-a5246373",[[1,"limel-tab-bar",{"tabs":[1040],"orientation":[513]},null,{"tabs":[{"tabsChanged":0}],"orientation":[{"orientationChanged":0}]}]]],["p-de4d261a",[[257,"limel-callout",{"heading":[513],"icon":[513],"type":[513],"language":[1]}]]],["p-54631dbf",[[1,"limel-help-content",{"value":[1],"readMoreLink":[16]}]]],["p-f97ec7a5",[[0,"limel-progress-flow-item",{"item":[16],"disabled":[4],"readonly":[4],"currentStep":[4,"current-step"]}]]],["p-887eea11",[[1,"limel-circular-progress",{"value":[2],"maxValue":[2,"max-value"],"prefix":[513],"suffix":[1],"displayPercentageColors":[4,"display-percentage-colors"],"size":[513]}]]],["p-07916acc",[[1,"limel-flatpickr-adapter",{"value":[16],"type":[1],"format":[1],"isOpen":[4,"is-open"],"inputElement":[16],"language":[1],"formatter":[16]}]]],["p-24e5d420",[[0,"limel-radio-button",{"checked":[516],"disabled":[516],"id":[1],"label":[1],"onChange":[16]}]]],["p-d7e5a4a7",[[1,"limel-resize-handle",{"location":[513],"label":[513],"value":[2],"min":[2],"max":[2]}]]],["p-29b2a176",[[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"],"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"]}]]],["p-ec74a07a",[[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}]}]]],["p-abed5afd",[[1,"limel-text-editor-link-menu",{"link":[16],"language":[513],"isOpen":[516,"is-open"]}]]],["p-d5144955",[[257,"limel-collapsible-section",{"isOpen":[1540,"is-open"],"header":[513],"icon":[1],"invalid":[516],"actions":[16],"language":[513]}]]],["p-4a7df81a",[[257,"limel-header",{"icon":[1],"heading":[1],"subheading":[1],"supportingText":[1,"supporting-text"],"subheadingDivider":[1,"subheading-divider"]}]]],["p-646731b6",[[257,"limel-scroller",{"orientation":[513],"canScrollToStart":[32],"canScrollToEnd":[32],"reveal":[64]}]]],["p-8a59698f",[[1,"limel-3d-hover-effect-glow"]]],["p-9168793f",[[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]}]]],["p-85318636",[[1,"limel-dynamic-label",{"value":[8],"defaultLabel":[16],"labels":[16]}]]],["p-1a5478e3",[[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}]}]]],["p-9b384d62",[[17,"limel-icon-button",{"icon":[1],"elevated":[516],"label":[513],"helperLabel":[513,"helper-label"],"disabled":[516]}]]],["p-b9da0108",[[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"]}]]],["p-26813b2c",[[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}]}]]],["p-d79d777e",[[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}]}]]],["p-4882acaa",[[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}]}]]],["p-9461c6bb",[[257,"limel-popover",{"open":[4],"openDirection":[513,"open-direction"]},null,{"open":[{"watchOpen":0}]}],[1,"limel-popover-surface",{"contentCollection":[16]}]]],["p-46bf8b22",[[1,"limel-badge",{"label":[520]}]]],["p-1020ca20",[[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]}]]]]'),e))));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as i,a as s}from"./p-BU9IJqli.js";import{g as e}from"./p-Dnt5w_Bp.js";class r{constructor(t){this.promises={},this.cache=t}async get(t,i=""){const s=await this.cache,e=this.getUrl(t,i);let r=await s.match(e);return r||(r=await this.fetchData(e,s)),this.getIcon(r)}async fetchData(t,i){let s=this.promises[t];return void 0===s&&(s=i.add(t),this.promises[t]=s),await s,i.match(t)}async getIcon(t){let i=await t.text();if(i=i.replaceAll("#000000","currentColor"),!this.validSvg(i))throw new Error("Invalid SVG");return i}validSvg(t){return"svg"===(new DOMParser).parseFromString(t,"image/svg+xml").documentElement.tagName.toLowerCase()}getUrl(t,i){let s=i||"";return i&&!i.endsWith("/")&&(s=`${i}/`),`${s}assets/icons/${t}.svg`}}class n{constructor(){this.cache={},this.resolveFunctions={}}async get(t,i=""){return this.cache[t]||(this.cache[t]=await this.getIcon(t,i)),this.cache[t]}getIcon(t,i){return new Promise((s=>{this.resolveFunctions[t]||(this.resolveFunctions[t]=[],this.fetchData(t,i)),this.resolveFunctions[t].push(s)}))}async fetchData(t,i){let s=i||"";i&&!i.endsWith("/")&&(s=`${i}/`);const e=await fetch(`${s}assets/icons/${t}.svg`);let r=await e.text();if(r=r.replaceAll("#000000","currentColor"),!this.validSvg(r))throw new Error("Invalid SVG");this.resolvePromises(t,r)}validSvg(t){return"svg"===(new DOMParser).parseFromString(t,"image/svg+xml").documentElement.tagName.toLowerCase()}resolvePromises(t,i){const s=this.resolveFunctions[t];for(const t of s)t(i);this.resolveFunctions[t]=null}}const a=function(){try{const t=caches.open("@limetech/lime-elements/icons");return new r(t)}catch(t){return new n}}(),o=["aria-label","aria-labelledby","title"],h=new WeakMap;function l(t,i){return i.some((i=>{var s;return null===(s=t.getAttribute(i))||void 0===s?void 0:s.trim()}))}const c=class{constructor(i){t(this,i)}connectedCallback(){var t,i;null!==(t=this.internals)&&void 0!==t||(this.internals=(!h.has(i=this.host)&&"attachInternals"in i&&h.set(i,i.attachInternals()),h.get(i))),this.updateAccessibility(),this.nameObserver=new MutationObserver((()=>this.updateAccessibility())),this.nameObserver.observe(this.host,{attributes:!0,attributeFilter:[...o,"role"]})}disconnectedCallback(){var t;null===(t=this.nameObserver)||void 0===t||t.disconnect()}componentDidLoad(){this.loadIcon(this.name)}render(){return i("div",{key:"f363dbc57375ccaa52112f6113347f96811ed95a",class:"container"})}updateAccessibility(){if(!this.internals)return;const t=l(this.host,o),i=l(this.host,["role"]);this.internals.role=t?"img":null,this.internals.ariaHidden=t||i?null:"true"}async loadIcon(t){if(void 0===t||""===t)return;const i=await this.loadSvg(t);this.renderSvg(i)}loadSvg(t){return a.get(t,e.iconPath)}renderSvg(t){const i=this.host.shadowRoot.querySelector("div.container");i&&(i.innerHTML=t,void 0!==this.svgClass&&this.applySvgClass(this.svgClass))}applySvgClass(t){var i;const s=null===(i=this.host.shadowRoot)||void 0===i?void 0:i.querySelector("svg");s&&(void 0===t?s.removeAttribute("class"):s.setAttribute("class",t))}get host(){return s(this)}static get watchers(){return{name:[{loadIcon:0}],svgClass:[{applySvgClass:0}]}}};c.style=":host{background-color:var(--icon-background-color, transparent);border-radius:50%;display:inline-block;line-height:0;box-sizing:border-box}:host svg{fill:currentColor;height:100%;pointer-events:none;width:100%}:host div{margin:var(--limel-icon-svg-margin, 0)}:host([hidden]){display:none}:host([size=x-small]){height:1rem !important;width:1rem !important}:host([size=small]){height:1.25rem !important;width:1.25rem !important}:host([size=medium]){height:1.5rem !important;width:1.5rem !important}:host([size=large]){height:1.75rem !important;width:1.75rem !important}:host([badge][size=x-small]){height:1.5rem !important;width:1.5rem !important;--limel-icon-svg-margin:0.25rem}:host([badge][size=small]){height:1.75rem !important;width:1.75rem !important;--limel-icon-svg-margin:0.25rem}:host([badge][size=medium]){height:2.5rem !important;width:2.5rem !important;--limel-icon-svg-margin:0.5rem}:host([badge][size=large]){height:2.75rem !important;width:2.75rem !important;--limel-icon-svg-margin:0.5rem}";export{c as limel_icon}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as t,H as o,a as i}from"./p-BU9IJqli.js";import{m as a,r}from"./p-CIf8aGSd.js";import{d as n,g as s}from"./p-CgNJbSP4.js";const l=class{constructor(t){e(this,t),this.primary=!1,this.outlined=!1,this.disabled=!1,this.loading=!1,this.loadingFailed=!1,this.justLoaded=!1,this.filterClickWhenDisabled=e=>{this.disabled&&e.preventDefault()}}componentWillLoad(){a(this.host)}disconnectedCallback(){r(this.host)}render(){return t(o,{key:"0c29dc9e776e7f8847c3c2b72c901f4c48614fe7",onClick:this.filterClickWhenDisabled},t("button",{key:"4b4ce07c60d70ee0586ede555a354f44a8c28502",class:{loading:this.loading,"just-loaded":this.justLoaded&&!this.loadingFailed,"just-failed":this.justLoaded&&this.loadingFailed,outlined:this.outlined},disabled:this.disabled||this.loading,"aria-busy":this.loading?"true":"false","aria-live":"polite"},this.renderIcon(this.icon),this.renderLabel(),this.renderSpinner(),t("svg",{key:"ec49bd0ef8920fd33b6db0d5e7b1569f756c5eeb",viewBox:"0 0 30 30"},this.renderLoadingIcons())))}loadingWatcher(e,t){this.hasFinishedLoading(e,t)?this.handleLoadingFinished():e&&this.handleLoadingStarted()}hasFinishedLoading(e,t){return t&&!e}handleLoadingFinished(){this.justLoaded=!0,this.justLoadedTimeout=window.setTimeout((()=>{this.justLoaded=!1}),2e3)}handleLoadingStarted(){this.justLoaded=!1,window.clearTimeout(this.justLoadedTimeout)}renderLoadingIcons(){return this.loadingFailed?[t("line",{x1:"9",y1:"9",x2:"21",y2:"21"}),t("line",{x1:"21",y1:"9",x2:"9",y2:"21"})]:[t("line",{x1:"8",y1:"14",x2:"15",y2:"20"}),t("line",{x1:"23",y1:"9",x2:"14",y2:"20"})]}renderIcon(e){const o=s(e);if(!o)return;const i=n(e);let a;return this.label||i||console.warn("⚠️ Accessibility warning: `limel-button` has no `label` and its `icon` has no `title`. This creates an inaccessible button for screen reader users. Please add either a `label`, a `title` to the `icon`, or use a `limel-tooltip`. See https://lundalogik.github.io/lime-elements/versions/latest/#/component/limel-button/ for more information."),"object"==typeof e&&(a=e.color),t("limel-icon",Object.assign({},{role:i?"img":"presentation",name:o,"aria-label":i,"aria-hidden":i?null:"true",style:{color:a}}))}renderLabel(){if(this.label)return t("span",{class:"label"},this.label)}renderSpinner(){if(this.loading)return t("limel-spinner",{limeBranded:!1})}static get delegatesFocus(){return!0}get host(){return i(this)}static get watchers(){return{loading:[{loadingWatcher:0}]}}};l.style='@charset "UTF-8";@keyframes reduced-presence{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0.7)}}:host(.has-reduced-presence) button[disabled]:not(.loading):not(.just-loaded){animation:reduced-presence 0.3s ease forwards;transition:padding 0.3s ease, min-width 0.3s ease;transition-delay:0.3s;padding:0;min-width:0}:host(.has-reduced-presence) button[disabled]:not(.loading):not(.just-loaded) .label{transition:font-size 0.8s ease;transition-delay:0.3s;font-size:0;opacity:0}:host(.has-reduced-presence) button[disabled]:not(.loading):not(.just-loaded) limel-icon,:host(.has-reduced-presence) button[disabled]:not(.loading):not(.just-loaded) limel-spinner,:host(.has-reduced-presence) button[disabled]:not(.loading):not(.just-loaded) svg,:host(.has-reduced-presence) button[disabled]:not(.loading):not(.just-loaded) .icon{transition:all 0.3s ease;transition-delay:0.3s;opacity:0;width:0;height:0}:host{display:inline-block}:host([hidden]){display:none}:host([aria-expanded=true]) button,:host([aria-expanded]:not([aria-expanded=false])) button{box-shadow:var(--button-shadow-inset-pressed) !important}button.mdc-button{font-family:inherit}button{--_primary-color:var( --lime-primary-color, var(--limel-theme-primary-color) );display:flex;align-items:center;justify-content:center;gap:0.125rem;border:none;border-radius:0.4rem;padding-top:0;padding-right:var(--button-padding-right, 0.5rem);padding-bottom:0;padding-left:var(--button-padding-left, 0.5rem);min-height:2.25rem;width:100%}button:not(:disabled){transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-normal)}button:not(:disabled):hover,button:not(:disabled):focus,button:not(:disabled):focus-visible{will-change:color, background-color, box-shadow, transform}button:not(:disabled):hover,button:not(:disabled):focus-visible{transform:translate3d(0, -0.04rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-hovered)}button:not(:disabled):active{--limel-clickable-transform-timing-function:cubic-bezier( 0.83, -0.15, 0.49, 1.16 );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}button:not(:disabled):hover,button:not(:disabled):active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}button:not(:disabled):focus{outline:none}button:not(:disabled):focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}button:disabled{cursor:not-allowed}:host(limel-button[primary]) button:not(:disabled){color:var(--lime-on-primary-color, var(--limel-theme-on-primary-color));background-color:var(--_primary-color)}:host(limel-button[primary]) button:disabled{background-color:color-mix(in srgb, var(--_primary-color), transparent 80%)}:host(limel-button:not([primary])) button:not(:disabled){color:var(--_primary-color)}:host(limel-button:not([primary])) button:disabled.outlined{color:color-mix(in srgb, var(--_primary-color), transparent 60%);border-color:color-mix(in srgb, var(--_primary-color), transparent 70%)}:host(limel-button:not([primary])) button:disabled:not(.outlined){color:rgba(var(--contrast-1100), 0.37);background-color:rgba(var(--contrast-900), 0.1)}.label{font-size:var(--limel-theme-default-font-size);font-weight:600;letter-spacing:0.03125rem;padding:0 0.25rem}limel-spinner{position:absolute}limel-icon{width:1.25rem;flex-shrink:0;vertical-align:top}svg{height:1.875rem;opacity:0;pointer-events:none;position:absolute;width:1.875rem}svg line{stroke:rgb(var(--contrast-600));stroke-width:2}limel-icon,.label,limel-spinner,svg{transition:opacity 300ms ease-in-out}.loading limel-icon,.loading .label{opacity:0}.loading limel-spinner{opacity:1}.just-loaded limel-icon,.just-loaded .label,.just-failed limel-icon,.just-failed .label{opacity:0}.just-loaded svg,.just-failed svg{opacity:1}.just-failed{background-color:var(--limel-theme-error-color) !important;animation:shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both}.outlined{border:1px solid;border-color:var(--_primary-color)}@keyframes shake{10%,90%{transform:translate3d(-0.0625rem, 0, 0)}20%,80%{transform:translate3d(0.125rem, 0, 0)}30%,50%,70%{transform:translate3d(-0.1875rem, 0, 0)}40%,60%{transform:translate3d(0.1875rem, 0, 0)}}';export{l as limel_button}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as i,h as o,H as t,a as r}from"./p-BU9IJqli.js";import{E as a}from"./p-Bu6-QXrA.js";import{c as s}from"./p-BrjD-ITe.js";const n=[],l={newTab:"up_right_arrow",expand:"expand"};function c(e){if(e.href&&"newTab"===e.type)return"_blank"}function d(e){e.stopPropagation()}const h=class{constructor(t){e(this,t),this.close=i(this,"close",7),this.selectAction=i(this,"selectAction",7),this.changeWidth=i(this,"changeWidth",7),this.closeLabel="Close",this.stack=[],this.actions=[],this.resizeLabel="Resize",this.closeOnEscape=!0,this.closeButtonId=s(),this.actionIdPrefix=s(),this.renderAction=(e,i)=>{const t=`${this.actionIdPrefix}-${i}`;return o(e.href?"a":"button",{class:e.type,id:t,href:e.href,target:c(e),"aria-label":e.label,onClick:this.handleClickAction(e)},o("limel-icon",{name:l[e.type],"aria-hidden":"true"}),o("limel-tooltip",{elementId:t,label:e.label,helperLabel:e.helperLabel}))},this.stopContentEvents=e=>{null==e||e.addEventListener("close",d),null==e||e.addEventListener("changeWidth",d)},this.restoreFocus=()=>{const e=!document.activeElement||document.activeElement===document.body;if(this.host.isConnected||!e)return;const i=this.focusedBefore;this.focusedBefore=void 0,(null==i?void 0:i.isConnected)&&i.focus()},this.setPanel=e=>{this.panel=e},this.setMinLimit=e=>{this.minLimit=e},this.setMaxLimit=e=>{this.maxLimit=e},this.handleKeyDown=e=>{this.closeOnEscape&&e.key===a&&!e.defaultPrevented&&this.isLastOpened()&&(e.preventDefault(),this.close.emit())},this.handleChangeSize=e=>{this.rememberWidthBeforeResize(),this.setWidth(e.detail)},this.handleEndResize=()=>{if(!this.isResizing())return;const e=this.widthBeforeResize;this.widthBeforeResize=void 0,this.keepClampedWidth(),this.updateWidthRange(),this.emitWidthIfChanged(e)},this.handleSizeChange=e=>{e.every(this.isMeasured)||this.updateWidthRange()},this.isMeasured=e=>{var i;return e.target===this.panel&&Math.round(e.borderBoxSize[0].inlineSize)===(null===(i=this.widthRange)||void 0===i?void 0:i.now)},this.updateWidthRange=()=>{this.isResizing()||(this.widthRange=this.measureWidthRange())},this.handleClickAction=e=>i=>{var o;this.selectAction.emit({id:null!==(o=e.id)&&void 0!==o?o:e.type,event:i})},this.handleClickClose=()=>{this.close.emit()}}connectedCallback(){n.push(this),window.addEventListener("keydown",this.handleKeyDown),this.rememberFocusedElement(),this.observeWidth()}componentDidLoad(){this.observeWidth(),this.moveFocusIntoPanel()}disconnectedCallback(){this.widthBeforeResize=void 0,this.stopObservingWidth(),window.removeEventListener("keydown",this.handleKeyDown),this.removeFromOpenPanels(),queueMicrotask(this.restoreFocus)}render(){return o(t,{key:"debf8ec5b8e179cbb69c2d87fdd0db7089707dfb"},o("section",{key:"d6165d2ff25cad3b9bebe807065b6a83bca24da2",ref:this.setPanel,role:"dialog","aria-label":this.label,tabindex:"-1"},this.renderHandle(),o("div",{key:"b95d937af7fc5799abee8a6042ea2be6087c1b0b",class:"content"},o("div",{key:"e258c9475715b00fd1e56a9975db6d0f7e5d19fc",class:"toolbar"},this.renderCloseButton(),this.renderActions()),this.renderHeader(),this.renderBody())),o("span",{key:"6b7793d7c02f632d630ac4936524104f81a10e23","data-limit":"min",ref:this.setMinLimit}),o("span",{key:"6196bc2f8549ddd9b8c8bb43bcf221a43f62c98a","data-limit":"max",ref:this.setMaxLimit}))}renderCloseButton(){return o("button",{class:"close",id:this.closeButtonId,"aria-label":this.closeLabel,onClick:this.handleClickClose},o("limel-icon",{name:"multiply","aria-hidden":"true"}),o("limel-tooltip",{elementId:this.closeButtonId,label:this.closeLabel}))}renderActions(){if(0!==this.actions.length)return o("div",{class:"actions"},this.actions.map(((e,i)=>this.renderAction(e,i))))}renderHeader(){const e=this.stack.at(-1);if(e)return o("limel-header",{class:{header:!0,"has-color":!!e.color},style:{"--header-background-color":e.color},icon:e.icon,heading:e.heading,subheading:e.subheading},o("div",{class:"header-actions",slot:"actions",ref:this.stopContentEvents},o("slot",{name:"header-actions"})))}renderHandle(){var e,i,t;return o("limel-resize-handle",{class:"handle",label:this.resizeLabel,value:null===(e=this.widthRange)||void 0===e?void 0:e.now,min:null===(i=this.widthRange)||void 0===i?void 0:i.min,max:null===(t=this.widthRange)||void 0===t?void 0:t.max,onChangeSize:this.handleChangeSize,onEndResize:this.handleEndResize})}renderBody(){return o("div",{class:"body",ref:this.stopContentEvents},o("slot",null))}stopContentEventAtHost(e){e.target!==this.host&&e.stopImmediatePropagation()}moveFocusIntoPanel(){this.panel.focus({preventScroll:!0})}rememberFocusedElement(){const e=function(){var e;let i=document.activeElement;for(;null===(e=null==i?void 0:i.shadowRoot)||void 0===e?void 0:e.activeElement;)i=i.shadowRoot.activeElement;return i}();e&&e!==document.body&&(this.focusedBefore=e)}removeFromOpenPanels(){const e=n.indexOf(this);-1!==e&&n.splice(e,1)}isLastOpened(){return n.at(-1)===this}setWidth(e){this.panel.style.width=`${e}px`}rememberWidthBeforeResize(){this.isResizing()||(this.widthBeforeResize=this.currentWidth())}isResizing(){return void 0!==this.widthBeforeResize}keepClampedWidth(){this.setWidth(this.currentWidth())}emitWidthIfChanged(e){const i=this.currentWidth();i!==e&&this.changeWidth.emit(i)}observeWidth(){if(this.stopObservingWidth(),this.panel){this.widthObserver=new ResizeObserver(this.handleSizeChange);for(const e of[this.panel,this.minLimit,this.maxLimit])e&&this.widthObserver.observe(e)}}stopObservingWidth(){var e;null===(e=this.widthObserver)||void 0===e||e.disconnect(),this.widthObserver=void 0}measureWidthRange(){const e=this.minLimit.offsetWidth,i=Math.max(e,this.maxLimit.offsetWidth);return{now:Math.round(this.currentWidth()),min:Math.round(e),max:Math.round(i)}}currentWidth(){return this.panel.offsetWidth}get host(){return r(this)}};h.style='@charset "UTF-8";:host(limel-side-panel){--_side-panel-width:var(--side-panel-width, 37.5rem);--_side-panel-min-width:var(--side-panel-min-width, 25rem);--_side-panel-top-inset:var(--side-panel-top-inset, 0px);--_side-panel-right-inset:var(--side-panel-right-inset, 0px);--_side-panel-bottom-inset:var(--side-panel-bottom-inset, 0px);--_side-panel-z-index:var(--side-panel-z-index, 6);--_side-panel-dropdown-z-index:var(--dropdown-z-index);--_side-panel-popover-z-index:var(--popover-z-index);--_side-panel-tooltip-z-index:var(--tooltip-z-index)}@keyframes show-side-panel{0%{transform:translate3d(12.5rem, 0, 0) scale(0.95);opacity:0}60%{opacity:1}100%{transform:translate3d(0, 0, 0) scale(1)}}section{position:absolute;z-index:var(--_side-panel-z-index);top:var(--_side-panel-top-inset);right:var(--_side-panel-right-inset);bottom:var(--_side-panel-bottom-inset);margin:0.5rem;display:flex;flex-direction:column;isolation:isolate;width:var(--_side-panel-width);min-width:min(var(--_side-panel-min-width), 100% - 1rem);max-width:min(100% - 1rem - 3rem, 60%);max-height:100%;border-radius:1rem;box-shadow:var(--shadow-depth-64);transform-origin:left center;transition:background-color 0.5s ease, transform 0.3s ease, opacity 0.2s ease, right 0.2s ease;animation:show-side-panel 0.46s cubic-bezier(0.08, 0.54, 0.06, 1.11) forwards}section:focus{outline:none}@media (prefers-reduced-motion){section{animation:none;transition:none}}.content{--dropdown-z-index:var( --_side-panel-dropdown-z-index, calc(var(--_side-panel-z-index) + 1) );--popover-z-index:var( --_side-panel-popover-z-index, calc(var(--_side-panel-z-index) + 1) );--tooltip-z-index:var( --_side-panel-tooltip-z-index, calc(var(--_side-panel-z-index) + 1) );display:flex;flex-direction:column;flex-grow:1;min-height:0;overflow:hidden;border-radius:1rem;background-color:rgb(var(--contrast-100))}.toolbar{flex-shrink:0;display:flex;align-items:center;gap:0.25rem;box-sizing:border-box;min-height:2.375rem;padding:0.25rem 0.125rem;background-color:rgb(var(--contrast-300))}.actions{display:flex;align-items:center;gap:0.25rem;margin-left:auto}.actions>*{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--limel-theme-on-surface-color);background-color:transparent}.actions>*:hover,.actions>*:focus,.actions>*:focus-visible{will-change:color, background-color, box-shadow, transform}.actions>*:hover,.actions>*:focus-visible{transform:translate3d(0, 0.01rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color)}.actions>*:hover{box-shadow:var(--button-shadow-hovered)}.actions>*:active{--limel-clickable-transform-timing-function:cubic-bezier( 0.83, -0.15, 0.49, 1.16 );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}.actions>*:hover,.actions>*:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}.actions>*:focus{outline:none}.actions>*:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}.actions>*{isolation:isolate;position:relative;display:flex;justify-content:center;align-items:center;width:1.875rem;height:1.875rem;border-radius:50%}.actions>* limel-icon{width:1.25rem;transition:transform 0.2s ease, color 0.2s ease}.actions>*{--_side-panel-action-background-color:rgb(var(--contrast-300))}.actions>*:hover,.actions>*:focus-visible{--_side-panel-action-background-color:var( --lime-elevated-surface-background-color )}.actions>*:hover limel-icon{color:var(--mdc-theme-primary)}.newTab limel-icon{transition:transform 0.2s ease;transform:scale(0.8);z-index:3}.newTab:before{z-index:2}.newTab:after{z-index:1}.newTab:before,.newTab:after{content:"";transition:transform 0.2s ease, outline-color 0.2s ease;position:absolute;width:0.875rem;height:0.875rem;outline:1.5px solid rgb(var(--contrast-900));border-radius:1px;background-color:var(--_side-panel-action-background-color)}.newTab:hover limel-icon{transform:translate3d(-0.1rem, 0.1rem, 0) scale(1)}.newTab:hover:before{transform:translate3d(0.125rem, -0.125rem, 0);outline-color:rgb(var(--contrast-1000));box-shadow:var(--shadow-depth-8)}.newTab:hover:after{transform:translate3d(-0.15rem, 0.15rem, 0) scale(0.9);outline-color:rgb(var(--contrast-700))}.expand:after{transition:transform 0.2s ease;content:"";position:absolute;z-index:1;background-color:var(--_side-panel-action-background-color);width:0.75rem;height:0.75rem}.expand:hover:after{transform:scale(0.5)}.expand:hover limel-icon{transform:scale(1.18)}.close{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--limel-theme-on-surface-color);background-color:transparent}.close:hover,.close:focus,.close:focus-visible{will-change:color, background-color, box-shadow, transform}.close:hover,.close:focus-visible{transform:translate3d(0, 0.01rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color)}.close:hover{box-shadow:var(--button-shadow-hovered)}.close:active{--limel-clickable-transform-timing-function:cubic-bezier( 0.83, -0.15, 0.49, 1.16 );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}.close:hover,.close:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}.close:focus{outline:none}.close:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}.close{isolation:isolate;position:relative;display:flex;justify-content:center;align-items:center;width:1.875rem;height:1.875rem;border-radius:50%}.close limel-icon{width:1.25rem;transition:transform 0.2s ease, color 0.2s ease}.close:before,.close:after{content:"";position:absolute;z-index:-1;inset:0;border-radius:50%;opacity:0;transition-delay:0.1s}.close:before{transition:transform 0.3s ease, opacity 0.3s ease;background-color:rgb(var(--color-orange-dark))}.close:after{transition:transform 0.6s ease, opacity 0.6s ease;background-color:rgb(var(--color-orange-light))}.close:hover limel-icon{color:rgb(var(--color-white));transform:scale(0.7) rotate(90deg)}.close:hover:before{opacity:1;transform:scale(0.4)}.close:hover:after{opacity:0.4;transform:scale(0.6)}.header{--side-panel-header-text-color:var(--limel-theme-on-surface-color);--header-top-right-left-border-radius:0;flex-shrink:0;min-height:calc(1.25rem + 1rem + 2 * 0.125rem);padding:0.125rem 0.75rem 0.125rem 0.25rem;background-color:var(--header-background-color, rgb(var(--contrast-200)))}.header-actions{display:flex;align-items:center;gap:0.25rem;flex-shrink:0;max-width:50%;overflow:hidden;box-sizing:border-box;max-height:calc(1.25rem + 1rem + 2 * 0.25rem);padding:0.25rem;margin:-0.25rem -0.25rem -0.25rem auto;color:var(--side-panel-header-text-color);text-shadow:none}.has-color{--side-panel-header-text-color:rgb(var(--color-white));--header-heading-color:var(--side-panel-header-text-color);--header-subheading-color:var(--side-panel-header-text-color);text-shadow:0 0 1px rgba(var(--color-black), 0.2), 0 0 0.25rem rgba(var(--color-black), 0.2)}.body{flex-grow:1;min-height:0;display:flex;flex-direction:column;overflow:hidden auto}.handle{position:absolute;z-index:1;top:calc(2.375rem + 0.5rem);bottom:1rem;left:calc(0.5rem / -2);width:0.5rem}[data-limit]{position:absolute;visibility:hidden;pointer-events:none;height:0}[data-limit=min]{width:min(var(--_side-panel-min-width), 100% - 1rem)}[data-limit=max]{width:min(100% - 1rem - 3rem, 60%)}';export{h as limel_side_panel}
|
|
@@ -7,6 +7,12 @@ import { IconSize } from './icon.types';
|
|
|
7
7
|
* The size and color of the icon is normally set in CSS, however there are a few
|
|
8
8
|
* standard sizes defined that can be used with the `size` property.
|
|
9
9
|
*
|
|
10
|
+
* ## Accessibility
|
|
11
|
+
* An icon with an `aria-label`, an `aria-labelledby` or a `title` is an image
|
|
12
|
+
* for assistive technology, and that is its name. An icon with none of them is
|
|
13
|
+
* decorative, and is hidden from assistive technology. To change that, set
|
|
14
|
+
* `role` or `aria-hidden` on the icon yourself.
|
|
15
|
+
*
|
|
10
16
|
* @exampleComponent limel-example-icon-name
|
|
11
17
|
* @exampleComponent limel-example-icon-size
|
|
12
18
|
* @exampleComponent limel-example-icon-color
|
|
@@ -40,8 +46,13 @@ export declare class Icon {
|
|
|
40
46
|
*/
|
|
41
47
|
svgClass?: string;
|
|
42
48
|
private host;
|
|
49
|
+
private internals?;
|
|
50
|
+
private nameObserver?;
|
|
51
|
+
connectedCallback(): void;
|
|
52
|
+
disconnectedCallback(): void;
|
|
43
53
|
componentDidLoad(): void;
|
|
44
54
|
render(): any;
|
|
55
|
+
private updateAccessibility;
|
|
45
56
|
protected loadIcon(name: string): Promise<void>;
|
|
46
57
|
/**
|
|
47
58
|
* Load the SVG data for the icon from the icon cache
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { EventEmitter } from '../../stencil-public-runtime';
|
|
2
|
+
import { SidePanelAction, SidePanelActionSelect, SidePanelEntry } from './side-panel.types';
|
|
2
3
|
/**
|
|
3
4
|
* A resizable panel that is displayed on top of the right side of the page.
|
|
4
|
-
* The content is placed in the default slot, below a toolbar
|
|
5
|
+
* The content is placed in the default slot, below a toolbar and a header.
|
|
5
6
|
*
|
|
6
7
|
* The panel is positioned relative to its nearest positioned ancestor. Set
|
|
7
8
|
* `position: relative` on that element. Use `--side-panel-top-inset`,
|
|
@@ -22,9 +23,68 @@ import { EventEmitter } from '../../stencil-public-runtime';
|
|
|
22
23
|
*
|
|
23
24
|
* See the examples for how closing and resizing work in detail.
|
|
24
25
|
*
|
|
26
|
+
* ## Header
|
|
27
|
+
*
|
|
28
|
+
* The header shows the heading, subheading and icon of the last entry in
|
|
29
|
+
* `stack`. When the entry has a `color`, the header gets that background color,
|
|
30
|
+
* and the headings are white with a text shadow. When `stack` is empty, the
|
|
31
|
+
* panel has no header.
|
|
32
|
+
*
|
|
33
|
+
* Put controls for the header, for example a follow button or a menu, in the
|
|
34
|
+
* `header-actions` slot. They are shown at the right end of the header. When
|
|
35
|
+
* `stack` is empty, there is no header, and the slot content is not shown.
|
|
36
|
+
*
|
|
37
|
+
* The slot is for small controls. It is at most half as wide as the header,
|
|
38
|
+
* and at most as tall as the heading and subheading together. Larger content
|
|
39
|
+
* is cut off, so that the header keeps its size.
|
|
40
|
+
*
|
|
41
|
+
* The slot content is not tied to an entry in `stack`. When the last entry
|
|
42
|
+
* changes, the consumer must also change the slot content.
|
|
43
|
+
*
|
|
44
|
+
* The slot content keeps its own colors. Use `--side-panel-header-text-color`
|
|
45
|
+
* to match the text color of the header. It is white when the header has a
|
|
46
|
+
* `color`. It can also be used as the `color` of an `Icon`.
|
|
47
|
+
*
|
|
48
|
+
* ## Actions
|
|
49
|
+
*
|
|
50
|
+
* The toolbar has a close button on the left. Other buttons are set with
|
|
51
|
+
* `actions`, and are shown on the right. The `type` of an action decides its
|
|
52
|
+
* icon. When the user clicks an action, the panel emits `selectAction` with the
|
|
53
|
+
* `id` of the action and the click event. The consumer decides what the action
|
|
54
|
+
* does.
|
|
55
|
+
*
|
|
56
|
+
* An action with an `href` is a link, so the user can open it in a new tab.
|
|
57
|
+
* To handle the navigation in another way, for example with the router of the
|
|
58
|
+
* application, call `preventDefault` on the click event in `selectAction`. Do
|
|
59
|
+
* this only for a plain click with the primary button. Let the browser handle
|
|
60
|
+
* all other clicks, so that Ctrl-click and Cmd-click still open the link in a
|
|
61
|
+
* new tab:
|
|
62
|
+
*
|
|
63
|
+
* ```ts
|
|
64
|
+
* function handleSelectAction(event: CustomEvent<SidePanelActionSelect>) {
|
|
65
|
+
* const click = event.detail.event;
|
|
66
|
+
* const isPlainClick =
|
|
67
|
+
* click.button === 0 &&
|
|
68
|
+
* !click.metaKey &&
|
|
69
|
+
* !click.ctrlKey &&
|
|
70
|
+
* !click.shiftKey &&
|
|
71
|
+
* !click.altKey;
|
|
72
|
+
* if (!isPlainClick) {
|
|
73
|
+
* return;
|
|
74
|
+
* }
|
|
75
|
+
*
|
|
76
|
+
* click.preventDefault();
|
|
77
|
+
* router.navigate(event.detail.id);
|
|
78
|
+
* }
|
|
79
|
+
* ```
|
|
80
|
+
*
|
|
25
81
|
* @exampleComponent limel-example-side-panel-basic
|
|
26
82
|
* @exampleComponent limel-example-side-panel-insets
|
|
27
83
|
* @exampleComponent limel-example-side-panel-escape
|
|
84
|
+
* @exampleComponent limel-example-side-panel-actions
|
|
85
|
+
* @exampleComponent limel-example-side-panel-header-actions
|
|
86
|
+
* @slot - Content of the panel
|
|
87
|
+
* @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.
|
|
28
88
|
* @private
|
|
29
89
|
*/
|
|
30
90
|
export declare class SidePanel {
|
|
@@ -38,6 +98,16 @@ export declare class SidePanel {
|
|
|
38
98
|
* name.
|
|
39
99
|
*/
|
|
40
100
|
closeLabel: string;
|
|
101
|
+
/**
|
|
102
|
+
* The panels in the stack, outermost first. The last entry is the panel
|
|
103
|
+
* that is displayed. Its heading, subheading and icon are shown in the
|
|
104
|
+
* header.
|
|
105
|
+
*/
|
|
106
|
+
stack: SidePanelEntry[];
|
|
107
|
+
/**
|
|
108
|
+
* Buttons in the toolbar, to the right of the close button.
|
|
109
|
+
*/
|
|
110
|
+
actions: SidePanelAction[];
|
|
41
111
|
/**
|
|
42
112
|
* Label of the resize handle. Used as the accessible name.
|
|
43
113
|
*/
|
|
@@ -53,6 +123,11 @@ export declare class SidePanel {
|
|
|
53
123
|
* `closeOnEscape` is `true`.
|
|
54
124
|
*/
|
|
55
125
|
close: EventEmitter<void>;
|
|
126
|
+
/**
|
|
127
|
+
* Emitted when an action in the toolbar is clicked. The detail has the `id`
|
|
128
|
+
* of the action, or its `type` if it has no `id`, and the click event.
|
|
129
|
+
*/
|
|
130
|
+
selectAction: EventEmitter<SidePanelActionSelect>;
|
|
56
131
|
/**
|
|
57
132
|
* Emitted when the user has finished a resize that changed the width. The
|
|
58
133
|
* detail is the new width in pixels. The panel already uses the new width. Store the value to
|
|
@@ -64,8 +139,8 @@ export declare class SidePanel {
|
|
|
64
139
|
private panel;
|
|
65
140
|
private minLimit?;
|
|
66
141
|
private maxLimit?;
|
|
67
|
-
private body?;
|
|
68
142
|
private closeButtonId;
|
|
143
|
+
private actionIdPrefix;
|
|
69
144
|
private widthObserver?;
|
|
70
145
|
/**
|
|
71
146
|
* The width before the resize that is in progress, in pixels. `undefined`
|
|
@@ -81,21 +156,26 @@ export declare class SidePanel {
|
|
|
81
156
|
disconnectedCallback(): void;
|
|
82
157
|
render(): any;
|
|
83
158
|
private renderCloseButton;
|
|
159
|
+
private renderActions;
|
|
160
|
+
private renderAction;
|
|
161
|
+
private renderHeader;
|
|
84
162
|
private renderHandle;
|
|
85
163
|
private renderBody;
|
|
86
|
-
private setBody;
|
|
87
164
|
/**
|
|
88
165
|
* Components in the content can emit events with the same names as the
|
|
89
166
|
* panel's events, for example `close` from `limel-dialog` or
|
|
90
|
-
* `limel-collapsible-section`. Events from slotted content pass through
|
|
91
|
-
*
|
|
92
|
-
* own events are dispatched on the host, so they are not
|
|
167
|
+
* `limel-collapsible-section`. Events from slotted content pass through the
|
|
168
|
+
* element around the slot before they reach the host, so they are stopped
|
|
169
|
+
* there. The panel's own events are dispatched on the host, so they are not
|
|
170
|
+
* affected.
|
|
93
171
|
*
|
|
94
172
|
* Keep the event names in sync with {@link SidePanel.stopContentEventAtHost}.
|
|
173
|
+
*
|
|
174
|
+
* @param element - the element around a slot
|
|
95
175
|
*/
|
|
96
|
-
private
|
|
176
|
+
private stopContentEvents;
|
|
97
177
|
/**
|
|
98
|
-
* Fallback for {@link SidePanel.
|
|
178
|
+
* Fallback for {@link SidePanel.stopContentEvents}.
|
|
99
179
|
* Stops `close` and `changeWidth` events that reach the host from any
|
|
100
180
|
* element other than the host.
|
|
101
181
|
*
|
|
@@ -129,6 +209,7 @@ export declare class SidePanel {
|
|
|
129
209
|
private updateWidthRange;
|
|
130
210
|
private measureWidthRange;
|
|
131
211
|
private currentWidth;
|
|
212
|
+
private handleClickAction;
|
|
132
213
|
private handleClickClose;
|
|
133
214
|
}
|
|
134
215
|
//# sourceMappingURL=side-panel.d.ts.map
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import { Color } from '../../global/shared-types/color.types';
|
|
2
|
+
import { Icon, IconName } from '../../global/shared-types/icon.types';
|
|
3
|
+
/**
|
|
4
|
+
* One panel in the stack of a side panel.
|
|
5
|
+
*
|
|
6
|
+
* @beta
|
|
7
|
+
*/
|
|
8
|
+
export interface SidePanelEntry {
|
|
9
|
+
/**
|
|
10
|
+
* Heading of the panel.
|
|
11
|
+
*/
|
|
12
|
+
heading: string;
|
|
13
|
+
/**
|
|
14
|
+
* Second line below the heading.
|
|
15
|
+
*/
|
|
16
|
+
subheading?: string;
|
|
17
|
+
/**
|
|
18
|
+
* Icon shown next to the heading.
|
|
19
|
+
*/
|
|
20
|
+
icon?: IconName | Icon;
|
|
21
|
+
/**
|
|
22
|
+
* Background color of the header. When it is set, the heading and the
|
|
23
|
+
* subheading are white, with a text shadow, so that they are easier to
|
|
24
|
+
* read on the color. Use a color that is dark enough for white text.
|
|
25
|
+
*/
|
|
26
|
+
color?: Color;
|
|
27
|
+
}
|
|
28
|
+
/**
|
|
29
|
+
* A button in the toolbar of a side panel.
|
|
30
|
+
*
|
|
31
|
+
* @beta
|
|
32
|
+
*/
|
|
33
|
+
export interface SidePanelAction {
|
|
34
|
+
/**
|
|
35
|
+
* The kind of button.
|
|
36
|
+
*/
|
|
37
|
+
type: SidePanelActionType;
|
|
38
|
+
/**
|
|
39
|
+
* Label of the button. Shown as a tooltip and used as the accessible name.
|
|
40
|
+
*/
|
|
41
|
+
label: string;
|
|
42
|
+
/**
|
|
43
|
+
* Identifies the action in the `selectAction` event. Defaults to `type`.
|
|
44
|
+
*/
|
|
45
|
+
id?: string;
|
|
46
|
+
/**
|
|
47
|
+
* Additional text in the tooltip, below the label. For example the name
|
|
48
|
+
* of what the action opens.
|
|
49
|
+
*/
|
|
50
|
+
helperLabel?: string;
|
|
51
|
+
/**
|
|
52
|
+
* If set, the action is a link to this URL. The user can then open it in
|
|
53
|
+
* a new tab, like any other link. `selectAction` is still emitted. To
|
|
54
|
+
* handle the navigation in another way, call `preventDefault` on its
|
|
55
|
+
* `event`, but only for a plain click with the primary button: `button` is
|
|
56
|
+
* `0`, and `metaKey`, `ctrlKey`, `shiftKey` and `altKey` are `false`. Let
|
|
57
|
+
* the browser handle all other clicks, so that the user can still open the
|
|
58
|
+
* link in a new tab.
|
|
59
|
+
*/
|
|
60
|
+
href?: string;
|
|
61
|
+
}
|
|
62
|
+
/**
|
|
63
|
+
* Detail of the `selectAction` event of a side panel.
|
|
64
|
+
*
|
|
65
|
+
* @beta
|
|
66
|
+
*/
|
|
67
|
+
export interface SidePanelActionSelect {
|
|
68
|
+
/**
|
|
69
|
+
* The `id` of the clicked action, or its `type` if it has no `id`.
|
|
70
|
+
*/
|
|
71
|
+
id: string;
|
|
72
|
+
/**
|
|
73
|
+
* The click event.
|
|
74
|
+
*/
|
|
75
|
+
event: MouseEvent;
|
|
76
|
+
}
|
|
77
|
+
/**
|
|
78
|
+
* The kinds of buttons that can be used as actions in a side panel.
|
|
79
|
+
*
|
|
80
|
+
* @beta
|
|
81
|
+
*/
|
|
82
|
+
export type SidePanelActionType = 'newTab' | 'expand';
|
|
83
|
+
//# sourceMappingURL=side-panel.types.d.ts.map
|