@limetech/lime-elements 37.62.0 → 37.62.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 +8 -0
- package/dist/cjs/limel-badge_3.cjs.entry.js +1 -1
- package/dist/cjs/limel-badge_3.cjs.entry.js.map +1 -1
- package/dist/cjs/limel-dynamic-label_4.cjs.entry.js +1 -1
- package/dist/cjs/limel-dynamic-label_4.cjs.entry.js.map +1 -1
- package/dist/cjs/limel-icon_2.cjs.entry.js +17 -4
- package/dist/cjs/limel-icon_2.cjs.entry.js.map +1 -1
- package/dist/collection/components/menu-surface/menu-surface.css +1 -0
- package/dist/collection/components/portal/portal.js +17 -4
- package/dist/collection/components/portal/portal.js.map +1 -1
- package/dist/collection/components/tooltip/tooltip-content.css +0 -12
- package/dist/esm/limel-badge_3.entry.js +1 -1
- package/dist/esm/limel-badge_3.entry.js.map +1 -1
- package/dist/esm/limel-dynamic-label_4.entry.js +1 -1
- package/dist/esm/limel-dynamic-label_4.entry.js.map +1 -1
- package/dist/esm/limel-icon_2.entry.js +17 -4
- package/dist/esm/limel-icon_2.entry.js.map +1 -1
- package/dist/lime-elements/lime-elements.css +1 -1
- package/dist/lime-elements/lime-elements.esm.js +1 -1
- package/dist/lime-elements/{p-d1838cf6.entry.js → p-0b3a043a.entry.js} +2 -2
- package/dist/lime-elements/{p-d1838cf6.entry.js.map → p-0b3a043a.entry.js.map} +1 -1
- package/dist/lime-elements/{p-441c0259.entry.js → p-5344e8bf.entry.js} +2 -2
- package/dist/lime-elements/p-5344e8bf.entry.js.map +1 -0
- package/dist/lime-elements/{p-6c74fcaa.entry.js → p-b334b138.entry.js} +2 -2
- package/dist/lime-elements/{p-6c74fcaa.entry.js.map → p-b334b138.entry.js.map} +1 -1
- package/dist/types/components/portal/portal.d.ts +1 -0
- package/package.json +1 -1
- package/dist/lime-elements/p-441c0259.entry.js.map +0 -1
|
@@ -106,4 +106,4 @@
|
|
|
106
106
|
);--mdc-theme-on-surface:var(
|
|
107
107
|
--lime-on-surface-color,
|
|
108
108
|
rgb(var(--contrast-1500))
|
|
109
|
-
);--lime-elevated-surface-background-color:rgb(var(--contrast-100))}.limel-portal--container{font-family:var(--limel-portal-font-family, inherit);opacity:0;display:none}.limel-portal--container.is-visible{opacity:1;display:inline-block}
|
|
109
|
+
);--lime-elevated-surface-background-color:rgb(var(--contrast-100))}.limel-portal--container{font-family:var(--limel-portal-font-family, inherit);opacity:0;display:none}.limel-portal--container.is-visible{opacity:1;display:inline-block}.limel-portal--container.is-visible>*{will-change:opacity, transform}@keyframes fade-in{from{opacity:0;transform:scale(0.94)}to{opacity:1;transform:scale(1) translate3d(0, 0, 0)}}@keyframes fade-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.94) translate3d(0, 0, 0)}}.limel-portal--container>*{animation:fade-in 0.18s cubic-bezier(0.11, 0.59, 0.18, 1.26) forwards}.limel-portal--container.is-hiding>*{animation:fade-out 0.22s ease forwards}.limel-portal--container[data-popper-placement=left-start]>*{transform-origin:right top}.limel-portal--container[data-popper-placement=left]>*{transform-origin:right center}.limel-portal--container[data-popper-placement=left-end]>*{transform-origin:right bottom}.limel-portal--container[data-popper-placement=top-start]>*{transform-origin:left bottom}.limel-portal--container[data-popper-placement=top]>*{transform-origin:center bottom}.limel-portal--container[data-popper-placement=top-end]>*{transform-origin:right bottom}.limel-portal--container[data-popper-placement=right-start]>*{transform-origin:left top}.limel-portal--container[data-popper-placement=right]>*{transform-origin:left center}.limel-portal--container[data-popper-placement=right-end]>*{transform-origin:left bottom}.limel-portal--container[data-popper-placement=bottom-start]>*{transform-origin:left top}.limel-portal--container[data-popper-placement=bottom]>*{transform-origin:center top}.limel-portal--container[data-popper-placement=bottom-end]>*{transform-origin:right top}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,b as l}from"./p-443111b3.js";export{s as setNonce}from"./p-443111b3.js";const i=()=>{const l=import.meta.url;const i={};if(l!==""){i.resourcesUrl=new URL(".",l).href}return e(i)};i().then((e=>l(JSON.parse('[["p-595fdf97",[[1,"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],"required":[516],"allowResize":[516,"allow-resize"],"ui":[513]}]]],["p-c544c575",[[1,"limel-file",{"value":[16],"label":[513],"required":[516],"disabled":[516],"readonly":[516],"invalid":[516],"accept":[513],"language":[1]}]]],["p-b8bfe44d",[[1,"limel-picker",{"disabled":[4],"readonly":[516],"label":[1],"searchLabel":[1,"search-label"],"helperText":[513,"helper-text"],"leadingIcon":[1,"leading-icon"],"emptyResultMessage":[1,"empty-result-message"],"required":[4],"invalid":[516],"value":[16],"searcher":[16],"multiple":[4],"delimiter":[513],"actions":[16],"actionPosition":[1,"action-position"],"actionScrollBehavior":[1,"action-scroll-behavior"],"badgeIcons":[516,"badge-icons"],"items":[32],"textValue":[32],"loading":[32],"chips":[32]}]]],["p-ab6eab16",[[17,"limel-split-button",{"label":[513],"primary":[516],"icon":[513],"disabled":[516],"loading":[516],"loadingFailed":[516,"loading-failed"],"items":[16]}]]],["p-dd85a0b2",[[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]}]]],["p-48652dbe",[[1,"limel-color-picker",{"value":[513],"label":[513],"helperText":[513,"helper-text"],"tooltipLabel":[513,"tooltip-label"],"required":[516],"readonly":[516],"isOpen":[32]}]]],["p-c85589d6",[[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-eb5ff7ca",[[1,"limel-dock",{"dockItems":[16],"dockFooterItems":[16],"accessibleLabel":[513,"accessible-label"],"expanded":[516],"allowResize":[516,"allow-resize"],"mobileBreakPoint":[514,"mobile-break-point"],"useMobileLayout":[32]}]]],["p-715d4a78",[[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"]]]]],["p-3d6dc7de",[[1,"limel-tab-panel",{"tabs":[1040]}]]],["p-3e1e3fe6",[[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]}]]],["p-3cd95c9f",[[1,"limel-button-group",{"value":[16],"disabled":[516],"selectedButtonId":[32]}]]],["p-768dc020",[[1,"limel-collapsible-section",{"isOpen":[1540,"is-open"],"header":[513],"actions":[16]}]]],["p-5d01dc2a",[[1,"limel-help",{"value":[1],"trigger":[1],"readMoreLink":[16],"openDirection":[513,"open-direction"],"isOpen":[32]}]]],["p-6c74fcaa",[[17,"limel-list",{"items":[16],"badgeIcons":[4,"badge-icons"],"iconSize":[1,"icon-size"],"type":[1],"maxLinesSecondaryText":[2,"max-lines-secondary-text"]}],[1,"limel-menu-surface",{"open":[4],"allowClicksElement":[16]}],[1,"limel-dynamic-label",{"value":[8],"defaultLabel":[16],"labels":[16]}],[1,"limel-helper-line",{"helperText":[513,"helper-text"],"length":[514],"maxLength":[514,"max-length"],"invalid":[516],"helperTextId":[513,"helper-text-id"]}]]],["p-2512011c",[[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]}]]],["p-dab818a1",[[1,"limel-table",{"data":[16],"columns":[16],"mode":[1],"layout":[1],"pageSize":[2,"page-size"],"totalRows":[2,"total-rows"],"sorting":[16],"activeRow":[1040],"movableColumns":[4,"movable-columns"],"loading":[4],"page":[2],"emptyMessage":[1,"empty-message"],"aggregates":[16],"selectable":[4],"selection":[16]}]]],["p-b852d3f5",[[1,"limel-info-tile",{"value":[520],"icon":[1],"label":[513],"prefix":[513],"suffix":[513],"disabled":[516],"badge":[520],"loading":[516],"link":[16],"progress":[16]}]]],["p-20440a35",[[1,"limel-switch",{"label":[513],"disabled":[516],"readonly":[516],"invalid":[516],"value":[516],"helperText":[513,"helper-text"],"readonlyLabels":[16],"fieldId":[32]}]]],["p-02e9b8ce",[[1,"limel-dialog",{"heading":[1],"fullscreen":[516],"open":[1540],"closingActions":[16]}]]],["p-eb58b4b7",[[1,"limel-progress-flow",{"flowItems":[16],"disabled":[4],"readonly":[4]}]]],["p-6b2bc81b",[[1,"limel-shortcut",{"icon":[513],"label":[513],"disabled":[516],"badge":[520],"link":[16]}]]],["p-1bcdc70b",[[1,"limel-banner",{"message":[513],"icon":[513],"isOpen":[32],"open":[64],"close":[64]}]]],["p-a80507e5",[[1,"limel-callout",{"heading":[513],"icon":[513],"type":[513],"language":[1]}]]],["p-6b0ef5ee",[[1,"limel-slider",{"disabled":[516],"readonly":[516],"factor":[514],"label":[513],"helperText":[513,"helper-text"],"unit":[513],"value":[514],"valuemax":[514],"valuemin":[514],"step":[514],"percentageClass":[32]}]]],["p-11d775ca",[[1,"limel-code-editor",{"value":[1],"language":[1],"readonly":[4],"lineNumbers":[4,"line-numbers"],"fold":[4],"lint":[4],"colorScheme":[1,"color-scheme"],"random":[32]}]]],["p-16e4ca3e",[[1,"limel-config",{"config":[16]}]]],["p-ea98795d",[[1,"limel-flex-container",{"direction":[513],"justify":[513],"align":[513],"reverse":[516]}]]],["p-c864b34b",[[1,"limel-form",{"schema":[16],"value":[16],"disabled":[4],"propsFactory":[16],"transformErrors":[16],"errors":[16]}]]],["p-b5f723e2",[[1,"limel-grid"]]],["p-9452ff1b",[[1,"limel-action-bar",{"actions":[16],"accessibleLabel":[513,"accessible-label"],"layout":[513],"openDirection":[513,"open-direction"],"overflowCutoff":[32]}],[1,"limel-text-editor-link-menu",{"link":[16],"language":[513],"isOpen":[516,"is-open"],"invalidLink":[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]}]]],["p-8b8bcd00",[[1,"limel-prosemirror-adapter",{"contentType":[1,"content-type"],"value":[1],"language":[513],"view":[32],"actionBarItems":[32],"link":[32],"isLinkMenuOpen":[32]}]]],["p-7a202104",[[17,"limel-color-picker-palette",{"value":[513],"label":[513],"helperText":[513,"helper-text"],"required":[516]}]]],["p-53fc6f0e",[[1,"limel-popover",{"open":[4],"openDirection":[513,"open-direction"]}],[1,"limel-popover-surface",{"contentCollection":[16]}]]],["p-1367c295",[[0,"limel-dock-button",{"item":[16],"expanded":[516],"useMobileLayout":[516,"use-mobile-layout"],"isOpen":[32]}]]],["p-30ca30ec",[[1,"limel-tab-bar",{"tabs":[1040],"canScrollLeft":[32],"canScrollRight":[32]},[[9,"resize","handleWindowResize"]]]]],["p-0fef416f",[[1,"limel-header",{"icon":[1],"heading":[1],"subheading":[1],"supportingText":[1,"supporting-text"],"subheadingDivider":[1,"subheading-divider"]}]]],["p-d6660d2a",[[1,"limel-help-content",{"value":[1],"readMoreLink":[16]}]]],["p-97571329",[[0,"limel-progress-flow-item",{"item":[16],"disabled":[4],"readonly":[4],"currentStep":[4,"current-step"]}]]],["p-f340d860",[[1,"limel-circular-progress",{"value":[2],"maxValue":[2,"max-value"],"prefix":[513],"suffix":[1],"displayPercentageColors":[4,"display-percentage-colors"],"size":[513]}]]],["p-216eb1cf",[[1,"limel-flatpickr-adapter",{"value":[16],"type":[1],"format":[1],"isOpen":[4,"is-open"],"inputElement":[16],"language":[1],"formatter":[16]}]]],["p-347c1107",[[1,"limel-file-dropzone",{"accept":[513],"disabled":[4],"text":[1],"helperText":[1,"helper-text"],"hasFileToDrop":[32]}],[1,"limel-file-input",{"accept":[513],"disabled":[516],"multiple":[516]}]]],["p-21441a76",[[1,"limel-markdown",{"value":[1],"whitelist":[16]}]]],["p-441c0259",[[1,"limel-portal",{"openDirection":[513,"open-direction"],"position":[513],"containerId":[513,"container-id"],"containerStyle":[16],"parent":[16],"inheritParentWidth":[516,"inherit-parent-width"],"visible":[516],"anchor":[16]}],[1,"limel-icon",{"size":[513],"name":[513],"badge":[516]}]]],["p-968c49d9",[[17,"limel-icon-button",{"icon":[513],"elevated":[516],"label":[513],"disabled":[516]}]]],["p-afefcd43",[[1,"limel-linear-progress",{"language":[513],"value":[514],"indeterminate":[516],"accessibleLabel":[513,"accessible-label"]}]]],["p-d1838cf6",[[1,"limel-badge",{"label":[520]}],[1,"limel-tooltip",{"elementId":[513,"element-id"],"label":[513],"helperLabel":[513,"helper-label"],"maxlength":[514],"openDirection":[513,"open-direction"],"open":[32]}],[1,"limel-tooltip-content",{"label":[513],"helperLabel":[513,"helper-label"],"maxlength":[514]}]]],["p-c4760e4a",[[1,"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],"emptyResultMessage":[1,"empty-result-message"],"loadingSubItems":[32],"searchValue":[32],"searchResults":[32]}],[1,"limel-breadcrumbs",{"items":[16],"divider":[1]}],[17,"limel-menu-list",{"items":[16],"badgeIcons":[4,"badge-icons"],"iconSize":[1,"icon-size"],"type":[1],"maxLinesSecondaryText":[2,"max-lines-secondary-text"]}],[1,"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]}],[1,"limel-spinner",{"size":[513],"limeBranded":[4,"lime-branded"]}]]],["p-f8ca6b3e",[[1,"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"],"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]}],[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],"menuItems":[16]}]]],["p-c1cbba2c",[[17,"limel-button",{"label":[513],"primary":[516],"outlined":[516],"icon":[513],"disabled":[516],"loading":[516],"loadingFailed":[516,"loading-failed"],"justLoaded":[32]}]]]]'),e)));
|
|
1
|
+
import{p as e,b as l}from"./p-443111b3.js";export{s as setNonce}from"./p-443111b3.js";const i=()=>{const l=import.meta.url;const i={};if(l!==""){i.resourcesUrl=new URL(".",l).href}return e(i)};i().then((e=>l(JSON.parse('[["p-595fdf97",[[1,"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],"required":[516],"allowResize":[516,"allow-resize"],"ui":[513]}]]],["p-c544c575",[[1,"limel-file",{"value":[16],"label":[513],"required":[516],"disabled":[516],"readonly":[516],"invalid":[516],"accept":[513],"language":[1]}]]],["p-b8bfe44d",[[1,"limel-picker",{"disabled":[4],"readonly":[516],"label":[1],"searchLabel":[1,"search-label"],"helperText":[513,"helper-text"],"leadingIcon":[1,"leading-icon"],"emptyResultMessage":[1,"empty-result-message"],"required":[4],"invalid":[516],"value":[16],"searcher":[16],"multiple":[4],"delimiter":[513],"actions":[16],"actionPosition":[1,"action-position"],"actionScrollBehavior":[1,"action-scroll-behavior"],"badgeIcons":[516,"badge-icons"],"items":[32],"textValue":[32],"loading":[32],"chips":[32]}]]],["p-ab6eab16",[[17,"limel-split-button",{"label":[513],"primary":[516],"icon":[513],"disabled":[516],"loading":[516],"loadingFailed":[516,"loading-failed"],"items":[16]}]]],["p-dd85a0b2",[[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]}]]],["p-48652dbe",[[1,"limel-color-picker",{"value":[513],"label":[513],"helperText":[513,"helper-text"],"tooltipLabel":[513,"tooltip-label"],"required":[516],"readonly":[516],"isOpen":[32]}]]],["p-c85589d6",[[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-eb5ff7ca",[[1,"limel-dock",{"dockItems":[16],"dockFooterItems":[16],"accessibleLabel":[513,"accessible-label"],"expanded":[516],"allowResize":[516,"allow-resize"],"mobileBreakPoint":[514,"mobile-break-point"],"useMobileLayout":[32]}]]],["p-715d4a78",[[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"]]]]],["p-3d6dc7de",[[1,"limel-tab-panel",{"tabs":[1040]}]]],["p-3e1e3fe6",[[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]}]]],["p-3cd95c9f",[[1,"limel-button-group",{"value":[16],"disabled":[516],"selectedButtonId":[32]}]]],["p-768dc020",[[1,"limel-collapsible-section",{"isOpen":[1540,"is-open"],"header":[513],"actions":[16]}]]],["p-5d01dc2a",[[1,"limel-help",{"value":[1],"trigger":[1],"readMoreLink":[16],"openDirection":[513,"open-direction"],"isOpen":[32]}]]],["p-b334b138",[[17,"limel-list",{"items":[16],"badgeIcons":[4,"badge-icons"],"iconSize":[1,"icon-size"],"type":[1],"maxLinesSecondaryText":[2,"max-lines-secondary-text"]}],[1,"limel-menu-surface",{"open":[4],"allowClicksElement":[16]}],[1,"limel-dynamic-label",{"value":[8],"defaultLabel":[16],"labels":[16]}],[1,"limel-helper-line",{"helperText":[513,"helper-text"],"length":[514],"maxLength":[514,"max-length"],"invalid":[516],"helperTextId":[513,"helper-text-id"]}]]],["p-2512011c",[[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]}]]],["p-dab818a1",[[1,"limel-table",{"data":[16],"columns":[16],"mode":[1],"layout":[1],"pageSize":[2,"page-size"],"totalRows":[2,"total-rows"],"sorting":[16],"activeRow":[1040],"movableColumns":[4,"movable-columns"],"loading":[4],"page":[2],"emptyMessage":[1,"empty-message"],"aggregates":[16],"selectable":[4],"selection":[16]}]]],["p-b852d3f5",[[1,"limel-info-tile",{"value":[520],"icon":[1],"label":[513],"prefix":[513],"suffix":[513],"disabled":[516],"badge":[520],"loading":[516],"link":[16],"progress":[16]}]]],["p-20440a35",[[1,"limel-switch",{"label":[513],"disabled":[516],"readonly":[516],"invalid":[516],"value":[516],"helperText":[513,"helper-text"],"readonlyLabels":[16],"fieldId":[32]}]]],["p-02e9b8ce",[[1,"limel-dialog",{"heading":[1],"fullscreen":[516],"open":[1540],"closingActions":[16]}]]],["p-eb58b4b7",[[1,"limel-progress-flow",{"flowItems":[16],"disabled":[4],"readonly":[4]}]]],["p-6b2bc81b",[[1,"limel-shortcut",{"icon":[513],"label":[513],"disabled":[516],"badge":[520],"link":[16]}]]],["p-1bcdc70b",[[1,"limel-banner",{"message":[513],"icon":[513],"isOpen":[32],"open":[64],"close":[64]}]]],["p-a80507e5",[[1,"limel-callout",{"heading":[513],"icon":[513],"type":[513],"language":[1]}]]],["p-6b0ef5ee",[[1,"limel-slider",{"disabled":[516],"readonly":[516],"factor":[514],"label":[513],"helperText":[513,"helper-text"],"unit":[513],"value":[514],"valuemax":[514],"valuemin":[514],"step":[514],"percentageClass":[32]}]]],["p-11d775ca",[[1,"limel-code-editor",{"value":[1],"language":[1],"readonly":[4],"lineNumbers":[4,"line-numbers"],"fold":[4],"lint":[4],"colorScheme":[1,"color-scheme"],"random":[32]}]]],["p-16e4ca3e",[[1,"limel-config",{"config":[16]}]]],["p-ea98795d",[[1,"limel-flex-container",{"direction":[513],"justify":[513],"align":[513],"reverse":[516]}]]],["p-c864b34b",[[1,"limel-form",{"schema":[16],"value":[16],"disabled":[4],"propsFactory":[16],"transformErrors":[16],"errors":[16]}]]],["p-b5f723e2",[[1,"limel-grid"]]],["p-9452ff1b",[[1,"limel-action-bar",{"actions":[16],"accessibleLabel":[513,"accessible-label"],"layout":[513],"openDirection":[513,"open-direction"],"overflowCutoff":[32]}],[1,"limel-text-editor-link-menu",{"link":[16],"language":[513],"isOpen":[516,"is-open"],"invalidLink":[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]}]]],["p-8b8bcd00",[[1,"limel-prosemirror-adapter",{"contentType":[1,"content-type"],"value":[1],"language":[513],"view":[32],"actionBarItems":[32],"link":[32],"isLinkMenuOpen":[32]}]]],["p-7a202104",[[17,"limel-color-picker-palette",{"value":[513],"label":[513],"helperText":[513,"helper-text"],"required":[516]}]]],["p-53fc6f0e",[[1,"limel-popover",{"open":[4],"openDirection":[513,"open-direction"]}],[1,"limel-popover-surface",{"contentCollection":[16]}]]],["p-1367c295",[[0,"limel-dock-button",{"item":[16],"expanded":[516],"useMobileLayout":[516,"use-mobile-layout"],"isOpen":[32]}]]],["p-30ca30ec",[[1,"limel-tab-bar",{"tabs":[1040],"canScrollLeft":[32],"canScrollRight":[32]},[[9,"resize","handleWindowResize"]]]]],["p-0fef416f",[[1,"limel-header",{"icon":[1],"heading":[1],"subheading":[1],"supportingText":[1,"supporting-text"],"subheadingDivider":[1,"subheading-divider"]}]]],["p-d6660d2a",[[1,"limel-help-content",{"value":[1],"readMoreLink":[16]}]]],["p-97571329",[[0,"limel-progress-flow-item",{"item":[16],"disabled":[4],"readonly":[4],"currentStep":[4,"current-step"]}]]],["p-f340d860",[[1,"limel-circular-progress",{"value":[2],"maxValue":[2,"max-value"],"prefix":[513],"suffix":[1],"displayPercentageColors":[4,"display-percentage-colors"],"size":[513]}]]],["p-216eb1cf",[[1,"limel-flatpickr-adapter",{"value":[16],"type":[1],"format":[1],"isOpen":[4,"is-open"],"inputElement":[16],"language":[1],"formatter":[16]}]]],["p-347c1107",[[1,"limel-file-dropzone",{"accept":[513],"disabled":[4],"text":[1],"helperText":[1,"helper-text"],"hasFileToDrop":[32]}],[1,"limel-file-input",{"accept":[513],"disabled":[516],"multiple":[516]}]]],["p-21441a76",[[1,"limel-markdown",{"value":[1],"whitelist":[16]}]]],["p-5344e8bf",[[1,"limel-portal",{"openDirection":[513,"open-direction"],"position":[513],"containerId":[513,"container-id"],"containerStyle":[16],"parent":[16],"inheritParentWidth":[516,"inherit-parent-width"],"visible":[516],"anchor":[16]}],[1,"limel-icon",{"size":[513],"name":[513],"badge":[516]}]]],["p-968c49d9",[[17,"limel-icon-button",{"icon":[513],"elevated":[516],"label":[513],"disabled":[516]}]]],["p-afefcd43",[[1,"limel-linear-progress",{"language":[513],"value":[514],"indeterminate":[516],"accessibleLabel":[513,"accessible-label"]}]]],["p-0b3a043a",[[1,"limel-badge",{"label":[520]}],[1,"limel-tooltip",{"elementId":[513,"element-id"],"label":[513],"helperLabel":[513,"helper-label"],"maxlength":[514],"openDirection":[513,"open-direction"],"open":[32]}],[1,"limel-tooltip-content",{"label":[513],"helperLabel":[513,"helper-label"],"maxlength":[514]}]]],["p-c4760e4a",[[1,"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],"emptyResultMessage":[1,"empty-result-message"],"loadingSubItems":[32],"searchValue":[32],"searchResults":[32]}],[1,"limel-breadcrumbs",{"items":[16],"divider":[1]}],[17,"limel-menu-list",{"items":[16],"badgeIcons":[4,"badge-icons"],"iconSize":[1,"icon-size"],"type":[1],"maxLinesSecondaryText":[2,"max-lines-secondary-text"]}],[1,"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]}],[1,"limel-spinner",{"size":[513],"limeBranded":[4,"lime-branded"]}]]],["p-f8ca6b3e",[[1,"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"],"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]}],[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],"menuItems":[16]}]]],["p-c1cbba2c",[[17,"limel-button",{"label":[513],"primary":[516],"outlined":[516],"icon":[513],"disabled":[516],"loading":[516],"loadingFailed":[516,"loading-failed"],"justLoaded":[32]}]]]]'),e)));
|
|
2
2
|
//# sourceMappingURL=lime-elements.esm.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,h as e,H as i,g as r}from"./p-443111b3.js";import{a as o}from"./p-8cb56052.js";import{c as s}from"./p-3ccdc4a3.js";import"./p-eab67c09.js";const n='@charset "UTF-8";:host{--mdc-theme-primary:var(\n --lime-primary-color,\n rgb(var(--color-teal-default))\n );--mdc-theme-secondary:var(\n --lime-secondary-color,\n rgb(var(--contrast-1100))\n );--mdc-theme-on-primary:var(\n --lime-on-primary-color,\n rgb(var(--contrast-100))\n );--mdc-theme-on-secondary:var(\n --lime-on-secondary-color,\n rgb(var(--contrast-100))\n );--mdc-theme-text-disabled-on-background:var(\n --lime-text-disabled-on-background-color,\n rgba(var(--contrast-1700), 0.38)\n );--mdc-theme-text-primary-on-background:var(\n --lime-text-primary-on-background-color,\n rgba(var(--contrast-1700), 0.87)\n );--mdc-theme-text-secondary-on-background:var(\n --lime-text-secondary-on-background-color,\n rgba(var(--contrast-1700), 0.54)\n );--mdc-theme-error:var(\n --lime-error-background-color,\n rgb(var(--color-red-dark))\n );--lime-error-text-color:rgb(var(--color-red-darker));--mdc-theme-surface:var(\n --lime-surface-background-color,\n rgb(var(--contrast-100))\n );--mdc-theme-on-surface:var(\n --lime-on-surface-color,\n rgb(var(--contrast-1500))\n )}:host([hidden]){display:none}:host(limel-badge){--limel-min-badge-size:1rem;display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;min-height:var(--limel-min-badge-size);min-width:var(--limel-min-badge-size)}span{cursor:default;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:0.6875rem;line-height:var(--limel-min-badge-size);color:var(--badge-text-color, rgb(var(--contrast-1200)));border-radius:var(--limel-min-badge-size);max-height:var(--limel-min-badge-size);min-width:0.5rem;min-height:0.5rem;background-color:var(--badge-background-color, rgb(var(--contrast-500)))}span:not(:empty){min-width:var(--limel-min-badge-size);max-width:2.75rem;padding:0 0.28125rem}:host(.has-large-label) span{cursor:help}';const a=class{constructor(e){t(this,e);this.label=undefined}render(){return e(i,{title:this.labelIsLarge()?this.label:"",class:{"has-large-label":this.labelIsLarge()}},e("span",null,this.renderLabel()))}renderLabel(){if(typeof this.label==="number"){return o(this.label)}return this.label}labelIsLarge(){const t=999;const e=6;if(typeof this.label==="number"&&this.label>t||typeof this.label==="string"&&this.label.length>e){return true}}};a.style=n;function l(t,e){let i=e;do{i=i.parentNode}while(i&&i.nodeType!==Node.DOCUMENT_FRAGMENT_NODE&&i.nodeType!==Node.DOCUMENT_NODE);return i===null||i===void 0?void 0:i.getElementById(t)}const h=500;class d{constructor(t,e,i=h){this.timerHandle=null;this.showCallback=t;this.hideCallback=e;this.delayForShowing=i}showAfterDelay(){if(!this.timerHandle){this.timerHandle=setTimeout(this.showCallback,this.delayForShowing)}}hide(){clearTimeout(this.timerHandle);this.timerHandle=null;this.hideCallback()}}const c=":host(limel-tooltip){position:absolute;pointer-events:none}";const m=50;const u=class{constructor(e){t(this,e);this.showTooltip=()=>{this.tooltipTimer.showAfterDelay()};this.hideTooltip=()=>{this.tooltipTimer.hide()};this.elementId=undefined;this.label=undefined;this.helperLabel=undefined;this.maxlength=m;this.openDirection="top";this.open=undefined;this.portalId=s();this.tooltipId=s();this.tooltipTimer=new d((()=>this.open=true),(()=>this.open=false))}connectedCallback(){this.ownerElement=l(this.elementId,this.host);this.setOwnerAriaLabel();this.addListeners()}disconnectedCallback(){this.removeListeners()}render(){const t=getComputedStyle(this.host).getPropertyValue("--tooltip-z-index");return e("div",{class:"trigger-anchor"},e("limel-portal",{openDirection:this.openDirection,visible:this.open,containerId:this.portalId,containerStyle:{"z-index":t,"pointer-events":"none"},anchor:this.ownerElement},e("limel-tooltip-content",{label:this.label,helperLabel:this.helperLabel,maxlength:this.maxlength,role:"tooltip","aria-hidden":!this.open,id:this.tooltipId})))}setOwnerAriaLabel(){var t;(t=this.ownerElement)===null||t===void 0?void 0:t.setAttribute("aria-describedby",this.tooltipId)}addListeners(){var t,e,i,r;(t=this.ownerElement)===null||t===void 0?void 0:t.addEventListener("mouseover",this.showTooltip);(e=this.ownerElement)===null||e===void 0?void 0:e.addEventListener("mouseout",this.hideTooltip);(i=this.ownerElement)===null||i===void 0?void 0:i.addEventListener("focus",this.showTooltip);(r=this.ownerElement)===null||r===void 0?void 0:r.addEventListener("blur",this.hideTooltip)}removeListeners(){var t,e,i,r;(t=this.ownerElement)===null||t===void 0?void 0:t.removeEventListener("mouseover",this.showTooltip);(e=this.ownerElement)===null||e===void 0?void 0:e.removeEventListener("mouseout",this.hideTooltip);(i=this.ownerElement)===null||i===void 0?void 0:i.removeEventListener("focus",this.showTooltip);(r=this.ownerElement)===null||r===void 0?void 0:r.removeEventListener("blur",this.hideTooltip)}get host(){return r(this)}};u.style=c;const b=":host(limel-tooltip-content){
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,h as e,H as i,g as r}from"./p-443111b3.js";import{a as o}from"./p-8cb56052.js";import{c as s}from"./p-3ccdc4a3.js";import"./p-eab67c09.js";const n='@charset "UTF-8";:host{--mdc-theme-primary:var(\n --lime-primary-color,\n rgb(var(--color-teal-default))\n );--mdc-theme-secondary:var(\n --lime-secondary-color,\n rgb(var(--contrast-1100))\n );--mdc-theme-on-primary:var(\n --lime-on-primary-color,\n rgb(var(--contrast-100))\n );--mdc-theme-on-secondary:var(\n --lime-on-secondary-color,\n rgb(var(--contrast-100))\n );--mdc-theme-text-disabled-on-background:var(\n --lime-text-disabled-on-background-color,\n rgba(var(--contrast-1700), 0.38)\n );--mdc-theme-text-primary-on-background:var(\n --lime-text-primary-on-background-color,\n rgba(var(--contrast-1700), 0.87)\n );--mdc-theme-text-secondary-on-background:var(\n --lime-text-secondary-on-background-color,\n rgba(var(--contrast-1700), 0.54)\n );--mdc-theme-error:var(\n --lime-error-background-color,\n rgb(var(--color-red-dark))\n );--lime-error-text-color:rgb(var(--color-red-darker));--mdc-theme-surface:var(\n --lime-surface-background-color,\n rgb(var(--contrast-100))\n );--mdc-theme-on-surface:var(\n --lime-on-surface-color,\n rgb(var(--contrast-1500))\n )}:host([hidden]){display:none}:host(limel-badge){--limel-min-badge-size:1rem;display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;min-height:var(--limel-min-badge-size);min-width:var(--limel-min-badge-size)}span{cursor:default;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:0.6875rem;line-height:var(--limel-min-badge-size);color:var(--badge-text-color, rgb(var(--contrast-1200)));border-radius:var(--limel-min-badge-size);max-height:var(--limel-min-badge-size);min-width:0.5rem;min-height:0.5rem;background-color:var(--badge-background-color, rgb(var(--contrast-500)))}span:not(:empty){min-width:var(--limel-min-badge-size);max-width:2.75rem;padding:0 0.28125rem}:host(.has-large-label) span{cursor:help}';const a=class{constructor(e){t(this,e);this.label=undefined}render(){return e(i,{title:this.labelIsLarge()?this.label:"",class:{"has-large-label":this.labelIsLarge()}},e("span",null,this.renderLabel()))}renderLabel(){if(typeof this.label==="number"){return o(this.label)}return this.label}labelIsLarge(){const t=999;const e=6;if(typeof this.label==="number"&&this.label>t||typeof this.label==="string"&&this.label.length>e){return true}}};a.style=n;function l(t,e){let i=e;do{i=i.parentNode}while(i&&i.nodeType!==Node.DOCUMENT_FRAGMENT_NODE&&i.nodeType!==Node.DOCUMENT_NODE);return i===null||i===void 0?void 0:i.getElementById(t)}const h=500;class d{constructor(t,e,i=h){this.timerHandle=null;this.showCallback=t;this.hideCallback=e;this.delayForShowing=i}showAfterDelay(){if(!this.timerHandle){this.timerHandle=setTimeout(this.showCallback,this.delayForShowing)}}hide(){clearTimeout(this.timerHandle);this.timerHandle=null;this.hideCallback()}}const c=":host(limel-tooltip){position:absolute;pointer-events:none}";const m=50;const u=class{constructor(e){t(this,e);this.showTooltip=()=>{this.tooltipTimer.showAfterDelay()};this.hideTooltip=()=>{this.tooltipTimer.hide()};this.elementId=undefined;this.label=undefined;this.helperLabel=undefined;this.maxlength=m;this.openDirection="top";this.open=undefined;this.portalId=s();this.tooltipId=s();this.tooltipTimer=new d((()=>this.open=true),(()=>this.open=false))}connectedCallback(){this.ownerElement=l(this.elementId,this.host);this.setOwnerAriaLabel();this.addListeners()}disconnectedCallback(){this.removeListeners()}render(){const t=getComputedStyle(this.host).getPropertyValue("--tooltip-z-index");return e("div",{class:"trigger-anchor"},e("limel-portal",{openDirection:this.openDirection,visible:this.open,containerId:this.portalId,containerStyle:{"z-index":t,"pointer-events":"none"},anchor:this.ownerElement},e("limel-tooltip-content",{label:this.label,helperLabel:this.helperLabel,maxlength:this.maxlength,role:"tooltip","aria-hidden":!this.open,id:this.tooltipId})))}setOwnerAriaLabel(){var t;(t=this.ownerElement)===null||t===void 0?void 0:t.setAttribute("aria-describedby",this.tooltipId)}addListeners(){var t,e,i,r;(t=this.ownerElement)===null||t===void 0?void 0:t.addEventListener("mouseover",this.showTooltip);(e=this.ownerElement)===null||e===void 0?void 0:e.addEventListener("mouseout",this.hideTooltip);(i=this.ownerElement)===null||i===void 0?void 0:i.addEventListener("focus",this.showTooltip);(r=this.ownerElement)===null||r===void 0?void 0:r.addEventListener("blur",this.hideTooltip)}removeListeners(){var t,e,i,r;(t=this.ownerElement)===null||t===void 0?void 0:t.removeEventListener("mouseover",this.showTooltip);(e=this.ownerElement)===null||e===void 0?void 0:e.removeEventListener("mouseout",this.hideTooltip);(i=this.ownerElement)===null||i===void 0?void 0:i.removeEventListener("focus",this.showTooltip);(r=this.ownerElement)===null||r===void 0?void 0:r.removeEventListener("blur",this.hideTooltip)}get host(){return r(this)}};u.style=c;const b=":host(limel-tooltip-content){display:flex;border-radius:0.25rem;padding:0.25rem 0.5rem;background-color:rgb(var(--contrast-1300));box-shadow:var(--shadow-depth-16)}text{font-size:0.875rem;line-height:1.25;display:flex;column-gap:1rem}text.has-column-layout{display:table-cell;width:fit-content;max-width:min(var(--tooltip-max-width-of-text), 80vw)}text.has-column-layout .label{padding-bottom:0.5rem}text.has-column-layout .helper-label{padding-bottom:0.25rem}.label{color:rgb(var(--contrast-200))}.helper-label{color:rgb(var(--contrast-800))}.helper-label:empty{display:none}";const v=class{constructor(e){t(this,e);this.label=undefined;this.helperLabel=undefined;this.maxlength=undefined}render(){let t=false;if(this.helperLabel&&this.maxlength){t=this.label.length+this.helperLabel.length>this.maxlength}const i={};if(this.maxlength){i.style={"--tooltip-max-width-of-text":`${this.maxlength}`+"ch"}}return[e("text",Object.assign({class:{"has-column-layout":t}},i),e("div",{class:"label"},this.label),e("div",{class:"helper-label"},this.helperLabel))]}};v.style=b;export{a as limel_badge,u as limel_tooltip,v as limel_tooltip_content};
|
|
2
|
+
//# sourceMappingURL=p-0b3a043a.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["badgeCss","Badge","render","h","Host","title","this","labelIsLarge","label","class","renderLabel","abbreviate","largeNumericLabel","largeStringLabel","length","getOwnerElement","id","startingPoint","element","parentNode","nodeType","Node","DOCUMENT_FRAGMENT_NODE","DOCUMENT_NODE","getElementById","DEFAULT_DELAY_FOR_SHOWING","TooltipTimer","constructor","showCallback","hideCallback","delayForShowing","timerHandle","showAfterDelay","setTimeout","hide","clearTimeout","tooltipCss","DEFAULT_MAX_LENGTH","Tooltip","hostRef","showTooltip","tooltipTimer","hideTooltip","portalId","createRandomString","tooltipId","open","connectedCallback","ownerElement","elementId","host","setOwnerAriaLabel","addListeners","disconnectedCallback","removeListeners","tooltipZIndex","getComputedStyle","getPropertyValue","openDirection","visible","containerId","containerStyle","anchor","helperLabel","maxlength","role","_a","setAttribute","addEventListener","_b","_c","_d","removeEventListener","tooltipContentCss","TooltipContent","isLabelsTextLong","props","style","Object","assign"],"sources":["./src/components/badge/badge.scss?tag=limel-badge&encapsulation=shadow","./src/components/badge/badge.tsx","./src/components/tooltip/getOwnerElement.tsx","./src/components/tooltip/tooltipTimer.ts","./src/components/tooltip/tooltip.scss?tag=limel-tooltip&encapsulation=shadow","./src/components/tooltip/tooltip.tsx","./src/components/tooltip/tooltip-content.scss?tag=limel-tooltip-content&encapsulation=shadow","./src/components/tooltip/tooltip-content.tsx"],"sourcesContent":["@use '../../style/functions';\n@use '../../style/internal/lime-theme';\n@use '../../style/mixins';\n\n/**\n * @prop --badge-background-color: badge background color\n * @prop --badge-text-color: badge text color\n */\n\n:host([hidden]) {\n display: none;\n}\n\n:host(limel-badge) {\n --limel-min-badge-size: 1rem;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n flex-shrink: 0;\n min-height: var(--limel-min-badge-size);\n min-width: var(--limel-min-badge-size);\n}\n\nspan {\n cursor: default;\n box-sizing: border-box;\n\n @include mixins.truncate-text;\n text-align: center;\n font-size: functions.pxToRem(11);\n line-height: var(--limel-min-badge-size);\n\n color: var(--badge-text-color, rgb(var(--contrast-1200)));\n\n border-radius: var(--limel-min-badge-size);\n max-height: var(--limel-min-badge-size);\n min-width: 0.5rem;\n min-height: 0.5rem;\n\n background-color: var(--badge-background-color, rgb(var(--contrast-500)));\n\n &:not(:empty) {\n min-width: var(\n --limel-min-badge-size\n ); // ensures that a badge with only one character rendered as perfect circle\n max-width: 2.75rem;\n padding: 0 functions.pxToRem(4.5);\n }\n}\n\n:host(.has-large-label) {\n span {\n cursor: help;\n }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport { abbreviate } from './format';\n\n/**\n * The Badge component can be used to display a notification badge,\n * optionally with a number or a text label.\n *\n * @exampleComponent limel-example-badge\n * @exampleComponent limel-example-badge-number\n * @exampleComponent limel-example-badge-string\n */\n@Component({\n tag: 'limel-badge',\n styleUrl: 'badge.scss',\n shadow: true,\n})\nexport class Badge {\n /**\n * Label to display in the badge.\n * Numeric labels larger than 999 will be rounded and abbreviated.\n * String labels get truncated if their length is longer than\n * six characters.\n */\n @Prop({ reflect: true })\n public label?: number | string;\n\n public render() {\n return (\n <Host\n title={this.labelIsLarge() ? this.label : ''}\n class={{\n 'has-large-label': this.labelIsLarge(),\n }}\n >\n <span>{this.renderLabel()}</span>\n </Host>\n );\n }\n\n private renderLabel() {\n if (typeof this.label === 'number') {\n return abbreviate(this.label);\n }\n\n return this.label;\n }\n\n private labelIsLarge() {\n const largeNumericLabel = 999;\n const largeStringLabel = 6;\n if (\n (typeof this.label === 'number' &&\n this.label > largeNumericLabel) ||\n (typeof this.label === 'string' &&\n this.label.length > largeStringLabel)\n ) {\n return true;\n }\n }\n}\n","export function getOwnerElement(\n id: string,\n startingPoint: Node,\n): HTMLElement | undefined {\n let element: Node = startingPoint;\n\n do {\n element = element.parentNode;\n } while (\n element &&\n element.nodeType !== Node.DOCUMENT_FRAGMENT_NODE &&\n element.nodeType !== Node.DOCUMENT_NODE\n );\n\n return (element as ShadowRoot)?.getElementById(id);\n}\n","const DEFAULT_DELAY_FOR_SHOWING = 500;\n\nexport class TooltipTimer {\n private timerHandle: number | null = null;\n private showCallback: Function;\n private hideCallback: Function;\n private delayForShowing: number;\n\n constructor(\n showCallback: Function,\n hideCallback: Function,\n delayForShowing: number = DEFAULT_DELAY_FOR_SHOWING,\n ) {\n this.showCallback = showCallback;\n this.hideCallback = hideCallback;\n this.delayForShowing = delayForShowing;\n }\n\n showAfterDelay(): void {\n if (!this.timerHandle) {\n this.timerHandle = setTimeout(\n this.showCallback,\n this.delayForShowing,\n );\n }\n }\n\n hide(): void {\n clearTimeout(this.timerHandle);\n this.timerHandle = null;\n this.hideCallback();\n }\n}\n","/**\n * @prop --tooltip-z-index: z-index of the tooltip.\n */\n\n:host(limel-tooltip) {\n // Absolutely positioning ensures that this invisible element\n // does not occupy visible space in the UI.\n // Without this, `limel-tooltip` could in many cases\n // mess up the layout, where it is used.\n // For example, inside a `grid` or `flex` section,\n // every instance of the tooltip would take some space,\n // creating gaps and empty holes.\n position: absolute;\n pointer-events: none;\n}\n","import { Component, h, Prop, Element, State } from '@stencil/core';\nimport { JSX } from 'react';\nimport { createRandomString } from '../../util/random-string';\nimport { OpenDirection } from '../menu/menu.types';\nimport { getOwnerElement } from './getOwnerElement';\nimport { TooltipTimer } from './tooltipTimer';\n\nconst DEFAULT_MAX_LENGTH = 50;\n\n/**\n * A tooltip can be used to display a descriptive text for any element.\n * The displayed content must be a brief and supplemental string of text,\n * identifying the element or describing its function for the user,\n * helping them better understand unfamiliar objects that aren't described\n * directly in the UI.\n *\n * ## Interaction\n * The tooltip appears after a slight delay, when the element is hovered;\n * and disappears as soon as the cursor leaves the element.\n * Therefore, users cannot interact with the tip, but if the trigger element\n * itself is interactive, it will remain interactible even with a tooltip bound\n * to it.\n *\n * :::note\n * In order to display the tooltip, the tooltip element and its trigger element\n * must be within the same document or document fragment (the same shadowRoot).\n * Often, it's easiest to just place them next to each other like in the example\n * below, but if you need to, you can place them differently.\n *\n * ```html\n * <limel-button icon=\"search\" id=\"tooltip-example\" />\n * <limel-tooltip label=\"Search\" elementId=\"tooltip-example\" />\n * ```\n * :::\n *\n * ## Usage\n * - Keep in mind that tooltips can be distracting, and can be perceived as an interruption.\n * Use them only when they add significant value.\n * - A good tip is concise, helpful, and informative.\n * Don't explain the obvious or simply repeat what is already on the screen.\n * When used correctly, supplemental info of a tooltip helps to [declutter the UI](/#/DesignGuidelines/decluttering.md/).\n * - If the tip is essential to the primary tasks that the user is performing,\n * such as warnings or important notes, include the information directly in the\n * interface instead.\n * - When a component offers a helper text (e.g. [Input field](/#/component/limel-input-field/)),\n * use that, not a tooltip.\n * - Make sure to use the tooltip on an element that users naturally and\n * effortlessly recognize can be hovered.\n *\n * @exampleComponent limel-example-tooltip-basic\n * @exampleComponent limel-example-tooltip-max-character\n * @exampleComponent limel-example-tooltip-composite\n */\n@Component({\n tag: 'limel-tooltip',\n shadow: true,\n styleUrl: 'tooltip.scss',\n})\nexport class Tooltip {\n /**\n * ID of the owner element that the tooltip should describe.\n * Must be a child within the same document fragment as the tooltip element\n * itself.\n */\n @Prop({ reflect: true })\n public elementId!: string;\n\n /**\n * Short descriptive text of the owner element.\n */\n @Prop({ reflect: true })\n public label!: string;\n\n /**\n * Additional helper text for the element.\n * Example usage can be a keyboard shortcut to activate the function of the\n * owner element.\n */\n @Prop({ reflect: true })\n public helperLabel?: string;\n\n /**\n * The maximum amount of characters before rendering 'label' and\n * 'helperLabel' in two rows.\n */\n @Prop({ reflect: true })\n public maxlength?: number = DEFAULT_MAX_LENGTH;\n\n /**\n * Decides the tooltip's location in relation to its trigger.\n */\n @Prop({ reflect: true })\n public openDirection: OpenDirection = 'top';\n\n @Element()\n private host: HTMLLimelTooltipElement;\n\n @State()\n private open: boolean;\n\n private portalId: string;\n private tooltipId: string;\n private ownerElement: HTMLElement;\n private tooltipTimer: TooltipTimer;\n\n public constructor() {\n this.portalId = createRandomString();\n this.tooltipId = createRandomString();\n this.tooltipTimer = new TooltipTimer(\n () => (this.open = true),\n () => (this.open = false),\n );\n }\n\n public connectedCallback() {\n this.ownerElement = getOwnerElement(this.elementId, this.host);\n this.setOwnerAriaLabel();\n this.addListeners();\n }\n\n public disconnectedCallback() {\n this.removeListeners();\n }\n\n public render(): JSX.Element {\n const tooltipZIndex = getComputedStyle(this.host).getPropertyValue(\n '--tooltip-z-index',\n );\n\n return (\n <div class=\"trigger-anchor\">\n <limel-portal\n openDirection={this.openDirection}\n visible={this.open}\n containerId={this.portalId}\n containerStyle={{\n 'z-index': tooltipZIndex,\n 'pointer-events': 'none',\n }}\n anchor={this.ownerElement}\n >\n <limel-tooltip-content\n label={this.label}\n helperLabel={this.helperLabel}\n maxlength={this.maxlength}\n role=\"tooltip\"\n aria-hidden={!this.open}\n id={this.tooltipId}\n />\n </limel-portal>\n </div>\n );\n }\n\n private setOwnerAriaLabel() {\n this.ownerElement?.setAttribute('aria-describedby', this.tooltipId);\n }\n\n private addListeners() {\n this.ownerElement?.addEventListener('mouseover', this.showTooltip);\n this.ownerElement?.addEventListener('mouseout', this.hideTooltip);\n this.ownerElement?.addEventListener('focus', this.showTooltip);\n this.ownerElement?.addEventListener('blur', this.hideTooltip);\n }\n\n private removeListeners() {\n this.ownerElement?.removeEventListener('mouseover', this.showTooltip);\n this.ownerElement?.removeEventListener('mouseout', this.hideTooltip);\n this.ownerElement?.removeEventListener('focus', this.showTooltip);\n this.ownerElement?.removeEventListener('blur', this.hideTooltip);\n }\n\n private showTooltip = () => {\n this.tooltipTimer.showAfterDelay();\n };\n\n private hideTooltip = () => {\n this.tooltipTimer.hide();\n };\n}\n",":host(limel-tooltip-content) {\n animation: display-tooltip 0.2s ease;\n display: flex;\n\n border-radius: 0.25rem;\n padding: 0.25rem 0.5rem;\n background-color: rgb(var(--contrast-1300));\n box-shadow: var(--shadow-depth-16);\n}\n\ntext {\n font-size: 0.875rem; // 14px\n line-height: 1.25;\n display: flex;\n column-gap: 1rem;\n\n &.has-column-layout {\n display: table-cell;\n width: fit-content;\n max-width: min(var(--tooltip-max-width-of-text), 80vw);\n .label {\n padding-bottom: 0.5rem;\n }\n .helper-label {\n padding-bottom: 0.25rem;\n }\n }\n}\n\n.label {\n color: rgb(var(--contrast-200));\n}\n\n.helper-label {\n color: rgb(var(--contrast-800));\n\n &:empty {\n display: none;\n }\n}\n\n@keyframes display-tooltip {\n 0% {\n opacity: 0;\n transform: translate3d(0, 0, 0) scale(0.94);\n }\n 100% {\n opacity: 1;\n transform: translate3d(0, 0, 0) scale(1);\n }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * This component is used internally by `limel-tooltip`.\n *\n * @private\n */\n@Component({\n tag: 'limel-tooltip-content',\n shadow: true,\n styleUrl: 'tooltip-content.scss',\n})\nexport class TooltipContent {\n /**\n * Read more in tooltip.tsx\n */\n @Prop({ reflect: true })\n label!: string;\n\n /**\n * Read more in tooltip.tsx\n */\n @Prop({ reflect: true })\n helperLabel?: string;\n\n /**\n * Read more in tooltip.tsx\n */\n @Prop({ reflect: true })\n maxlength?: number;\n\n public render() {\n let isLabelsTextLong = false;\n if (this.helperLabel && this.maxlength) {\n isLabelsTextLong =\n this.label.length + this.helperLabel.length > this.maxlength;\n }\n\n const props: any = {};\n if (this.maxlength) {\n props.style = {\n '--tooltip-max-width-of-text': `${this.maxlength}` + 'ch',\n };\n }\n\n return [\n <text class={{ 'has-column-layout': isLabelsTextLong }} {...props}>\n <div class=\"label\">{this.label}</div>\n <div class=\"helper-label\">{this.helperLabel}</div>\n </text>,\n ];\n }\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["badgeCss","Badge","render","h","Host","title","this","labelIsLarge","label","class","renderLabel","abbreviate","largeNumericLabel","largeStringLabel","length","getOwnerElement","id","startingPoint","element","parentNode","nodeType","Node","DOCUMENT_FRAGMENT_NODE","DOCUMENT_NODE","getElementById","DEFAULT_DELAY_FOR_SHOWING","TooltipTimer","constructor","showCallback","hideCallback","delayForShowing","timerHandle","showAfterDelay","setTimeout","hide","clearTimeout","tooltipCss","DEFAULT_MAX_LENGTH","Tooltip","hostRef","showTooltip","tooltipTimer","hideTooltip","portalId","createRandomString","tooltipId","open","connectedCallback","ownerElement","elementId","host","setOwnerAriaLabel","addListeners","disconnectedCallback","removeListeners","tooltipZIndex","getComputedStyle","getPropertyValue","openDirection","visible","containerId","containerStyle","anchor","helperLabel","maxlength","role","_a","setAttribute","addEventListener","_b","_c","_d","removeEventListener","tooltipContentCss","TooltipContent","isLabelsTextLong","props","style","Object","assign"],"sources":["./src/components/badge/badge.scss?tag=limel-badge&encapsulation=shadow","./src/components/badge/badge.tsx","./src/components/tooltip/getOwnerElement.tsx","./src/components/tooltip/tooltipTimer.ts","./src/components/tooltip/tooltip.scss?tag=limel-tooltip&encapsulation=shadow","./src/components/tooltip/tooltip.tsx","./src/components/tooltip/tooltip-content.scss?tag=limel-tooltip-content&encapsulation=shadow","./src/components/tooltip/tooltip-content.tsx"],"sourcesContent":["@use '../../style/functions';\n@use '../../style/internal/lime-theme';\n@use '../../style/mixins';\n\n/**\n * @prop --badge-background-color: badge background color\n * @prop --badge-text-color: badge text color\n */\n\n:host([hidden]) {\n display: none;\n}\n\n:host(limel-badge) {\n --limel-min-badge-size: 1rem;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n flex-shrink: 0;\n min-height: var(--limel-min-badge-size);\n min-width: var(--limel-min-badge-size);\n}\n\nspan {\n cursor: default;\n box-sizing: border-box;\n\n @include mixins.truncate-text;\n text-align: center;\n font-size: functions.pxToRem(11);\n line-height: var(--limel-min-badge-size);\n\n color: var(--badge-text-color, rgb(var(--contrast-1200)));\n\n border-radius: var(--limel-min-badge-size);\n max-height: var(--limel-min-badge-size);\n min-width: 0.5rem;\n min-height: 0.5rem;\n\n background-color: var(--badge-background-color, rgb(var(--contrast-500)));\n\n &:not(:empty) {\n min-width: var(\n --limel-min-badge-size\n ); // ensures that a badge with only one character rendered as perfect circle\n max-width: 2.75rem;\n padding: 0 functions.pxToRem(4.5);\n }\n}\n\n:host(.has-large-label) {\n span {\n cursor: help;\n }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport { abbreviate } from './format';\n\n/**\n * The Badge component can be used to display a notification badge,\n * optionally with a number or a text label.\n *\n * @exampleComponent limel-example-badge\n * @exampleComponent limel-example-badge-number\n * @exampleComponent limel-example-badge-string\n */\n@Component({\n tag: 'limel-badge',\n styleUrl: 'badge.scss',\n shadow: true,\n})\nexport class Badge {\n /**\n * Label to display in the badge.\n * Numeric labels larger than 999 will be rounded and abbreviated.\n * String labels get truncated if their length is longer than\n * six characters.\n */\n @Prop({ reflect: true })\n public label?: number | string;\n\n public render() {\n return (\n <Host\n title={this.labelIsLarge() ? this.label : ''}\n class={{\n 'has-large-label': this.labelIsLarge(),\n }}\n >\n <span>{this.renderLabel()}</span>\n </Host>\n );\n }\n\n private renderLabel() {\n if (typeof this.label === 'number') {\n return abbreviate(this.label);\n }\n\n return this.label;\n }\n\n private labelIsLarge() {\n const largeNumericLabel = 999;\n const largeStringLabel = 6;\n if (\n (typeof this.label === 'number' &&\n this.label > largeNumericLabel) ||\n (typeof this.label === 'string' &&\n this.label.length > largeStringLabel)\n ) {\n return true;\n }\n }\n}\n","export function getOwnerElement(\n id: string,\n startingPoint: Node,\n): HTMLElement | undefined {\n let element: Node = startingPoint;\n\n do {\n element = element.parentNode;\n } while (\n element &&\n element.nodeType !== Node.DOCUMENT_FRAGMENT_NODE &&\n element.nodeType !== Node.DOCUMENT_NODE\n );\n\n return (element as ShadowRoot)?.getElementById(id);\n}\n","const DEFAULT_DELAY_FOR_SHOWING = 500;\n\nexport class TooltipTimer {\n private timerHandle: number | null = null;\n private showCallback: Function;\n private hideCallback: Function;\n private delayForShowing: number;\n\n constructor(\n showCallback: Function,\n hideCallback: Function,\n delayForShowing: number = DEFAULT_DELAY_FOR_SHOWING,\n ) {\n this.showCallback = showCallback;\n this.hideCallback = hideCallback;\n this.delayForShowing = delayForShowing;\n }\n\n showAfterDelay(): void {\n if (!this.timerHandle) {\n this.timerHandle = setTimeout(\n this.showCallback,\n this.delayForShowing,\n );\n }\n }\n\n hide(): void {\n clearTimeout(this.timerHandle);\n this.timerHandle = null;\n this.hideCallback();\n }\n}\n","/**\n * @prop --tooltip-z-index: z-index of the tooltip.\n */\n\n:host(limel-tooltip) {\n // Absolutely positioning ensures that this invisible element\n // does not occupy visible space in the UI.\n // Without this, `limel-tooltip` could in many cases\n // mess up the layout, where it is used.\n // For example, inside a `grid` or `flex` section,\n // every instance of the tooltip would take some space,\n // creating gaps and empty holes.\n position: absolute;\n pointer-events: none;\n}\n","import { Component, h, Prop, Element, State } from '@stencil/core';\nimport { JSX } from 'react';\nimport { createRandomString } from '../../util/random-string';\nimport { OpenDirection } from '../menu/menu.types';\nimport { getOwnerElement } from './getOwnerElement';\nimport { TooltipTimer } from './tooltipTimer';\n\nconst DEFAULT_MAX_LENGTH = 50;\n\n/**\n * A tooltip can be used to display a descriptive text for any element.\n * The displayed content must be a brief and supplemental string of text,\n * identifying the element or describing its function for the user,\n * helping them better understand unfamiliar objects that aren't described\n * directly in the UI.\n *\n * ## Interaction\n * The tooltip appears after a slight delay, when the element is hovered;\n * and disappears as soon as the cursor leaves the element.\n * Therefore, users cannot interact with the tip, but if the trigger element\n * itself is interactive, it will remain interactible even with a tooltip bound\n * to it.\n *\n * :::note\n * In order to display the tooltip, the tooltip element and its trigger element\n * must be within the same document or document fragment (the same shadowRoot).\n * Often, it's easiest to just place them next to each other like in the example\n * below, but if you need to, you can place them differently.\n *\n * ```html\n * <limel-button icon=\"search\" id=\"tooltip-example\" />\n * <limel-tooltip label=\"Search\" elementId=\"tooltip-example\" />\n * ```\n * :::\n *\n * ## Usage\n * - Keep in mind that tooltips can be distracting, and can be perceived as an interruption.\n * Use them only when they add significant value.\n * - A good tip is concise, helpful, and informative.\n * Don't explain the obvious or simply repeat what is already on the screen.\n * When used correctly, supplemental info of a tooltip helps to [declutter the UI](/#/DesignGuidelines/decluttering.md/).\n * - If the tip is essential to the primary tasks that the user is performing,\n * such as warnings or important notes, include the information directly in the\n * interface instead.\n * - When a component offers a helper text (e.g. [Input field](/#/component/limel-input-field/)),\n * use that, not a tooltip.\n * - Make sure to use the tooltip on an element that users naturally and\n * effortlessly recognize can be hovered.\n *\n * @exampleComponent limel-example-tooltip-basic\n * @exampleComponent limel-example-tooltip-max-character\n * @exampleComponent limel-example-tooltip-composite\n */\n@Component({\n tag: 'limel-tooltip',\n shadow: true,\n styleUrl: 'tooltip.scss',\n})\nexport class Tooltip {\n /**\n * ID of the owner element that the tooltip should describe.\n * Must be a child within the same document fragment as the tooltip element\n * itself.\n */\n @Prop({ reflect: true })\n public elementId!: string;\n\n /**\n * Short descriptive text of the owner element.\n */\n @Prop({ reflect: true })\n public label!: string;\n\n /**\n * Additional helper text for the element.\n * Example usage can be a keyboard shortcut to activate the function of the\n * owner element.\n */\n @Prop({ reflect: true })\n public helperLabel?: string;\n\n /**\n * The maximum amount of characters before rendering 'label' and\n * 'helperLabel' in two rows.\n */\n @Prop({ reflect: true })\n public maxlength?: number = DEFAULT_MAX_LENGTH;\n\n /**\n * Decides the tooltip's location in relation to its trigger.\n */\n @Prop({ reflect: true })\n public openDirection: OpenDirection = 'top';\n\n @Element()\n private host: HTMLLimelTooltipElement;\n\n @State()\n private open: boolean;\n\n private portalId: string;\n private tooltipId: string;\n private ownerElement: HTMLElement;\n private tooltipTimer: TooltipTimer;\n\n public constructor() {\n this.portalId = createRandomString();\n this.tooltipId = createRandomString();\n this.tooltipTimer = new TooltipTimer(\n () => (this.open = true),\n () => (this.open = false),\n );\n }\n\n public connectedCallback() {\n this.ownerElement = getOwnerElement(this.elementId, this.host);\n this.setOwnerAriaLabel();\n this.addListeners();\n }\n\n public disconnectedCallback() {\n this.removeListeners();\n }\n\n public render(): JSX.Element {\n const tooltipZIndex = getComputedStyle(this.host).getPropertyValue(\n '--tooltip-z-index',\n );\n\n return (\n <div class=\"trigger-anchor\">\n <limel-portal\n openDirection={this.openDirection}\n visible={this.open}\n containerId={this.portalId}\n containerStyle={{\n 'z-index': tooltipZIndex,\n 'pointer-events': 'none',\n }}\n anchor={this.ownerElement}\n >\n <limel-tooltip-content\n label={this.label}\n helperLabel={this.helperLabel}\n maxlength={this.maxlength}\n role=\"tooltip\"\n aria-hidden={!this.open}\n id={this.tooltipId}\n />\n </limel-portal>\n </div>\n );\n }\n\n private setOwnerAriaLabel() {\n this.ownerElement?.setAttribute('aria-describedby', this.tooltipId);\n }\n\n private addListeners() {\n this.ownerElement?.addEventListener('mouseover', this.showTooltip);\n this.ownerElement?.addEventListener('mouseout', this.hideTooltip);\n this.ownerElement?.addEventListener('focus', this.showTooltip);\n this.ownerElement?.addEventListener('blur', this.hideTooltip);\n }\n\n private removeListeners() {\n this.ownerElement?.removeEventListener('mouseover', this.showTooltip);\n this.ownerElement?.removeEventListener('mouseout', this.hideTooltip);\n this.ownerElement?.removeEventListener('focus', this.showTooltip);\n this.ownerElement?.removeEventListener('blur', this.hideTooltip);\n }\n\n private showTooltip = () => {\n this.tooltipTimer.showAfterDelay();\n };\n\n private hideTooltip = () => {\n this.tooltipTimer.hide();\n };\n}\n",":host(limel-tooltip-content) {\n display: flex;\n\n border-radius: 0.25rem;\n padding: 0.25rem 0.5rem;\n background-color: rgb(var(--contrast-1300));\n box-shadow: var(--shadow-depth-16);\n}\n\ntext {\n font-size: 0.875rem; // 14px\n line-height: 1.25;\n display: flex;\n column-gap: 1rem;\n\n &.has-column-layout {\n display: table-cell;\n width: fit-content;\n max-width: min(var(--tooltip-max-width-of-text), 80vw);\n .label {\n padding-bottom: 0.5rem;\n }\n .helper-label {\n padding-bottom: 0.25rem;\n }\n }\n}\n\n.label {\n color: rgb(var(--contrast-200));\n}\n\n.helper-label {\n color: rgb(var(--contrast-800));\n\n &:empty {\n display: none;\n }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * This component is used internally by `limel-tooltip`.\n *\n * @private\n */\n@Component({\n tag: 'limel-tooltip-content',\n shadow: true,\n styleUrl: 'tooltip-content.scss',\n})\nexport class TooltipContent {\n /**\n * Read more in tooltip.tsx\n */\n @Prop({ reflect: true })\n label!: string;\n\n /**\n * Read more in tooltip.tsx\n */\n @Prop({ reflect: true })\n helperLabel?: string;\n\n /**\n * Read more in tooltip.tsx\n */\n @Prop({ reflect: true })\n maxlength?: number;\n\n public render() {\n let isLabelsTextLong = false;\n if (this.helperLabel && this.maxlength) {\n isLabelsTextLong =\n this.label.length + this.helperLabel.length > this.maxlength;\n }\n\n const props: any = {};\n if (this.maxlength) {\n props.style = {\n '--tooltip-max-width-of-text': `${this.maxlength}` + 'ch',\n };\n }\n\n return [\n <text class={{ 'has-column-layout': isLabelsTextLong }} {...props}>\n <div class=\"label\">{this.label}</div>\n <div class=\"helper-label\">{this.helperLabel}</div>\n </text>,\n ];\n }\n}\n"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,h as r,g as e}from"./p-443111b3.js";import{g as n}from"./p-2c35fb9d.js";class i{constructor(t){this.promises={};this.cache=t}async get(t,r=""){const e=await this.cache;const n=this.getUrl(t,r);let i=await e.match(n);if(!i){i=await this.fetchData(n,e)}return this.getIcon(i)}async fetchData(t,r){let e=this.promises[t];if(e===undefined){e=r.add(t);this.promises[t]=e}await e;return r.match(t)}async getIcon(t){let r=await t.text();r=r.replace(/#000000/g,"currentColor");if(!this.validSvg(r)){throw new Error("Invalid SVG")}return r}validSvg(t){const r=new DOMParser;const e=r.parseFromString(t,"image/svg+xml");return e.documentElement.tagName.toLowerCase()==="svg"}getUrl(t,r){let e=r||"";if(r&&!r.endsWith("/")){e=`${r}/`}return`${e}assets/icons/${t}.svg`}}class a{constructor(){this.cache={};this.resolveFunctions={}}async get(t,r=""){if(!this.cache[t]){this.cache[t]=await this.getIcon(t,r)}return this.cache[t]}getIcon(t,r){return new Promise((e=>{if(!this.resolveFunctions[t]){this.resolveFunctions[t]=[];this.fetchData(t,r)}this.resolveFunctions[t].push(e)}))}async fetchData(t,r){let e=r||"";if(r&&!r.endsWith("/")){e=`${r}/`}const n=await fetch(`${e}assets/icons/${t}.svg`);let i=await n.text();i=i.replace(/#000000/g,"currentColor");if(!this.validSvg(i)){throw new Error("Invalid SVG")}this.resolvePromises(t,i)}validSvg(t){const r=new DOMParser;const e=r.parseFromString(t,"image/svg+xml");return e.documentElement.tagName.toLowerCase()==="svg"}resolvePromises(t,r){const e=this.resolveFunctions[t];e.forEach((t=>{t(r)}));this.resolveFunctions[t]=null}}const o="@limetech/lime-elements/icons";function s(){try{const t=caches.open(o);return new i(t)}catch(t){return new a}}const u=(()=>s())();const f=":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}";const v=class{constructor(r){t(this,r);this.size=undefined;this.name=undefined;this.badge=undefined}componentDidLoad(){this.loadIcon(this.name)}render(){return r("div",{class:"container"})}async loadIcon(t){if(t===undefined||t===""){return}const r=await this.loadSvg(t);this.renderSvg(r)}loadSvg(t){return u.get(t,n.iconPath)}renderSvg(t){const r=this.host.shadowRoot.querySelector("div.container");if(r){r.innerHTML=t}}get host(){return e(this)}static get watchers(){return{name:["loadIcon"]}}};v.style=f;var c="top";var l="bottom";var h="right";var d="left";var p="auto";var m=[c,l,h,d];var b="start";var g="end";var y="clippingParents";var w="viewport";var x="popper";var O="reference";var j=m.reduce((function(t,r){return t.concat([r+"-"+b,r+"-"+g])}),[]);var k=[].concat(m,[p]).reduce((function(t,r){return t.concat([r,r+"-"+b,r+"-"+g])}),[]);var M="beforeRead";var C="read";var P="afterRead";var S="beforeMain";var z="main";var A="afterMain";var E="beforeWrite";var I="write";var W="afterWrite";var q=[M,C,P,S,z,A,E,I,W];function R(t){return t?(t.nodeName||"").toLowerCase():null}function $(t){if(t==null){return window}if(t.toString()!=="[object Window]"){var r=t.ownerDocument;return r?r.defaultView||window:window}return t}function B(t){var r=$(t).Element;return t instanceof r||t instanceof Element}function D(t){var r=$(t).HTMLElement;return t instanceof r||t instanceof HTMLElement}function L(t){if(typeof ShadowRoot==="undefined"){return false}var r=$(t).ShadowRoot;return t instanceof r||t instanceof ShadowRoot}function H(t){var r=t.state;Object.keys(r.elements).forEach((function(t){var e=r.styles[t]||{};var n=r.attributes[t]||{};var i=r.elements[t];if(!D(i)||!R(i)){return}Object.assign(i.style,e);Object.keys(n).forEach((function(t){var r=n[t];if(r===false){i.removeAttribute(t)}else{i.setAttribute(t,r===true?"":r)}}))}))}function T(t){var r=t.state;var e={popper:{position:r.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(r.elements.popper.style,e.popper);r.styles=e;if(r.elements.arrow){Object.assign(r.elements.arrow.style,e.arrow)}return function(){Object.keys(r.elements).forEach((function(t){var n=r.elements[t];var i=r.attributes[t]||{};var a=Object.keys(r.styles.hasOwnProperty(t)?r.styles[t]:e[t]);var o=a.reduce((function(t,r){t[r]="";return t}),{});if(!D(n)||!R(n)){return}Object.assign(n.style,o);Object.keys(i).forEach((function(t){n.removeAttribute(t)}))}))}}const V={name:"applyStyles",enabled:true,phase:"write",fn:H,effect:T,requires:["computeStyles"]};function F(t){return t.split("-")[0]}var _=Math.max;var G=Math.min;var U=Math.round;function J(){var t=navigator.userAgentData;if(t!=null&&t.brands&&Array.isArray(t.brands)){return t.brands.map((function(t){return t.brand+"/"+t.version})).join(" ")}return navigator.userAgent}function K(){return!/^((?!chrome|android).)*safari/i.test(J())}function N(t,r,e){if(r===void 0){r=false}if(e===void 0){e=false}var n=t.getBoundingClientRect();var i=1;var a=1;if(r&&D(t)){i=t.offsetWidth>0?U(n.width)/t.offsetWidth||1:1;a=t.offsetHeight>0?U(n.height)/t.offsetHeight||1:1}var o=B(t)?$(t):window,s=o.visualViewport;var u=!K()&&e;var f=(n.left+(u&&s?s.offsetLeft:0))/i;var v=(n.top+(u&&s?s.offsetTop:0))/a;var c=n.width/i;var l=n.height/a;return{width:c,height:l,top:v,right:f+c,bottom:v+l,left:f,x:f,y:v}}function Q(t){var r=N(t);var e=t.offsetWidth;var n=t.offsetHeight;if(Math.abs(r.width-e)<=1){e=r.width}if(Math.abs(r.height-n)<=1){n=r.height}return{x:t.offsetLeft,y:t.offsetTop,width:e,height:n}}function X(t,r){var e=r.getRootNode&&r.getRootNode();if(t.contains(r)){return true}else if(e&&L(e)){var n=r;do{if(n&&t.isSameNode(n)){return true}n=n.parentNode||n.host}while(n)}return false}function Y(t){return $(t).getComputedStyle(t)}function Z(t){return["table","td","th"].indexOf(R(t))>=0}function tt(t){return((B(t)?t.ownerDocument:t.document)||window.document).documentElement}function rt(t){if(R(t)==="html"){return t}return t.assignedSlot||t.parentNode||(L(t)?t.host:null)||tt(t)}function et(t){if(!D(t)||Y(t).position==="fixed"){return null}return t.offsetParent}function nt(t){var r=/firefox/i.test(J());var e=/Trident/i.test(J());if(e&&D(t)){var n=Y(t);if(n.position==="fixed"){return null}}var i=rt(t);if(L(i)){i=i.host}while(D(i)&&["html","body"].indexOf(R(i))<0){var a=Y(i);if(a.transform!=="none"||a.perspective!=="none"||a.contain==="paint"||["transform","perspective"].indexOf(a.willChange)!==-1||r&&a.willChange==="filter"||r&&a.filter&&a.filter!=="none"){return i}else{i=i.parentNode}}return null}function it(t){var r=$(t);var e=et(t);while(e&&Z(e)&&Y(e).position==="static"){e=et(e)}if(e&&(R(e)==="html"||R(e)==="body"&&Y(e).position==="static")){return r}return e||nt(t)||r}function at(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function ot(t,r,e){return _(t,G(r,e))}function st(t,r,e){var n=ot(t,r,e);return n>e?e:n}function ut(){return{top:0,right:0,bottom:0,left:0}}function ft(t){return Object.assign({},ut(),t)}function vt(t,r){return r.reduce((function(r,e){r[e]=t;return r}),{})}var ct=function t(r,e){r=typeof r==="function"?r(Object.assign({},e.rects,{placement:e.placement})):r;return ft(typeof r!=="number"?r:vt(r,m))};function lt(t){var r;var e=t.state,n=t.name,i=t.options;var a=e.elements.arrow;var o=e.modifiersData.popperOffsets;var s=F(e.placement);var u=at(s);var f=[d,h].indexOf(s)>=0;var v=f?"height":"width";if(!a||!o){return}var p=ct(i.padding,e);var m=Q(a);var b=u==="y"?c:d;var g=u==="y"?l:h;var y=e.rects.reference[v]+e.rects.reference[u]-o[u]-e.rects.popper[v];var w=o[u]-e.rects.reference[u];var x=it(a);var O=x?u==="y"?x.clientHeight||0:x.clientWidth||0:0;var j=y/2-w/2;var k=p[b];var M=O-m[v]-p[g];var C=O/2-m[v]/2+j;var P=ot(k,C,M);var S=u;e.modifiersData[n]=(r={},r[S]=P,r.centerOffset=P-C,r)}function ht(t){var r=t.state,e=t.options;var n=e.element,i=n===void 0?"[data-popper-arrow]":n;if(i==null){return}if(typeof i==="string"){i=r.elements.popper.querySelector(i);if(!i){return}}if(!X(r.elements.popper,i)){return}r.elements.arrow=i}const dt={name:"arrow",enabled:true,phase:"main",fn:lt,effect:ht,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function pt(t){return t.split("-")[1]}var mt={top:"auto",right:"auto",bottom:"auto",left:"auto"};function bt(t,r){var e=t.x,n=t.y;var i=r.devicePixelRatio||1;return{x:U(e*i)/i||0,y:U(n*i)/i||0}}function gt(t){var r;var e=t.popper,n=t.popperRect,i=t.placement,a=t.variation,o=t.offsets,s=t.position,u=t.gpuAcceleration,f=t.adaptive,v=t.roundOffsets,p=t.isFixed;var m=o.x,b=m===void 0?0:m,y=o.y,w=y===void 0?0:y;var x=typeof v==="function"?v({x:b,y:w}):{x:b,y:w};b=x.x;w=x.y;var O=o.hasOwnProperty("x");var j=o.hasOwnProperty("y");var k=d;var M=c;var C=window;if(f){var P=it(e);var S="clientHeight";var z="clientWidth";if(P===$(e)){P=tt(e);if(Y(P).position!=="static"&&s==="absolute"){S="scrollHeight";z="scrollWidth"}}P=P;if(i===c||(i===d||i===h)&&a===g){M=l;var A=p&&P===C&&C.visualViewport?C.visualViewport.height:P[S];w-=A-n.height;w*=u?1:-1}if(i===d||(i===c||i===l)&&a===g){k=h;var E=p&&P===C&&C.visualViewport?C.visualViewport.width:P[z];b-=E-n.width;b*=u?1:-1}}var I=Object.assign({position:s},f&&mt);var W=v===true?bt({x:b,y:w},$(e)):{x:b,y:w};b=W.x;w=W.y;if(u){var q;return Object.assign({},I,(q={},q[M]=j?"0":"",q[k]=O?"0":"",q.transform=(C.devicePixelRatio||1)<=1?"translate("+b+"px, "+w+"px)":"translate3d("+b+"px, "+w+"px, 0)",q))}return Object.assign({},I,(r={},r[M]=j?w+"px":"",r[k]=O?b+"px":"",r.transform="",r))}function yt(t){var r=t.state,e=t.options;var n=e.gpuAcceleration,i=n===void 0?true:n,a=e.adaptive,o=a===void 0?true:a,s=e.roundOffsets,u=s===void 0?true:s;var f={placement:F(r.placement),variation:pt(r.placement),popper:r.elements.popper,popperRect:r.rects.popper,gpuAcceleration:i,isFixed:r.options.strategy==="fixed"};if(r.modifiersData.popperOffsets!=null){r.styles.popper=Object.assign({},r.styles.popper,gt(Object.assign({},f,{offsets:r.modifiersData.popperOffsets,position:r.options.strategy,adaptive:o,roundOffsets:u})))}if(r.modifiersData.arrow!=null){r.styles.arrow=Object.assign({},r.styles.arrow,gt(Object.assign({},f,{offsets:r.modifiersData.arrow,position:"absolute",adaptive:false,roundOffsets:u})))}r.attributes.popper=Object.assign({},r.attributes.popper,{"data-popper-placement":r.placement})}const wt={name:"computeStyles",enabled:true,phase:"beforeWrite",fn:yt,data:{}};var xt={passive:true};function Ot(t){var r=t.state,e=t.instance,n=t.options;var i=n.scroll,a=i===void 0?true:i,o=n.resize,s=o===void 0?true:o;var u=$(r.elements.popper);var f=[].concat(r.scrollParents.reference,r.scrollParents.popper);if(a){f.forEach((function(t){t.addEventListener("scroll",e.update,xt)}))}if(s){u.addEventListener("resize",e.update,xt)}return function(){if(a){f.forEach((function(t){t.removeEventListener("scroll",e.update,xt)}))}if(s){u.removeEventListener("resize",e.update,xt)}}}const jt={name:"eventListeners",enabled:true,phase:"write",fn:function t(){},effect:Ot,data:{}};var kt={left:"right",right:"left",bottom:"top",top:"bottom"};function Mt(t){return t.replace(/left|right|bottom|top/g,(function(t){return kt[t]}))}var Ct={start:"end",end:"start"};function Pt(t){return t.replace(/start|end/g,(function(t){return Ct[t]}))}function St(t){var r=$(t);var e=r.pageXOffset;var n=r.pageYOffset;return{scrollLeft:e,scrollTop:n}}function zt(t){return N(tt(t)).left+St(t).scrollLeft}function At(t,r){var e=$(t);var n=tt(t);var i=e.visualViewport;var a=n.clientWidth;var o=n.clientHeight;var s=0;var u=0;if(i){a=i.width;o=i.height;var f=K();if(f||!f&&r==="fixed"){s=i.offsetLeft;u=i.offsetTop}}return{width:a,height:o,x:s+zt(t),y:u}}function Et(t){var r;var e=tt(t);var n=St(t);var i=(r=t.ownerDocument)==null?void 0:r.body;var a=_(e.scrollWidth,e.clientWidth,i?i.scrollWidth:0,i?i.clientWidth:0);var o=_(e.scrollHeight,e.clientHeight,i?i.scrollHeight:0,i?i.clientHeight:0);var s=-n.scrollLeft+zt(t);var u=-n.scrollTop;if(Y(i||e).direction==="rtl"){s+=_(e.clientWidth,i?i.clientWidth:0)-a}return{width:a,height:o,x:s,y:u}}function It(t){var r=Y(t),e=r.overflow,n=r.overflowX,i=r.overflowY;return/auto|scroll|overlay|hidden/.test(e+i+n)}function Wt(t){if(["html","body","#document"].indexOf(R(t))>=0){return t.ownerDocument.body}if(D(t)&&It(t)){return t}return Wt(rt(t))}function qt(t,r){var e;if(r===void 0){r=[]}var n=Wt(t);var i=n===((e=t.ownerDocument)==null?void 0:e.body);var a=$(n);var o=i?[a].concat(a.visualViewport||[],It(n)?n:[]):n;var s=r.concat(o);return i?s:s.concat(qt(rt(o)))}function Rt(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function $t(t,r){var e=N(t,false,r==="fixed");e.top=e.top+t.clientTop;e.left=e.left+t.clientLeft;e.bottom=e.top+t.clientHeight;e.right=e.left+t.clientWidth;e.width=t.clientWidth;e.height=t.clientHeight;e.x=e.left;e.y=e.top;return e}function Bt(t,r,e){return r===w?Rt(At(t,e)):B(r)?$t(r,e):Rt(Et(tt(t)))}function Dt(t){var r=qt(rt(t));var e=["absolute","fixed"].indexOf(Y(t).position)>=0;var n=e&&D(t)?it(t):t;if(!B(n)){return[]}return r.filter((function(t){return B(t)&&X(t,n)&&R(t)!=="body"}))}function Lt(t,r,e,n){var i=r==="clippingParents"?Dt(t):[].concat(r);var a=[].concat(i,[e]);var o=a[0];var s=a.reduce((function(r,e){var i=Bt(t,e,n);r.top=_(i.top,r.top);r.right=G(i.right,r.right);r.bottom=G(i.bottom,r.bottom);r.left=_(i.left,r.left);return r}),Bt(t,o,n));s.width=s.right-s.left;s.height=s.bottom-s.top;s.x=s.left;s.y=s.top;return s}function Ht(t){var r=t.reference,e=t.element,n=t.placement;var i=n?F(n):null;var a=n?pt(n):null;var o=r.x+r.width/2-e.width/2;var s=r.y+r.height/2-e.height/2;var u;switch(i){case c:u={x:o,y:r.y-e.height};break;case l:u={x:o,y:r.y+r.height};break;case h:u={x:r.x+r.width,y:s};break;case d:u={x:r.x-e.width,y:s};break;default:u={x:r.x,y:r.y}}var f=i?at(i):null;if(f!=null){var v=f==="y"?"height":"width";switch(a){case b:u[f]=u[f]-(r[v]/2-e[v]/2);break;case g:u[f]=u[f]+(r[v]/2-e[v]/2);break}}return u}function Tt(t,r){if(r===void 0){r={}}var e=r,n=e.placement,i=n===void 0?t.placement:n,a=e.strategy,o=a===void 0?t.strategy:a,s=e.boundary,u=s===void 0?y:s,f=e.rootBoundary,v=f===void 0?w:f,d=e.elementContext,p=d===void 0?x:d,b=e.altBoundary,g=b===void 0?false:b,j=e.padding,k=j===void 0?0:j;var M=ft(typeof k!=="number"?k:vt(k,m));var C=p===x?O:x;var P=t.rects.popper;var S=t.elements[g?C:p];var z=Lt(B(S)?S:S.contextElement||tt(t.elements.popper),u,v,o);var A=N(t.elements.reference);var E=Ht({reference:A,element:P,strategy:"absolute",placement:i});var I=Rt(Object.assign({},P,E));var W=p===x?I:A;var q={top:z.top-W.top+M.top,bottom:W.bottom-z.bottom+M.bottom,left:z.left-W.left+M.left,right:W.right-z.right+M.right};var R=t.modifiersData.offset;if(p===x&&R){var $=R[i];Object.keys(q).forEach((function(t){var r=[h,l].indexOf(t)>=0?1:-1;var e=[c,l].indexOf(t)>=0?"y":"x";q[t]+=$[e]*r}))}return q}function Vt(t,r){if(r===void 0){r={}}var e=r,n=e.placement,i=e.boundary,a=e.rootBoundary,o=e.padding,s=e.flipVariations,u=e.allowedAutoPlacements,f=u===void 0?k:u;var v=pt(n);var c=v?s?j:j.filter((function(t){return pt(t)===v})):m;var l=c.filter((function(t){return f.indexOf(t)>=0}));if(l.length===0){l=c}var h=l.reduce((function(r,e){r[e]=Tt(t,{placement:e,boundary:i,rootBoundary:a,padding:o})[F(e)];return r}),{});return Object.keys(h).sort((function(t,r){return h[t]-h[r]}))}function Ft(t){if(F(t)===p){return[]}var r=Mt(t);return[Pt(t),r,Pt(r)]}function _t(t){var r=t.state,e=t.options,n=t.name;if(r.modifiersData[n]._skip){return}var i=e.mainAxis,a=i===void 0?true:i,o=e.altAxis,s=o===void 0?true:o,u=e.fallbackPlacements,f=e.padding,v=e.boundary,m=e.rootBoundary,g=e.altBoundary,y=e.flipVariations,w=y===void 0?true:y,x=e.allowedAutoPlacements;var O=r.options.placement;var j=F(O);var k=j===O;var M=u||(k||!w?[Mt(O)]:Ft(O));var C=[O].concat(M).reduce((function(t,e){return t.concat(F(e)===p?Vt(r,{placement:e,boundary:v,rootBoundary:m,padding:f,flipVariations:w,allowedAutoPlacements:x}):e)}),[]);var P=r.rects.reference;var S=r.rects.popper;var z=new Map;var A=true;var E=C[0];for(var I=0;I<C.length;I++){var W=C[I];var q=F(W);var R=pt(W)===b;var $=[c,l].indexOf(q)>=0;var B=$?"width":"height";var D=Tt(r,{placement:W,boundary:v,rootBoundary:m,altBoundary:g,padding:f});var L=$?R?h:d:R?l:c;if(P[B]>S[B]){L=Mt(L)}var H=Mt(L);var T=[];if(a){T.push(D[q]<=0)}if(s){T.push(D[L]<=0,D[H]<=0)}if(T.every((function(t){return t}))){E=W;A=false;break}z.set(W,T)}if(A){var V=w?3:1;var _=function t(r){var e=C.find((function(t){var e=z.get(t);if(e){return e.slice(0,r).every((function(t){return t}))}}));if(e){E=e;return"break"}};for(var G=V;G>0;G--){var U=_(G);if(U==="break")break}}if(r.placement!==E){r.modifiersData[n]._skip=true;r.placement=E;r.reset=true}}const Gt={name:"flip",enabled:true,phase:"main",fn:_t,requiresIfExists:["offset"],data:{_skip:false}};function Ut(t,r,e){if(e===void 0){e={x:0,y:0}}return{top:t.top-r.height-e.y,right:t.right-r.width+e.x,bottom:t.bottom-r.height+e.y,left:t.left-r.width-e.x}}function Jt(t){return[c,h,l,d].some((function(r){return t[r]>=0}))}function Kt(t){var r=t.state,e=t.name;var n=r.rects.reference;var i=r.rects.popper;var a=r.modifiersData.preventOverflow;var o=Tt(r,{elementContext:"reference"});var s=Tt(r,{altBoundary:true});var u=Ut(o,n);var f=Ut(s,i,a);var v=Jt(u);var c=Jt(f);r.modifiersData[e]={referenceClippingOffsets:u,popperEscapeOffsets:f,isReferenceHidden:v,hasPopperEscaped:c};r.attributes.popper=Object.assign({},r.attributes.popper,{"data-popper-reference-hidden":v,"data-popper-escaped":c})}const Nt={name:"hide",enabled:true,phase:"main",requiresIfExists:["preventOverflow"],fn:Kt};function Qt(t,r,e){var n=F(t);var i=[d,c].indexOf(n)>=0?-1:1;var a=typeof e==="function"?e(Object.assign({},r,{placement:t})):e,o=a[0],s=a[1];o=o||0;s=(s||0)*i;return[d,h].indexOf(n)>=0?{x:s,y:o}:{x:o,y:s}}function Xt(t){var r=t.state,e=t.options,n=t.name;var i=e.offset,a=i===void 0?[0,0]:i;var o=k.reduce((function(t,e){t[e]=Qt(e,r.rects,a);return t}),{});var s=o[r.placement],u=s.x,f=s.y;if(r.modifiersData.popperOffsets!=null){r.modifiersData.popperOffsets.x+=u;r.modifiersData.popperOffsets.y+=f}r.modifiersData[n]=o}const Yt={name:"offset",enabled:true,phase:"main",requires:["popperOffsets"],fn:Xt};function Zt(t){var r=t.state,e=t.name;r.modifiersData[e]=Ht({reference:r.rects.reference,element:r.rects.popper,strategy:"absolute",placement:r.placement})}const tr={name:"popperOffsets",enabled:true,phase:"read",fn:Zt,data:{}};function rr(t){return t==="x"?"y":"x"}function er(t){var r=t.state,e=t.options,n=t.name;var i=e.mainAxis,a=i===void 0?true:i,o=e.altAxis,s=o===void 0?false:o,u=e.boundary,f=e.rootBoundary,v=e.altBoundary,p=e.padding,m=e.tether,g=m===void 0?true:m,y=e.tetherOffset,w=y===void 0?0:y;var x=Tt(r,{boundary:u,rootBoundary:f,padding:p,altBoundary:v});var O=F(r.placement);var j=pt(r.placement);var k=!j;var M=at(O);var C=rr(M);var P=r.modifiersData.popperOffsets;var S=r.rects.reference;var z=r.rects.popper;var A=typeof w==="function"?w(Object.assign({},r.rects,{placement:r.placement})):w;var E=typeof A==="number"?{mainAxis:A,altAxis:A}:Object.assign({mainAxis:0,altAxis:0},A);var I=r.modifiersData.offset?r.modifiersData.offset[r.placement]:null;var W={x:0,y:0};if(!P){return}if(a){var q;var R=M==="y"?c:d;var $=M==="y"?l:h;var B=M==="y"?"height":"width";var D=P[M];var L=D+x[R];var H=D-x[$];var T=g?-z[B]/2:0;var V=j===b?S[B]:z[B];var U=j===b?-z[B]:-S[B];var J=r.elements.arrow;var K=g&&J?Q(J):{width:0,height:0};var N=r.modifiersData["arrow#persistent"]?r.modifiersData["arrow#persistent"].padding:ut();var X=N[R];var Y=N[$];var Z=ot(0,S[B],K[B]);var tt=k?S[B]/2-T-Z-X-E.mainAxis:V-Z-X-E.mainAxis;var rt=k?-S[B]/2+T+Z+Y+E.mainAxis:U+Z+Y+E.mainAxis;var et=r.elements.arrow&&it(r.elements.arrow);var nt=et?M==="y"?et.clientTop||0:et.clientLeft||0:0;var ft=(q=I==null?void 0:I[M])!=null?q:0;var vt=D+tt-ft-nt;var ct=D+rt-ft;var lt=ot(g?G(L,vt):L,D,g?_(H,ct):H);P[M]=lt;W[M]=lt-D}if(s){var ht;var dt=M==="x"?c:d;var mt=M==="x"?l:h;var bt=P[C];var gt=C==="y"?"height":"width";var yt=bt+x[dt];var wt=bt-x[mt];var xt=[c,d].indexOf(O)!==-1;var Ot=(ht=I==null?void 0:I[C])!=null?ht:0;var jt=xt?yt:bt-S[gt]-z[gt]-Ot+E.altAxis;var kt=xt?bt+S[gt]+z[gt]-Ot-E.altAxis:wt;var Mt=g&&xt?st(jt,bt,kt):ot(g?jt:yt,bt,g?kt:wt);P[C]=Mt;W[C]=Mt-bt}r.modifiersData[n]=W}const nr={name:"preventOverflow",enabled:true,phase:"main",fn:er,requiresIfExists:["offset"]};function ir(t){return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}function ar(t){if(t===$(t)||!D(t)){return St(t)}else{return ir(t)}}function or(t){var r=t.getBoundingClientRect();var e=U(r.width)/t.offsetWidth||1;var n=U(r.height)/t.offsetHeight||1;return e!==1||n!==1}function sr(t,r,e){if(e===void 0){e=false}var n=D(r);var i=D(r)&&or(r);var a=tt(r);var o=N(t,i,e);var s={scrollLeft:0,scrollTop:0};var u={x:0,y:0};if(n||!n&&!e){if(R(r)!=="body"||It(a)){s=ar(r)}if(D(r)){u=N(r,true);u.x+=r.clientLeft;u.y+=r.clientTop}else if(a){u.x=zt(a)}}return{x:o.left+s.scrollLeft-u.x,y:o.top+s.scrollTop-u.y,width:o.width,height:o.height}}function ur(t){var r=new Map;var e=new Set;var n=[];t.forEach((function(t){r.set(t.name,t)}));function i(t){e.add(t.name);var a=[].concat(t.requires||[],t.requiresIfExists||[]);a.forEach((function(t){if(!e.has(t)){var n=r.get(t);if(n){i(n)}}}));n.push(t)}t.forEach((function(t){if(!e.has(t.name)){i(t)}}));return n}function fr(t){var r=ur(t);return q.reduce((function(t,e){return t.concat(r.filter((function(t){return t.phase===e})))}),[])}function vr(t){var r;return function(){if(!r){r=new Promise((function(e){Promise.resolve().then((function(){r=undefined;e(t())}))}))}return r}}function cr(t){var r=t.reduce((function(t,r){var e=t[r.name];t[r.name]=e?Object.assign({},e,r,{options:Object.assign({},e.options,r.options),data:Object.assign({},e.data,r.data)}):r;return t}),{});return Object.keys(r).map((function(t){return r[t]}))}var lr={placement:"bottom",modifiers:[],strategy:"absolute"};function hr(){for(var t=arguments.length,r=new Array(t),e=0;e<t;e++){r[e]=arguments[e]}return!r.some((function(t){return!(t&&typeof t.getBoundingClientRect==="function")}))}function dr(t){if(t===void 0){t={}}var r=t,e=r.defaultModifiers,n=e===void 0?[]:e,i=r.defaultOptions,a=i===void 0?lr:i;return function t(r,e,i){if(i===void 0){i=a}var o={placement:"bottom",orderedModifiers:[],options:Object.assign({},lr,a),modifiersData:{},elements:{reference:r,popper:e},attributes:{},styles:{}};var s=[];var u=false;var f={state:o,setOptions:function t(i){var s=typeof i==="function"?i(o.options):i;c();o.options=Object.assign({},a,o.options,s);o.scrollParents={reference:B(r)?qt(r):r.contextElement?qt(r.contextElement):[],popper:qt(e)};var u=fr(cr([].concat(n,o.options.modifiers)));o.orderedModifiers=u.filter((function(t){return t.enabled}));v();return f.update()},forceUpdate:function t(){if(u){return}var r=o.elements,e=r.reference,n=r.popper;if(!hr(e,n)){return}o.rects={reference:sr(e,it(n),o.options.strategy==="fixed"),popper:Q(n)};o.reset=false;o.placement=o.options.placement;o.orderedModifiers.forEach((function(t){return o.modifiersData[t.name]=Object.assign({},t.data)}));for(var i=0;i<o.orderedModifiers.length;i++){if(o.reset===true){o.reset=false;i=-1;continue}var a=o.orderedModifiers[i],s=a.fn,v=a.options,c=v===void 0?{}:v,l=a.name;if(typeof s==="function"){o=s({state:o,options:c,name:l,instance:f})||o}}},update:vr((function(){return new Promise((function(t){f.forceUpdate();t(o)}))})),destroy:function t(){c();u=true}};if(!hr(r,e)){return f}f.setOptions(i).then((function(t){if(!u&&i.onFirstUpdate){i.onFirstUpdate(t)}}));function v(){o.orderedModifiers.forEach((function(t){var r=t.name,e=t.options,n=e===void 0?{}:e,i=t.effect;if(typeof i==="function"){var a=i({state:o,name:r,instance:f,options:n});var u=function t(){};s.push(a||u)}}))}function c(){s.forEach((function(t){return t()}));s=[]}return f}}var pr=[jt,tr,wt,V,Yt,Gt,nr,dt,Nt];var mr=dr({defaultModifiers:pr});const br=":host(limel-portal){display:block;position:absolute;top:0;bottom:0;width:100%;pointer-events:none}:host([hidden]){display:none}slot{display:none}";const gr="is-visible";const yr=class{constructor(r){t(this,r);this.loaded=false;this.openDirection="bottom";this.position="absolute";this.containerId=undefined;this.containerStyle={};this.parent=document.body;this.inheritParentWidth=false;this.visible=false;this.anchor=null;this.parents=new WeakMap}disconnectedCallback(){this.removeContainer();this.destroyPopper();if(this.observer){this.observer.unobserve(this.container)}}connectedCallback(){if(!this.loaded){return}if(this.visible){this.init()}}componentDidLoad(){this.loaded=true;this.connectedCallback()}init(){this.createContainer();this.hideContainer();this.attachContainer();this.styleContainer();if(this.visible){this.createPopper();this.showContainer()}if("ResizeObserver"in window){const t=new ResizeObserver((()=>{if(this.popperInstance){this.styleContainer();this.popperInstance.update()}}));t.observe(this.container)}}render(){return r("slot",null)}onVisible(){if(!this.container&&this.visible){this.init()}if(!this.visible){this.hideContainer();this.styleContainer();this.destroyPopper();return}this.styleContainer();this.createPopper();requestAnimationFrame((()=>{this.showContainer()}))}createContainer(){const t=this.host.shadowRoot.querySelector("slot");const r=t.assignedElements&&t.assignedElements()||[];this.container=document.createElement("div");this.container.setAttribute("id",this.containerId);this.container.setAttribute("class","limel-portal--container");Object.assign(this.container,{portalSource:this.host});r.forEach((t=>{this.parents.set(t,t.parentElement);this.container.appendChild(t)}))}attachContainer(){this.parent.appendChild(this.container)}removeContainer(){if(!this.container){return}Array.from(this.container.children).forEach((t=>{const r=this.parents.get(t);if(!r){return}r.appendChild(t)}));this.hideContainer();this.container.parentElement.removeChild(this.container)}hideContainer(){if(!this.container){return}this.container.classList.remove(gr)}showContainer(){this.container.classList.add(gr)}styleContainer(){this.setContainerWidth();this.setContainerHeight();this.setContainerStyles()}setContainerWidth(){const t=this.host.getBoundingClientRect().width;if(this.inheritParentWidth){const r=this.getContentWidth(this.container);let e=r;if(t>0){e=t}this.container.style.width=`${e}px`}}getContentWidth(t){if(!t){return null}const r=t.getBoundingClientRect().width;if(r!==0){return r}const e=t.querySelector("*");return this.getContentWidth(e)}setContainerStyles(){Object.keys(this.containerStyle).forEach((t=>{this.container.style[t]=this.containerStyle[t]}))}createPopper(){const t=this.createPopperConfig();this.popperInstance=mr(this.anchor||this.host,this.container,t)}destroyPopper(){var t;(t=this.popperInstance)===null||t===void 0?void 0:t.destroy();this.popperInstance=null}createPopperConfig(){const t=this.getPlacement(this.openDirection);const r=this.getFlipPlacement(this.openDirection);return{strategy:this.position,placement:t,modifiers:[{name:"flip",options:{fallbackPlacements:[r]}}]}}getPlacement(t){const r={"left-start":"left-start",left:"left","left-end":"left-end","right-start":"right-start",right:"right","right-end":"right-end","top-start":"top-start",top:"top","top-end":"top-end","bottom-start":"bottom-start",bottom:"bottom","bottom-end":"bottom-end"};return r[t]}getFlipPlacement(t){const r={"left-start":"right-start",left:"right","left-end":"right-end","right-start":"left-start",right:"left","right-end":"left-end","top-start":"bottom-start",top:"bottom","top-end":"bottom-end","bottom-start":"top-start",bottom:"top","bottom-end":"top-end"};return r[t]}setContainerHeight(){const t=Math.max(document.documentElement.clientHeight||0,window.innerHeight||0);const{top:r,bottom:e}=this.host.getBoundingClientRect();const n=Math.max(r,0);const i=Math.max(t-e,0);const a=16;const o=Math.max(n,i)-a;this.container.style.maxHeight=`${o}px`}get host(){return e(this)}static get watchers(){return{visible:["onVisible"]}}};yr.style=br;export{v as limel_icon,yr as limel_portal};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,h as r,g as e}from"./p-443111b3.js";import{g as n}from"./p-2c35fb9d.js";class i{constructor(t){this.promises={};this.cache=t}async get(t,r=""){const e=await this.cache;const n=this.getUrl(t,r);let i=await e.match(n);if(!i){i=await this.fetchData(n,e)}return this.getIcon(i)}async fetchData(t,r){let e=this.promises[t];if(e===undefined){e=r.add(t);this.promises[t]=e}await e;return r.match(t)}async getIcon(t){let r=await t.text();r=r.replace(/#000000/g,"currentColor");if(!this.validSvg(r)){throw new Error("Invalid SVG")}return r}validSvg(t){const r=new DOMParser;const e=r.parseFromString(t,"image/svg+xml");return e.documentElement.tagName.toLowerCase()==="svg"}getUrl(t,r){let e=r||"";if(r&&!r.endsWith("/")){e=`${r}/`}return`${e}assets/icons/${t}.svg`}}class a{constructor(){this.cache={};this.resolveFunctions={}}async get(t,r=""){if(!this.cache[t]){this.cache[t]=await this.getIcon(t,r)}return this.cache[t]}getIcon(t,r){return new Promise((e=>{if(!this.resolveFunctions[t]){this.resolveFunctions[t]=[];this.fetchData(t,r)}this.resolveFunctions[t].push(e)}))}async fetchData(t,r){let e=r||"";if(r&&!r.endsWith("/")){e=`${r}/`}const n=await fetch(`${e}assets/icons/${t}.svg`);let i=await n.text();i=i.replace(/#000000/g,"currentColor");if(!this.validSvg(i)){throw new Error("Invalid SVG")}this.resolvePromises(t,i)}validSvg(t){const r=new DOMParser;const e=r.parseFromString(t,"image/svg+xml");return e.documentElement.tagName.toLowerCase()==="svg"}resolvePromises(t,r){const e=this.resolveFunctions[t];e.forEach((t=>{t(r)}));this.resolveFunctions[t]=null}}const o="@limetech/lime-elements/icons";function s(){try{const t=caches.open(o);return new i(t)}catch(t){return new a}}const u=(()=>s())();const f=":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}";const v=class{constructor(r){t(this,r);this.size=undefined;this.name=undefined;this.badge=undefined}componentDidLoad(){this.loadIcon(this.name)}render(){return r("div",{class:"container"})}async loadIcon(t){if(t===undefined||t===""){return}const r=await this.loadSvg(t);this.renderSvg(r)}loadSvg(t){return u.get(t,n.iconPath)}renderSvg(t){const r=this.host.shadowRoot.querySelector("div.container");if(r){r.innerHTML=t}}get host(){return e(this)}static get watchers(){return{name:["loadIcon"]}}};v.style=f;var c="top";var l="bottom";var h="right";var d="left";var p="auto";var m=[c,l,h,d];var b="start";var g="end";var y="clippingParents";var w="viewport";var x="popper";var O="reference";var j=m.reduce((function(t,r){return t.concat([r+"-"+b,r+"-"+g])}),[]);var k=[].concat(m,[p]).reduce((function(t,r){return t.concat([r,r+"-"+b,r+"-"+g])}),[]);var C="beforeRead";var M="read";var P="afterRead";var S="beforeMain";var z="main";var A="afterMain";var E="beforeWrite";var I="write";var W="afterWrite";var q=[C,M,P,S,z,A,E,I,W];function R(t){return t?(t.nodeName||"").toLowerCase():null}function $(t){if(t==null){return window}if(t.toString()!=="[object Window]"){var r=t.ownerDocument;return r?r.defaultView||window:window}return t}function B(t){var r=$(t).Element;return t instanceof r||t instanceof Element}function D(t){var r=$(t).HTMLElement;return t instanceof r||t instanceof HTMLElement}function L(t){if(typeof ShadowRoot==="undefined"){return false}var r=$(t).ShadowRoot;return t instanceof r||t instanceof ShadowRoot}function H(t){var r=t.state;Object.keys(r.elements).forEach((function(t){var e=r.styles[t]||{};var n=r.attributes[t]||{};var i=r.elements[t];if(!D(i)||!R(i)){return}Object.assign(i.style,e);Object.keys(n).forEach((function(t){var r=n[t];if(r===false){i.removeAttribute(t)}else{i.setAttribute(t,r===true?"":r)}}))}))}function T(t){var r=t.state;var e={popper:{position:r.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(r.elements.popper.style,e.popper);r.styles=e;if(r.elements.arrow){Object.assign(r.elements.arrow.style,e.arrow)}return function(){Object.keys(r.elements).forEach((function(t){var n=r.elements[t];var i=r.attributes[t]||{};var a=Object.keys(r.styles.hasOwnProperty(t)?r.styles[t]:e[t]);var o=a.reduce((function(t,r){t[r]="";return t}),{});if(!D(n)||!R(n)){return}Object.assign(n.style,o);Object.keys(i).forEach((function(t){n.removeAttribute(t)}))}))}}const V={name:"applyStyles",enabled:true,phase:"write",fn:H,effect:T,requires:["computeStyles"]};function F(t){return t.split("-")[0]}var _=Math.max;var G=Math.min;var U=Math.round;function J(){var t=navigator.userAgentData;if(t!=null&&t.brands&&Array.isArray(t.brands)){return t.brands.map((function(t){return t.brand+"/"+t.version})).join(" ")}return navigator.userAgent}function K(){return!/^((?!chrome|android).)*safari/i.test(J())}function N(t,r,e){if(r===void 0){r=false}if(e===void 0){e=false}var n=t.getBoundingClientRect();var i=1;var a=1;if(r&&D(t)){i=t.offsetWidth>0?U(n.width)/t.offsetWidth||1:1;a=t.offsetHeight>0?U(n.height)/t.offsetHeight||1:1}var o=B(t)?$(t):window,s=o.visualViewport;var u=!K()&&e;var f=(n.left+(u&&s?s.offsetLeft:0))/i;var v=(n.top+(u&&s?s.offsetTop:0))/a;var c=n.width/i;var l=n.height/a;return{width:c,height:l,top:v,right:f+c,bottom:v+l,left:f,x:f,y:v}}function Q(t){var r=N(t);var e=t.offsetWidth;var n=t.offsetHeight;if(Math.abs(r.width-e)<=1){e=r.width}if(Math.abs(r.height-n)<=1){n=r.height}return{x:t.offsetLeft,y:t.offsetTop,width:e,height:n}}function X(t,r){var e=r.getRootNode&&r.getRootNode();if(t.contains(r)){return true}else if(e&&L(e)){var n=r;do{if(n&&t.isSameNode(n)){return true}n=n.parentNode||n.host}while(n)}return false}function Y(t){return $(t).getComputedStyle(t)}function Z(t){return["table","td","th"].indexOf(R(t))>=0}function tt(t){return((B(t)?t.ownerDocument:t.document)||window.document).documentElement}function rt(t){if(R(t)==="html"){return t}return t.assignedSlot||t.parentNode||(L(t)?t.host:null)||tt(t)}function et(t){if(!D(t)||Y(t).position==="fixed"){return null}return t.offsetParent}function nt(t){var r=/firefox/i.test(J());var e=/Trident/i.test(J());if(e&&D(t)){var n=Y(t);if(n.position==="fixed"){return null}}var i=rt(t);if(L(i)){i=i.host}while(D(i)&&["html","body"].indexOf(R(i))<0){var a=Y(i);if(a.transform!=="none"||a.perspective!=="none"||a.contain==="paint"||["transform","perspective"].indexOf(a.willChange)!==-1||r&&a.willChange==="filter"||r&&a.filter&&a.filter!=="none"){return i}else{i=i.parentNode}}return null}function it(t){var r=$(t);var e=et(t);while(e&&Z(e)&&Y(e).position==="static"){e=et(e)}if(e&&(R(e)==="html"||R(e)==="body"&&Y(e).position==="static")){return r}return e||nt(t)||r}function at(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function ot(t,r,e){return _(t,G(r,e))}function st(t,r,e){var n=ot(t,r,e);return n>e?e:n}function ut(){return{top:0,right:0,bottom:0,left:0}}function ft(t){return Object.assign({},ut(),t)}function vt(t,r){return r.reduce((function(r,e){r[e]=t;return r}),{})}var ct=function t(r,e){r=typeof r==="function"?r(Object.assign({},e.rects,{placement:e.placement})):r;return ft(typeof r!=="number"?r:vt(r,m))};function lt(t){var r;var e=t.state,n=t.name,i=t.options;var a=e.elements.arrow;var o=e.modifiersData.popperOffsets;var s=F(e.placement);var u=at(s);var f=[d,h].indexOf(s)>=0;var v=f?"height":"width";if(!a||!o){return}var p=ct(i.padding,e);var m=Q(a);var b=u==="y"?c:d;var g=u==="y"?l:h;var y=e.rects.reference[v]+e.rects.reference[u]-o[u]-e.rects.popper[v];var w=o[u]-e.rects.reference[u];var x=it(a);var O=x?u==="y"?x.clientHeight||0:x.clientWidth||0:0;var j=y/2-w/2;var k=p[b];var C=O-m[v]-p[g];var M=O/2-m[v]/2+j;var P=ot(k,M,C);var S=u;e.modifiersData[n]=(r={},r[S]=P,r.centerOffset=P-M,r)}function ht(t){var r=t.state,e=t.options;var n=e.element,i=n===void 0?"[data-popper-arrow]":n;if(i==null){return}if(typeof i==="string"){i=r.elements.popper.querySelector(i);if(!i){return}}if(!X(r.elements.popper,i)){return}r.elements.arrow=i}const dt={name:"arrow",enabled:true,phase:"main",fn:lt,effect:ht,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function pt(t){return t.split("-")[1]}var mt={top:"auto",right:"auto",bottom:"auto",left:"auto"};function bt(t,r){var e=t.x,n=t.y;var i=r.devicePixelRatio||1;return{x:U(e*i)/i||0,y:U(n*i)/i||0}}function gt(t){var r;var e=t.popper,n=t.popperRect,i=t.placement,a=t.variation,o=t.offsets,s=t.position,u=t.gpuAcceleration,f=t.adaptive,v=t.roundOffsets,p=t.isFixed;var m=o.x,b=m===void 0?0:m,y=o.y,w=y===void 0?0:y;var x=typeof v==="function"?v({x:b,y:w}):{x:b,y:w};b=x.x;w=x.y;var O=o.hasOwnProperty("x");var j=o.hasOwnProperty("y");var k=d;var C=c;var M=window;if(f){var P=it(e);var S="clientHeight";var z="clientWidth";if(P===$(e)){P=tt(e);if(Y(P).position!=="static"&&s==="absolute"){S="scrollHeight";z="scrollWidth"}}P=P;if(i===c||(i===d||i===h)&&a===g){C=l;var A=p&&P===M&&M.visualViewport?M.visualViewport.height:P[S];w-=A-n.height;w*=u?1:-1}if(i===d||(i===c||i===l)&&a===g){k=h;var E=p&&P===M&&M.visualViewport?M.visualViewport.width:P[z];b-=E-n.width;b*=u?1:-1}}var I=Object.assign({position:s},f&&mt);var W=v===true?bt({x:b,y:w},$(e)):{x:b,y:w};b=W.x;w=W.y;if(u){var q;return Object.assign({},I,(q={},q[C]=j?"0":"",q[k]=O?"0":"",q.transform=(M.devicePixelRatio||1)<=1?"translate("+b+"px, "+w+"px)":"translate3d("+b+"px, "+w+"px, 0)",q))}return Object.assign({},I,(r={},r[C]=j?w+"px":"",r[k]=O?b+"px":"",r.transform="",r))}function yt(t){var r=t.state,e=t.options;var n=e.gpuAcceleration,i=n===void 0?true:n,a=e.adaptive,o=a===void 0?true:a,s=e.roundOffsets,u=s===void 0?true:s;var f={placement:F(r.placement),variation:pt(r.placement),popper:r.elements.popper,popperRect:r.rects.popper,gpuAcceleration:i,isFixed:r.options.strategy==="fixed"};if(r.modifiersData.popperOffsets!=null){r.styles.popper=Object.assign({},r.styles.popper,gt(Object.assign({},f,{offsets:r.modifiersData.popperOffsets,position:r.options.strategy,adaptive:o,roundOffsets:u})))}if(r.modifiersData.arrow!=null){r.styles.arrow=Object.assign({},r.styles.arrow,gt(Object.assign({},f,{offsets:r.modifiersData.arrow,position:"absolute",adaptive:false,roundOffsets:u})))}r.attributes.popper=Object.assign({},r.attributes.popper,{"data-popper-placement":r.placement})}const wt={name:"computeStyles",enabled:true,phase:"beforeWrite",fn:yt,data:{}};var xt={passive:true};function Ot(t){var r=t.state,e=t.instance,n=t.options;var i=n.scroll,a=i===void 0?true:i,o=n.resize,s=o===void 0?true:o;var u=$(r.elements.popper);var f=[].concat(r.scrollParents.reference,r.scrollParents.popper);if(a){f.forEach((function(t){t.addEventListener("scroll",e.update,xt)}))}if(s){u.addEventListener("resize",e.update,xt)}return function(){if(a){f.forEach((function(t){t.removeEventListener("scroll",e.update,xt)}))}if(s){u.removeEventListener("resize",e.update,xt)}}}const jt={name:"eventListeners",enabled:true,phase:"write",fn:function t(){},effect:Ot,data:{}};var kt={left:"right",right:"left",bottom:"top",top:"bottom"};function Ct(t){return t.replace(/left|right|bottom|top/g,(function(t){return kt[t]}))}var Mt={start:"end",end:"start"};function Pt(t){return t.replace(/start|end/g,(function(t){return Mt[t]}))}function St(t){var r=$(t);var e=r.pageXOffset;var n=r.pageYOffset;return{scrollLeft:e,scrollTop:n}}function zt(t){return N(tt(t)).left+St(t).scrollLeft}function At(t,r){var e=$(t);var n=tt(t);var i=e.visualViewport;var a=n.clientWidth;var o=n.clientHeight;var s=0;var u=0;if(i){a=i.width;o=i.height;var f=K();if(f||!f&&r==="fixed"){s=i.offsetLeft;u=i.offsetTop}}return{width:a,height:o,x:s+zt(t),y:u}}function Et(t){var r;var e=tt(t);var n=St(t);var i=(r=t.ownerDocument)==null?void 0:r.body;var a=_(e.scrollWidth,e.clientWidth,i?i.scrollWidth:0,i?i.clientWidth:0);var o=_(e.scrollHeight,e.clientHeight,i?i.scrollHeight:0,i?i.clientHeight:0);var s=-n.scrollLeft+zt(t);var u=-n.scrollTop;if(Y(i||e).direction==="rtl"){s+=_(e.clientWidth,i?i.clientWidth:0)-a}return{width:a,height:o,x:s,y:u}}function It(t){var r=Y(t),e=r.overflow,n=r.overflowX,i=r.overflowY;return/auto|scroll|overlay|hidden/.test(e+i+n)}function Wt(t){if(["html","body","#document"].indexOf(R(t))>=0){return t.ownerDocument.body}if(D(t)&&It(t)){return t}return Wt(rt(t))}function qt(t,r){var e;if(r===void 0){r=[]}var n=Wt(t);var i=n===((e=t.ownerDocument)==null?void 0:e.body);var a=$(n);var o=i?[a].concat(a.visualViewport||[],It(n)?n:[]):n;var s=r.concat(o);return i?s:s.concat(qt(rt(o)))}function Rt(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function $t(t,r){var e=N(t,false,r==="fixed");e.top=e.top+t.clientTop;e.left=e.left+t.clientLeft;e.bottom=e.top+t.clientHeight;e.right=e.left+t.clientWidth;e.width=t.clientWidth;e.height=t.clientHeight;e.x=e.left;e.y=e.top;return e}function Bt(t,r,e){return r===w?Rt(At(t,e)):B(r)?$t(r,e):Rt(Et(tt(t)))}function Dt(t){var r=qt(rt(t));var e=["absolute","fixed"].indexOf(Y(t).position)>=0;var n=e&&D(t)?it(t):t;if(!B(n)){return[]}return r.filter((function(t){return B(t)&&X(t,n)&&R(t)!=="body"}))}function Lt(t,r,e,n){var i=r==="clippingParents"?Dt(t):[].concat(r);var a=[].concat(i,[e]);var o=a[0];var s=a.reduce((function(r,e){var i=Bt(t,e,n);r.top=_(i.top,r.top);r.right=G(i.right,r.right);r.bottom=G(i.bottom,r.bottom);r.left=_(i.left,r.left);return r}),Bt(t,o,n));s.width=s.right-s.left;s.height=s.bottom-s.top;s.x=s.left;s.y=s.top;return s}function Ht(t){var r=t.reference,e=t.element,n=t.placement;var i=n?F(n):null;var a=n?pt(n):null;var o=r.x+r.width/2-e.width/2;var s=r.y+r.height/2-e.height/2;var u;switch(i){case c:u={x:o,y:r.y-e.height};break;case l:u={x:o,y:r.y+r.height};break;case h:u={x:r.x+r.width,y:s};break;case d:u={x:r.x-e.width,y:s};break;default:u={x:r.x,y:r.y}}var f=i?at(i):null;if(f!=null){var v=f==="y"?"height":"width";switch(a){case b:u[f]=u[f]-(r[v]/2-e[v]/2);break;case g:u[f]=u[f]+(r[v]/2-e[v]/2);break}}return u}function Tt(t,r){if(r===void 0){r={}}var e=r,n=e.placement,i=n===void 0?t.placement:n,a=e.strategy,o=a===void 0?t.strategy:a,s=e.boundary,u=s===void 0?y:s,f=e.rootBoundary,v=f===void 0?w:f,d=e.elementContext,p=d===void 0?x:d,b=e.altBoundary,g=b===void 0?false:b,j=e.padding,k=j===void 0?0:j;var C=ft(typeof k!=="number"?k:vt(k,m));var M=p===x?O:x;var P=t.rects.popper;var S=t.elements[g?M:p];var z=Lt(B(S)?S:S.contextElement||tt(t.elements.popper),u,v,o);var A=N(t.elements.reference);var E=Ht({reference:A,element:P,strategy:"absolute",placement:i});var I=Rt(Object.assign({},P,E));var W=p===x?I:A;var q={top:z.top-W.top+C.top,bottom:W.bottom-z.bottom+C.bottom,left:z.left-W.left+C.left,right:W.right-z.right+C.right};var R=t.modifiersData.offset;if(p===x&&R){var $=R[i];Object.keys(q).forEach((function(t){var r=[h,l].indexOf(t)>=0?1:-1;var e=[c,l].indexOf(t)>=0?"y":"x";q[t]+=$[e]*r}))}return q}function Vt(t,r){if(r===void 0){r={}}var e=r,n=e.placement,i=e.boundary,a=e.rootBoundary,o=e.padding,s=e.flipVariations,u=e.allowedAutoPlacements,f=u===void 0?k:u;var v=pt(n);var c=v?s?j:j.filter((function(t){return pt(t)===v})):m;var l=c.filter((function(t){return f.indexOf(t)>=0}));if(l.length===0){l=c}var h=l.reduce((function(r,e){r[e]=Tt(t,{placement:e,boundary:i,rootBoundary:a,padding:o})[F(e)];return r}),{});return Object.keys(h).sort((function(t,r){return h[t]-h[r]}))}function Ft(t){if(F(t)===p){return[]}var r=Ct(t);return[Pt(t),r,Pt(r)]}function _t(t){var r=t.state,e=t.options,n=t.name;if(r.modifiersData[n]._skip){return}var i=e.mainAxis,a=i===void 0?true:i,o=e.altAxis,s=o===void 0?true:o,u=e.fallbackPlacements,f=e.padding,v=e.boundary,m=e.rootBoundary,g=e.altBoundary,y=e.flipVariations,w=y===void 0?true:y,x=e.allowedAutoPlacements;var O=r.options.placement;var j=F(O);var k=j===O;var C=u||(k||!w?[Ct(O)]:Ft(O));var M=[O].concat(C).reduce((function(t,e){return t.concat(F(e)===p?Vt(r,{placement:e,boundary:v,rootBoundary:m,padding:f,flipVariations:w,allowedAutoPlacements:x}):e)}),[]);var P=r.rects.reference;var S=r.rects.popper;var z=new Map;var A=true;var E=M[0];for(var I=0;I<M.length;I++){var W=M[I];var q=F(W);var R=pt(W)===b;var $=[c,l].indexOf(q)>=0;var B=$?"width":"height";var D=Tt(r,{placement:W,boundary:v,rootBoundary:m,altBoundary:g,padding:f});var L=$?R?h:d:R?l:c;if(P[B]>S[B]){L=Ct(L)}var H=Ct(L);var T=[];if(a){T.push(D[q]<=0)}if(s){T.push(D[L]<=0,D[H]<=0)}if(T.every((function(t){return t}))){E=W;A=false;break}z.set(W,T)}if(A){var V=w?3:1;var _=function t(r){var e=M.find((function(t){var e=z.get(t);if(e){return e.slice(0,r).every((function(t){return t}))}}));if(e){E=e;return"break"}};for(var G=V;G>0;G--){var U=_(G);if(U==="break")break}}if(r.placement!==E){r.modifiersData[n]._skip=true;r.placement=E;r.reset=true}}const Gt={name:"flip",enabled:true,phase:"main",fn:_t,requiresIfExists:["offset"],data:{_skip:false}};function Ut(t,r,e){if(e===void 0){e={x:0,y:0}}return{top:t.top-r.height-e.y,right:t.right-r.width+e.x,bottom:t.bottom-r.height+e.y,left:t.left-r.width-e.x}}function Jt(t){return[c,h,l,d].some((function(r){return t[r]>=0}))}function Kt(t){var r=t.state,e=t.name;var n=r.rects.reference;var i=r.rects.popper;var a=r.modifiersData.preventOverflow;var o=Tt(r,{elementContext:"reference"});var s=Tt(r,{altBoundary:true});var u=Ut(o,n);var f=Ut(s,i,a);var v=Jt(u);var c=Jt(f);r.modifiersData[e]={referenceClippingOffsets:u,popperEscapeOffsets:f,isReferenceHidden:v,hasPopperEscaped:c};r.attributes.popper=Object.assign({},r.attributes.popper,{"data-popper-reference-hidden":v,"data-popper-escaped":c})}const Nt={name:"hide",enabled:true,phase:"main",requiresIfExists:["preventOverflow"],fn:Kt};function Qt(t,r,e){var n=F(t);var i=[d,c].indexOf(n)>=0?-1:1;var a=typeof e==="function"?e(Object.assign({},r,{placement:t})):e,o=a[0],s=a[1];o=o||0;s=(s||0)*i;return[d,h].indexOf(n)>=0?{x:s,y:o}:{x:o,y:s}}function Xt(t){var r=t.state,e=t.options,n=t.name;var i=e.offset,a=i===void 0?[0,0]:i;var o=k.reduce((function(t,e){t[e]=Qt(e,r.rects,a);return t}),{});var s=o[r.placement],u=s.x,f=s.y;if(r.modifiersData.popperOffsets!=null){r.modifiersData.popperOffsets.x+=u;r.modifiersData.popperOffsets.y+=f}r.modifiersData[n]=o}const Yt={name:"offset",enabled:true,phase:"main",requires:["popperOffsets"],fn:Xt};function Zt(t){var r=t.state,e=t.name;r.modifiersData[e]=Ht({reference:r.rects.reference,element:r.rects.popper,strategy:"absolute",placement:r.placement})}const tr={name:"popperOffsets",enabled:true,phase:"read",fn:Zt,data:{}};function rr(t){return t==="x"?"y":"x"}function er(t){var r=t.state,e=t.options,n=t.name;var i=e.mainAxis,a=i===void 0?true:i,o=e.altAxis,s=o===void 0?false:o,u=e.boundary,f=e.rootBoundary,v=e.altBoundary,p=e.padding,m=e.tether,g=m===void 0?true:m,y=e.tetherOffset,w=y===void 0?0:y;var x=Tt(r,{boundary:u,rootBoundary:f,padding:p,altBoundary:v});var O=F(r.placement);var j=pt(r.placement);var k=!j;var C=at(O);var M=rr(C);var P=r.modifiersData.popperOffsets;var S=r.rects.reference;var z=r.rects.popper;var A=typeof w==="function"?w(Object.assign({},r.rects,{placement:r.placement})):w;var E=typeof A==="number"?{mainAxis:A,altAxis:A}:Object.assign({mainAxis:0,altAxis:0},A);var I=r.modifiersData.offset?r.modifiersData.offset[r.placement]:null;var W={x:0,y:0};if(!P){return}if(a){var q;var R=C==="y"?c:d;var $=C==="y"?l:h;var B=C==="y"?"height":"width";var D=P[C];var L=D+x[R];var H=D-x[$];var T=g?-z[B]/2:0;var V=j===b?S[B]:z[B];var U=j===b?-z[B]:-S[B];var J=r.elements.arrow;var K=g&&J?Q(J):{width:0,height:0};var N=r.modifiersData["arrow#persistent"]?r.modifiersData["arrow#persistent"].padding:ut();var X=N[R];var Y=N[$];var Z=ot(0,S[B],K[B]);var tt=k?S[B]/2-T-Z-X-E.mainAxis:V-Z-X-E.mainAxis;var rt=k?-S[B]/2+T+Z+Y+E.mainAxis:U+Z+Y+E.mainAxis;var et=r.elements.arrow&&it(r.elements.arrow);var nt=et?C==="y"?et.clientTop||0:et.clientLeft||0:0;var ft=(q=I==null?void 0:I[C])!=null?q:0;var vt=D+tt-ft-nt;var ct=D+rt-ft;var lt=ot(g?G(L,vt):L,D,g?_(H,ct):H);P[C]=lt;W[C]=lt-D}if(s){var ht;var dt=C==="x"?c:d;var mt=C==="x"?l:h;var bt=P[M];var gt=M==="y"?"height":"width";var yt=bt+x[dt];var wt=bt-x[mt];var xt=[c,d].indexOf(O)!==-1;var Ot=(ht=I==null?void 0:I[M])!=null?ht:0;var jt=xt?yt:bt-S[gt]-z[gt]-Ot+E.altAxis;var kt=xt?bt+S[gt]+z[gt]-Ot-E.altAxis:wt;var Ct=g&&xt?st(jt,bt,kt):ot(g?jt:yt,bt,g?kt:wt);P[M]=Ct;W[M]=Ct-bt}r.modifiersData[n]=W}const nr={name:"preventOverflow",enabled:true,phase:"main",fn:er,requiresIfExists:["offset"]};function ir(t){return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}function ar(t){if(t===$(t)||!D(t)){return St(t)}else{return ir(t)}}function or(t){var r=t.getBoundingClientRect();var e=U(r.width)/t.offsetWidth||1;var n=U(r.height)/t.offsetHeight||1;return e!==1||n!==1}function sr(t,r,e){if(e===void 0){e=false}var n=D(r);var i=D(r)&&or(r);var a=tt(r);var o=N(t,i,e);var s={scrollLeft:0,scrollTop:0};var u={x:0,y:0};if(n||!n&&!e){if(R(r)!=="body"||It(a)){s=ar(r)}if(D(r)){u=N(r,true);u.x+=r.clientLeft;u.y+=r.clientTop}else if(a){u.x=zt(a)}}return{x:o.left+s.scrollLeft-u.x,y:o.top+s.scrollTop-u.y,width:o.width,height:o.height}}function ur(t){var r=new Map;var e=new Set;var n=[];t.forEach((function(t){r.set(t.name,t)}));function i(t){e.add(t.name);var a=[].concat(t.requires||[],t.requiresIfExists||[]);a.forEach((function(t){if(!e.has(t)){var n=r.get(t);if(n){i(n)}}}));n.push(t)}t.forEach((function(t){if(!e.has(t.name)){i(t)}}));return n}function fr(t){var r=ur(t);return q.reduce((function(t,e){return t.concat(r.filter((function(t){return t.phase===e})))}),[])}function vr(t){var r;return function(){if(!r){r=new Promise((function(e){Promise.resolve().then((function(){r=undefined;e(t())}))}))}return r}}function cr(t){var r=t.reduce((function(t,r){var e=t[r.name];t[r.name]=e?Object.assign({},e,r,{options:Object.assign({},e.options,r.options),data:Object.assign({},e.data,r.data)}):r;return t}),{});return Object.keys(r).map((function(t){return r[t]}))}var lr={placement:"bottom",modifiers:[],strategy:"absolute"};function hr(){for(var t=arguments.length,r=new Array(t),e=0;e<t;e++){r[e]=arguments[e]}return!r.some((function(t){return!(t&&typeof t.getBoundingClientRect==="function")}))}function dr(t){if(t===void 0){t={}}var r=t,e=r.defaultModifiers,n=e===void 0?[]:e,i=r.defaultOptions,a=i===void 0?lr:i;return function t(r,e,i){if(i===void 0){i=a}var o={placement:"bottom",orderedModifiers:[],options:Object.assign({},lr,a),modifiersData:{},elements:{reference:r,popper:e},attributes:{},styles:{}};var s=[];var u=false;var f={state:o,setOptions:function t(i){var s=typeof i==="function"?i(o.options):i;c();o.options=Object.assign({},a,o.options,s);o.scrollParents={reference:B(r)?qt(r):r.contextElement?qt(r.contextElement):[],popper:qt(e)};var u=fr(cr([].concat(n,o.options.modifiers)));o.orderedModifiers=u.filter((function(t){return t.enabled}));v();return f.update()},forceUpdate:function t(){if(u){return}var r=o.elements,e=r.reference,n=r.popper;if(!hr(e,n)){return}o.rects={reference:sr(e,it(n),o.options.strategy==="fixed"),popper:Q(n)};o.reset=false;o.placement=o.options.placement;o.orderedModifiers.forEach((function(t){return o.modifiersData[t.name]=Object.assign({},t.data)}));for(var i=0;i<o.orderedModifiers.length;i++){if(o.reset===true){o.reset=false;i=-1;continue}var a=o.orderedModifiers[i],s=a.fn,v=a.options,c=v===void 0?{}:v,l=a.name;if(typeof s==="function"){o=s({state:o,options:c,name:l,instance:f})||o}}},update:vr((function(){return new Promise((function(t){f.forceUpdate();t(o)}))})),destroy:function t(){c();u=true}};if(!hr(r,e)){return f}f.setOptions(i).then((function(t){if(!u&&i.onFirstUpdate){i.onFirstUpdate(t)}}));function v(){o.orderedModifiers.forEach((function(t){var r=t.name,e=t.options,n=e===void 0?{}:e,i=t.effect;if(typeof i==="function"){var a=i({state:o,name:r,instance:f,options:n});var u=function t(){};s.push(a||u)}}))}function c(){s.forEach((function(t){return t()}));s=[]}return f}}var pr=[jt,tr,wt,V,Yt,Gt,nr,dt,Nt];var mr=dr({defaultModifiers:pr});const br=":host(limel-portal){display:block;position:absolute;top:0;bottom:0;width:100%;pointer-events:none}:host([hidden]){display:none}slot{display:none}";const gr="is-visible";const yr="is-hiding";const wr=300;const xr=class{constructor(r){t(this,r);this.loaded=false;this.openDirection="bottom";this.position="absolute";this.containerId=undefined;this.containerStyle={};this.parent=document.body;this.inheritParentWidth=false;this.visible=false;this.anchor=null;this.parents=new WeakMap}disconnectedCallback(){this.removeContainer();this.destroyPopper();if(this.observer){this.observer.unobserve(this.container)}}connectedCallback(){if(!this.loaded){return}if(this.visible){this.init()}}componentDidLoad(){this.loaded=true;this.connectedCallback()}init(){this.createContainer();this.hideContainer();this.attachContainer();this.styleContainer();if(this.visible){this.createPopper();this.showContainer()}if("ResizeObserver"in window){const t=new ResizeObserver((()=>{if(this.popperInstance){this.styleContainer();this.popperInstance.update()}}));t.observe(this.container)}}render(){return r("slot",null)}onVisible(){if(!this.container&&this.visible){this.init()}if(!this.visible){this.animateHideAndCleanup();return}this.styleContainer();this.createPopper();requestAnimationFrame((()=>{this.showContainer()}))}createContainer(){const t=this.host.shadowRoot.querySelector("slot");const r=t.assignedElements&&t.assignedElements()||[];this.container=document.createElement("div");this.container.setAttribute("id",this.containerId);this.container.setAttribute("class","limel-portal--container");Object.assign(this.container,{portalSource:this.host});r.forEach((t=>{this.parents.set(t,t.parentElement);this.container.appendChild(t)}))}attachContainer(){this.parent.appendChild(this.container)}removeContainer(){if(!this.container){return}Array.from(this.container.children).forEach((t=>{const r=this.parents.get(t);if(!r){return}r.appendChild(t)}));this.container.parentElement.removeChild(this.container)}hideContainer(){if(!this.container){return}this.container.classList.remove(gr)}showContainer(){this.container.classList.add(gr)}animateHideAndCleanup(){if(!this.container){return}this.container.classList.add(yr);this.styleContainer();setTimeout((()=>{this.container.classList.remove(yr);if(!this.visible){this.container.classList.remove(gr);this.destroyPopper()}}),wr)}styleContainer(){this.setContainerWidth();this.setContainerHeight();this.setContainerStyles()}setContainerWidth(){const t=this.host.getBoundingClientRect().width;if(this.inheritParentWidth){const r=this.getContentWidth(this.container);let e=r;if(t>0){e=t}this.container.style.width=`${e}px`}}getContentWidth(t){if(!t){return null}const r=t.getBoundingClientRect().width;if(r!==0){return r}const e=t.querySelector("*");return this.getContentWidth(e)}setContainerStyles(){Object.keys(this.containerStyle).forEach((t=>{this.container.style[t]=this.containerStyle[t]}))}createPopper(){const t=this.createPopperConfig();this.popperInstance=mr(this.anchor||this.host,this.container,t)}destroyPopper(){var t;(t=this.popperInstance)===null||t===void 0?void 0:t.destroy();this.popperInstance=null}createPopperConfig(){const t=this.getPlacement(this.openDirection);const r=this.getFlipPlacement(this.openDirection);return{strategy:this.position,placement:t,modifiers:[{name:"flip",options:{fallbackPlacements:[r]}}]}}getPlacement(t){const r={"left-start":"left-start",left:"left","left-end":"left-end","right-start":"right-start",right:"right","right-end":"right-end","top-start":"top-start",top:"top","top-end":"top-end","bottom-start":"bottom-start",bottom:"bottom","bottom-end":"bottom-end"};return r[t]}getFlipPlacement(t){const r={"left-start":"right-start",left:"right","left-end":"right-end","right-start":"left-start",right:"left","right-end":"left-end","top-start":"bottom-start",top:"bottom","top-end":"bottom-end","bottom-start":"top-start",bottom:"top","bottom-end":"top-end"};return r[t]}setContainerHeight(){const t=Math.max(document.documentElement.clientHeight||0,window.innerHeight||0);const{top:r,bottom:e}=this.host.getBoundingClientRect();const n=Math.max(r,0);const i=Math.max(t-e,0);const a=16;const o=Math.max(n,i)-a;this.container.style.maxHeight=`${o}px`}get host(){return e(this)}static get watchers(){return{visible:["onVisible"]}}};xr.style=br;export{v as limel_icon,xr as limel_portal};
|
|
2
|
+
//# sourceMappingURL=p-5344e8bf.entry.js.map
|