@limetech/lime-elements 36.4.0-next.3 → 36.4.0-next.4

package/dist/cjs/lime-elements.cjs.js

@@ -15,5 +15,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["limel-color-picker.cjs",[[1,"limel-color-picker",{"value":[513],"label":[513],"helperText":[513,"helper-text"],"tooltipLabel":[513,"tooltip-label"],"required":[516],"readonly":[516],"isOpen":[32]}]]],["limel-dock.cjs",[[1,"limel-dock",{"dockItems":[16],"dockFooterItems":[16],"accessibleLabel":[513,"accessible-label"],"expanded":[516],"allowResize":[516,"allow-resize"],"mobileBreakPoint":[514,"mobile-break-point"],"useMobileLayout":[32]}]]],["limel-picker.cjs",[[1,"limel-picker",{"disabled":[4],"readonly":[516],"label":[1],"searchLabel":[1,"search-label"],"helperText":[513,"helper-text"],"leadingIcon":[1,"leading-icon"],"emptyResultMessage":[1,"empty-result-message"],"required":[4],"value":[16],"searcher":[16],"multiple":[4],"delimiter":[513],"actions":[16],"actionPosition":[1,"action-position"],"actionScrollBehavior":[1,"action-scroll-behavior"],"badgeIcons":[516,"badge-icons"],"items":[32],"textValue":[32],"loading":[32],"chips":[32]}]]],["limel-split-button.cjs",[[1,"limel-split-button",{"label":[513],"primary":[516],"icon":[513],"disabled":[516],"items":[16]}]]],["limel-date-picker.cjs",[[1,"limel-date-picker",{"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"placeholder":[513],"helperText":[513,"helper-text"],"required":[516],"value":[16],"type":[513],"format":[513],"language":[513],"formatter":[16],"formattedValue":[32],"internalFormat":[32],"showPortal":[32]}]]],["limel-button-group.cjs",[[1,"limel-button-group",{"value":[16],"disabled":[516],"selectedButtonId":[32]}]]],["limel-select.cjs",[[1,"limel-select",{"disabled":[516],"readonly":[516],"invalid":[516],"required":[516],"label":[513],"helperText":[513,"helper-text"],"value":[16],"options":[16],"multiple":[4],"menuOpen":[32]}]]],["limel-file.cjs",[[1,"limel-file",{"value":[16],"label":[513],"required":[516],"disabled":[516],"readonly":[516],"accept":[513],"language":[1],"isDraggingOverDropZone":[32]}]]],["limel-info-tile.cjs",[[1,"limel-info-tile",{"value":[520],"icon":[1],"label":[513],"prefix":[513],"suffix":[513],"disabled":[516],"badge":[520],"loading":[516],"link":[16],"progress":[16]}]]],["limel-snackbar.cjs",[[1,"limel-snackbar",{"message":[1],"timeout":[2],"actionText":[1,"action-text"],"dismissible":[4],"multiline":[4],"language":[1],"show":[64]}]]],["limel-tab-panel.cjs",[[1,"limel-tab-panel",{"tabs":[1040]}]]],["limel-table.cjs",[[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]}]]],["limel-collapsible-section.cjs",[[1,"limel-collapsible-section",{"isOpen":[1540,"is-open"],"header":[513],"actions":[16]}]]],["limel-dialog.cjs",[[1,"limel-dialog",{"heading":[1],"fullscreen":[516],"open":[1540],"closingActions":[16]}]]],["limel-progress-flow.cjs",[[1,"limel-progress-flow",{"flowItems":[16],"disabled":[4],"readonly":[4]}]]],["limel-shortcut.cjs",[[1,"limel-shortcut",{"icon":[513],"label":[513],"disabled":[516],"badge":[520],"link":[16]}]]],["limel-banner.cjs",[[1,"limel-banner",{"message":[513],"icon":[513],"isOpen":[32],"open":[64],"close":[64]}]]],["limel-callout.cjs",[[1,"limel-callout",{"heading":[513],"icon":[513],"type":[513],"language":[1]}]]],["limel-slider.cjs",[[1,"limel-slider",{"disabled":[516],"readonly":[516],"factor":[514],"label":[513],"helperText":[513,"helper-text"],"unit":[513],"value":[514],"valuemax":[514],"valuemin":[514],"step":[514],"percentageClass":[32]}]]],["limel-code-editor.cjs",[[1,"limel-code-editor",{"value":[1],"language":[1],"readonly":[4],"lineNumbers":[4,"line-numbers"],"fold":[4],"lint":[4],"colorScheme":[1,"color-scheme"],"random":[32]}]]],["limel-config.cjs",[[1,"limel-config",{"config":[16]}]]],["limel-flex-container.cjs",[[1,"limel-flex-container",{"direction":[513],"justify":[513],"align":[513],"reverse":[516]}]]],["limel-form.cjs",[[1,"limel-form",{"schema":[16],"value":[16],"disabled":[4],"propsFactory":[16],"transformErrors":[16],"errors":[16]}]]],["limel-grid.cjs",[[1,"limel-grid"]]],["limel-switch.cjs",[[1,"limel-switch",{"label":[513],"disabled":[516],"readonly":[516],"value":[516],"fieldId":[32]}]]],["limel-dock-button.cjs",[[0,"limel-dock-button",{"item":[16],"expanded":[516],"useMobileLayout":[516,"use-mobile-layout"],"isOpen":[32]}]]],["limel-color-picker-palette.cjs",[[1,"limel-color-picker-palette",{"value":[513],"label":[513],"helperText":[513,"helper-text"],"required":[516]}]]],["limel-menu-list.cjs",[[1,"limel-menu-list",{"items":[16],"badgeIcons":[4,"badge-icons"],"iconSize":[1,"icon-size"],"type":[1],"maxLinesSecondaryText":[2,"max-lines-secondary-text"]}]]],["limel-menu.cjs",[[1,"limel-menu",{"items":[16],"disabled":[516],"openDirection":[513,"open-direction"],"open":[1540],"badgeIcons":[516,"badge-icons"],"gridLayout":[516,"grid-layout"]}]]],["limel-icon-button.cjs",[[1,"limel-icon-button",{"icon":[513],"elevated":[516],"label":[513],"disabled":[516]}]]],["limel-tab-bar.cjs",[[1,"limel-tab-bar",{"tabs":[1040],"canScrollLeft":[32],"canScrollRight":[32]},[[9,"resize","handleWindowResize"]]]]],["limel-checkbox.cjs",[[1,"limel-checkbox",{"disabled":[516],"readonly":[516],"label":[513],"helperText":[513,"helper-text"],"checked":[516],"indeterminate":[516],"required":[516],"modified":[32]}]]],["limel-header.cjs",[[1,"limel-header",{"icon":[1],"heading":[1],"subheading":[1],"supportingText":[1,"supporting-text"]}]]],["limel-progress-flow-item.cjs",[[0,"limel-progress-flow-item",{"item":[16],"disabled":[4],"readonly":[4]}]]],["limel-flatpickr-adapter.cjs",[[1,"limel-flatpickr-adapter",{"value":[16],"type":[1],"format":[1],"isOpen":[4,"is-open"],"inputElement":[16],"language":[1],"formatter":[16]}]]],["limel-helper-line.cjs",[[1,"limel-helper-line",{"helperText":[513,"helper-text"],"length":[514],"maxLength":[514,"max-length"],"invalid":[516],"helperTextId":[513,"helper-text-id"]}]]],["limel-icon.cjs",[[1,"limel-icon",{"size":[513],"name":[513],"badge":[516]}]]],["limel-chip-set.cjs",[[1,"limel-chip-set",{"value":[16],"type":[513],"label":[513],"helperText":[513,"helper-text"],"disabled":[516],"readonly":[516],"inputType":[513,"input-type"],"maxItems":[514,"max-items"],"required":[516],"searchLabel":[513,"search-label"],"emptyInputOnBlur":[516,"empty-input-on-blur"],"clearAllButton":[4,"clear-all-button"],"leadingIcon":[513,"leading-icon"],"delimiter":[513],"language":[1],"editMode":[32],"textValue":[32],"blurred":[32],"inputChipIndexSelected":[32],"getEditMode":[64],"setFocus":[64],"emptyInput":[64]}]]],["limel-button.cjs",[[1,"limel-button",{"label":[513],"primary":[516],"outlined":[516],"icon":[513],"disabled":[516],"loading":[516],"loadingFailed":[516,"loading-failed"],"justLoaded":[32]}]]],["limel-circular-progress_2.cjs",[[1,"limel-circular-progress",{"value":[2],"maxValue":[2,"max-value"],"prefix":[513],"suffix":[1],"displayPercentageColors":[4,"display-percentage-colors"],"size":[513]}],[1,"limel-linear-progress",{"value":[2],"indeterminate":[4]}]]],["limel-portal.cjs",[[1,"limel-portal",{"openDirection":[1,"open-direction"],"position":[1],"containerId":[1,"container-id"],"containerStyle":[16],"parent":[16],"inheritParentWidth":[4,"inherit-parent-width"],"visible":[4]}]]],["limel-input-field.cjs",[[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"],"isFocused":[32],"isModified":[32],"showCompletions":[32]}]]],["limel-spinner.cjs",[[1,"limel-spinner",{"size":[513],"limeBranded":[4,"lime-branded"]}]]],["limel-badge.cjs",[[1,"limel-badge",{"label":[520]}]]],["limel-list_2.cjs",[[1,"limel-list",{"items":[16],"badgeIcons":[4,"badge-icons"],"iconSize":[1,"icon-size"],"type":[1],"maxLinesSecondaryText":[2,"max-lines-secondary-text"]}],[1,"limel-menu-surface",{"open":[4],"allowClicksElement":[16]}]]],["limel-popover_4.cjs",[[1,"limel-popover",{"open":[4],"openDirection":[513,"open-direction"]}],[1,"limel-tooltip",{"elementId":[513,"element-id"],"label":[513],"helperLabel":[513,"helper-label"],"maxlength":[514],"open":[32]}],[1,"limel-popover-surface",{"contentCollection":[16]}],[1,"limel-tooltip-content",{"label":[513],"helperLabel":[513,"helper-label"],"maxlength":[514]}]]]], options);
+  return index.bootstrapLazy([["limel-color-picker.cjs",[[1,"limel-color-picker",{"value":[513],"label":[513],"helperText":[513,"helper-text"],"tooltipLabel":[513,"tooltip-label"],"required":[516],"readonly":[516],"isOpen":[32]}]]],["limel-action-bar.cjs",[[1,"limel-action-bar",{"actions":[16],"accessibleLabel":[513,"accessible-label"],"layout":[513],"openDirection":[513,"open-direction"],"overflowCutoff":[32]}]]],["limel-dock.cjs",[[1,"limel-dock",{"dockItems":[16],"dockFooterItems":[16],"accessibleLabel":[513,"accessible-label"],"expanded":[516],"allowResize":[516,"allow-resize"],"mobileBreakPoint":[514,"mobile-break-point"],"useMobileLayout":[32]}]]],["limel-picker.cjs",[[1,"limel-picker",{"disabled":[4],"readonly":[516],"label":[1],"searchLabel":[1,"search-label"],"helperText":[513,"helper-text"],"leadingIcon":[1,"leading-icon"],"emptyResultMessage":[1,"empty-result-message"],"required":[4],"value":[16],"searcher":[16],"multiple":[4],"delimiter":[513],"actions":[16],"actionPosition":[1,"action-position"],"actionScrollBehavior":[1,"action-scroll-behavior"],"badgeIcons":[516,"badge-icons"],"items":[32],"textValue":[32],"loading":[32],"chips":[32]}]]],["limel-split-button.cjs",[[1,"limel-split-button",{"label":[513],"primary":[516],"icon":[513],"disabled":[516],"items":[16]}]]],["limel-date-picker.cjs",[[1,"limel-date-picker",{"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"placeholder":[513],"helperText":[513,"helper-text"],"required":[516],"value":[16],"type":[513],"format":[513],"language":[513],"formatter":[16],"formattedValue":[32],"internalFormat":[32],"showPortal":[32]}]]],["limel-button-group.cjs",[[1,"limel-button-group",{"value":[16],"disabled":[516],"selectedButtonId":[32]}]]],["limel-select.cjs",[[1,"limel-select",{"disabled":[516],"readonly":[516],"invalid":[516],"required":[516],"label":[513],"helperText":[513,"helper-text"],"value":[16],"options":[16],"multiple":[4],"menuOpen":[32]}]]],["limel-file.cjs",[[1,"limel-file",{"value":[16],"label":[513],"required":[516],"disabled":[516],"readonly":[516],"accept":[513],"language":[1],"isDraggingOverDropZone":[32]}]]],["limel-info-tile.cjs",[[1,"limel-info-tile",{"value":[520],"icon":[1],"label":[513],"prefix":[513],"suffix":[513],"disabled":[516],"badge":[520],"loading":[516],"link":[16],"progress":[16]}]]],["limel-snackbar.cjs",[[1,"limel-snackbar",{"message":[1],"timeout":[2],"actionText":[1,"action-text"],"dismissible":[4],"multiline":[4],"language":[1],"show":[64]}]]],["limel-tab-panel.cjs",[[1,"limel-tab-panel",{"tabs":[1040]}]]],["limel-table.cjs",[[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]}]]],["limel-collapsible-section.cjs",[[1,"limel-collapsible-section",{"isOpen":[1540,"is-open"],"header":[513],"actions":[16]}]]],["limel-dialog.cjs",[[1,"limel-dialog",{"heading":[1],"fullscreen":[516],"open":[1540],"closingActions":[16]}]]],["limel-progress-flow.cjs",[[1,"limel-progress-flow",{"flowItems":[16],"disabled":[4],"readonly":[4]}]]],["limel-shortcut.cjs",[[1,"limel-shortcut",{"icon":[513],"label":[513],"disabled":[516],"badge":[520],"link":[16]}]]],["limel-banner.cjs",[[1,"limel-banner",{"message":[513],"icon":[513],"isOpen":[32],"open":[64],"close":[64]}]]],["limel-callout.cjs",[[1,"limel-callout",{"heading":[513],"icon":[513],"type":[513],"language":[1]}]]],["limel-slider.cjs",[[1,"limel-slider",{"disabled":[516],"readonly":[516],"factor":[514],"label":[513],"helperText":[513,"helper-text"],"unit":[513],"value":[514],"valuemax":[514],"valuemin":[514],"step":[514],"percentageClass":[32]}]]],["limel-code-editor.cjs",[[1,"limel-code-editor",{"value":[1],"language":[1],"readonly":[4],"lineNumbers":[4,"line-numbers"],"fold":[4],"lint":[4],"colorScheme":[1,"color-scheme"],"random":[32]}]]],["limel-config.cjs",[[1,"limel-config",{"config":[16]}]]],["limel-flex-container.cjs",[[1,"limel-flex-container",{"direction":[513],"justify":[513],"align":[513],"reverse":[516]}]]],["limel-form.cjs",[[1,"limel-form",{"schema":[16],"value":[16],"disabled":[4],"propsFactory":[16],"transformErrors":[16],"errors":[16]}]]],["limel-grid.cjs",[[1,"limel-grid"]]],["limel-switch.cjs",[[1,"limel-switch",{"label":[513],"disabled":[516],"readonly":[516],"value":[516],"fieldId":[32]}]]],["limel-icon.cjs",[[1,"limel-icon",{"size":[513],"name":[513],"badge":[516]}]]],["limel-dock-button.cjs",[[0,"limel-dock-button",{"item":[16],"expanded":[516],"useMobileLayout":[516,"use-mobile-layout"],"isOpen":[32]}]]],["limel-color-picker-palette.cjs",[[1,"limel-color-picker-palette",{"value":[513],"label":[513],"helperText":[513,"helper-text"],"required":[516]}]]],["limel-badge.cjs",[[1,"limel-badge",{"label":[520]}]]],["limel-tab-bar.cjs",[[1,"limel-tab-bar",{"tabs":[1040],"canScrollLeft":[32],"canScrollRight":[32]},[[9,"resize","handleWindowResize"]]]]],["limel-checkbox.cjs",[[1,"limel-checkbox",{"disabled":[516],"readonly":[516],"label":[513],"helperText":[513,"helper-text"],"checked":[516],"indeterminate":[516],"required":[516],"modified":[32]}]]],["limel-header.cjs",[[1,"limel-header",{"icon":[1],"heading":[1],"subheading":[1],"supportingText":[1,"supporting-text"]}]]],["limel-progress-flow-item.cjs",[[0,"limel-progress-flow-item",{"item":[16],"disabled":[4],"readonly":[4]}]]],["limel-flatpickr-adapter.cjs",[[1,"limel-flatpickr-adapter",{"value":[16],"type":[1],"format":[1],"isOpen":[4,"is-open"],"inputElement":[16],"language":[1],"formatter":[16]}]]],["limel-action-bar-item_2.cjs",[[0,"limel-action-bar-overflow-menu",{"items":[16],"openDirection":[513,"open-direction"]}],[0,"limel-action-bar-item",{"item":[16],"isVisible":[516,"is-visible"]}]]],["limel-chip-set.cjs",[[1,"limel-chip-set",{"value":[16],"type":[513],"label":[513],"helperText":[513,"helper-text"],"disabled":[516],"readonly":[516],"inputType":[513,"input-type"],"maxItems":[514,"max-items"],"required":[516],"searchLabel":[513,"search-label"],"emptyInputOnBlur":[516,"empty-input-on-blur"],"clearAllButton":[4,"clear-all-button"],"leadingIcon":[513,"leading-icon"],"delimiter":[513],"language":[1],"editMode":[32],"textValue":[32],"blurred":[32],"inputChipIndexSelected":[32],"getEditMode":[64],"setFocus":[64],"emptyInput":[64]}]]],["limel-button.cjs",[[1,"limel-button",{"label":[513],"primary":[516],"outlined":[516],"icon":[513],"disabled":[516],"loading":[516],"loadingFailed":[516,"loading-failed"],"justLoaded":[32]}]]],["limel-circular-progress_2.cjs",[[1,"limel-circular-progress",{"value":[2],"maxValue":[2,"max-value"],"prefix":[513],"suffix":[1],"displayPercentageColors":[4,"display-percentage-colors"],"size":[513]}],[1,"limel-linear-progress",{"value":[2],"indeterminate":[4]}]]],["limel-list_2.cjs",[[1,"limel-list",{"items":[16],"badgeIcons":[4,"badge-icons"],"iconSize":[1,"icon-size"],"type":[1],"maxLinesSecondaryText":[2,"max-lines-secondary-text"]}],[1,"limel-menu-surface",{"open":[4],"allowClicksElement":[16]}]]],["limel-input-field.cjs",[[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"],"isFocused":[32],"isModified":[32],"showCompletions":[32]}]]],["limel-icon-button.cjs",[[1,"limel-icon-button",{"icon":[513],"elevated":[516],"label":[513],"disabled":[516]}]]],["limel-spinner.cjs",[[1,"limel-spinner",{"size":[513],"limeBranded":[4,"lime-branded"]}]]],["limel-menu_2.cjs",[[1,"limel-menu",{"items":[16],"disabled":[516],"openDirection":[513,"open-direction"],"open":[1540],"badgeIcons":[516,"badge-icons"],"gridLayout":[516,"grid-layout"]}],[1,"limel-menu-list",{"items":[16],"badgeIcons":[4,"badge-icons"],"iconSize":[1,"icon-size"],"type":[1],"maxLinesSecondaryText":[2,"max-lines-secondary-text"]}]]],["limel-popover_2.cjs",[[1,"limel-popover",{"open":[4],"openDirection":[513,"open-direction"]}],[1,"limel-popover-surface",{"contentCollection":[16]}]]],["limel-helper-line.cjs",[[1,"limel-helper-line",{"helperText":[513,"helper-text"],"length":[514],"maxLength":[514,"max-length"],"invalid":[516],"helperTextId":[513,"helper-text-id"]}]]],["limel-portal.cjs",[[1,"limel-portal",{"openDirection":[1,"open-direction"],"position":[1],"containerId":[1,"container-id"],"containerStyle":[16],"parent":[16],"inheritParentWidth":[4,"inherit-parent-width"],"visible":[4]}]]],["limel-tooltip_2.cjs",[[1,"limel-tooltip",{"elementId":[513,"element-id"],"label":[513],"helperLabel":[513,"helper-label"],"maxlength":[514],"open":[32]}],[1,"limel-tooltip-content",{"label":[513],"helperLabel":[513,"helper-label"],"maxlength":[514]}]]]], options);
 });

package/dist/cjs/limel-action-bar-item_2.cjs.entry.js

@@ -0,0 +1,97 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-287e25e0.js');
+const randomString = require('./random-string-4c3b7f1c.js');
+
+const actionBarItemCss = "limel-action-bar-item{transition:opacity 0.2s ease-in-out;position:relative;display:flex;align-items:center}limel-action-bar-item:not([is-visible]){opacity:0}button{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:0.25rem;width:100%;min-width:var(--action-bar-item-height);max-width:var(--action-bar-item-max-width, 10rem);height:var(--action-bar-item-height);border-radius:var(--action-bar-item-height);font-size:0.875rem;padding:0 0.25rem}button:not([disabled]){transition:color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;cursor:pointer;color:var(--limel-action-bar-item-text-color);background-color:var(--action-bar-background-color)}button:not([disabled]):hover{color:var(--limel-action-bar-item-text-color);background-color:var(--action-bar-background-color);box-shadow:var(--button-shadow-hovered)}button:not([disabled]):active{background-color:var(--action-bar-background-color);box-shadow:var(--button-shadow-inset-pressed);transform:translate3d(0, 0.05rem, 0)}button:not([disabled]):focus{outline:none}button:not([disabled]):focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}button:has(.text){padding:0 0.5rem}button[disabled]{opacity:0.4}.text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 0.25rem}limel-icon{flex-shrink:0;width:calc(var(--action-bar-item-height) - 0.75rem);height:calc(var(--action-bar-item-height) - 0.75rem);color:var(--action-bar-item-icon-color, var(--limel-action-bar-item-text-color))}limel-tooltip{position:absolute;bottom:0;left:0;right:0}div[role=separator]{width:1px;height:1.5rem;border-radius:var(--action-bar-item-height);background-color:var(--limel-action-bar-item-text-color);opacity:0.2}@media (pointer: fine){div[role=separator]{margin-right:0.5rem;margin-left:0.5rem}}limel-menu{--notification-badge-background-color:rgb(var(--contrast-600));--notification-badge-text-color:rgb(var(--contrast-1200))}limel-menu[open] button{box-shadow:var(--button-shadow-inset)}button[slot=trigger]{animation:fade-in ease-out 0.25s;font-size:0.75rem;font-weight:bold;transform:translate3d(0, 0, 0)}@keyframes fade-in{0%{scale:0.8;opacity:0}100%{scale:1;opacity:1}}";
+
+const ActionBarButton = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.select = index.createEvent(this, "select", 7);
+    this.handleClick = (event) => {
+      event.stopPropagation();
+      this.select.emit(this.item);
+    };
+    this.item = undefined;
+    this.isVisible = true;
+    this.tooltipId = randomString.createRandomString();
+  }
+  render() {
+    if (!this.isItem(this.item) && this.item.separator) {
+      return index.h("div", { role: "separator" });
+    }
+    return (index.h("button", { id: this.tooltipId, type: "button", onClick: this.handleClick, disabled: this.isDisabled() }, this.renderIcon(), this.renderLabel(), this.renderTooltip()));
+  }
+  isItem(item) {
+    return !('separator' in item);
+  }
+  isDisabled() {
+    if (this.isItem(this.item) && this.item.disabled) {
+      return true;
+    }
+    if (!this.isVisible) {
+      return true;
+    }
+  }
+  renderIcon() {
+    if (this.isItem(this.item) && !this.item.icon) {
+      return;
+    }
+    if ('icon' in this.item) {
+      return (index.h("limel-icon", { name: this.item.icon, style: {
+          '--action-bar-item-icon-color': `${this.item.iconColor}`,
+        } }));
+    }
+  }
+  renderLabel() {
+    if (!this.isItem(this.item) || this.item.iconOnly) {
+      return;
+    }
+    return index.h("span", { class: "text" }, this.item.text);
+  }
+  renderTooltip() {
+    if (!this.isItem(this.item)) {
+      return;
+    }
+    if (this.item.text) {
+      return (index.h("limel-tooltip", { elementId: this.tooltipId, label: this.item.text, helperLabel: this.item.commandText }));
+    }
+    if (this.item.commandText) {
+      return (index.h("limel-tooltip", { elementId: this.tooltipId, label: this.item.commandText }));
+    }
+  }
+};
+ActionBarButton.style = actionBarItemCss;
+
+const ActionBarOverflowMenu = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.select = index.createEvent(this, "select", 7);
+    this.countOverflowedItems = () => {
+      return `+${this.numberOfMenuItems}`;
+    };
+    this.handleSelect = (event) => {
+      event.stopPropagation();
+      this.select.emit(event.detail);
+    };
+    this.items = undefined;
+    this.openDirection = 'bottom-end';
+  }
+  render() {
+    return [
+      index.h("limel-menu", { openDirection: this.openDirection, items: this.items, onSelect: this.handleSelect }, index.h("button", { slot: "trigger" }, this.countOverflowedItems())),
+    ];
+  }
+  get numberOfMenuItems() {
+    return this.items.filter((item) => this.isMenuItem(item)).length;
+  }
+  isMenuItem(item) {
+    return !('separator' in item);
+  }
+};
+
+exports.limel_action_bar_item = ActionBarButton;
+exports.limel_action_bar_overflow_menu = ActionBarOverflowMenu;

package/dist/cjs/limel-action-bar.cjs.entry.js

@@ -0,0 +1,106 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-287e25e0.js');
+
+function isItem(item) {
+  return !('separator' in item);
+}
+
+const actionBarCss = ":host(limel-action-bar){--action-bar-item-height:2rem;--limel-action-bar-item-text-color:var(\n      --action-bar-item-text-color,\n      rgb(var(--contrast-1100))\n  );box-sizing:border-box;display:inline-flex;align-items:center;padding:0.125rem 0.25rem;max-width:100%;border-radius:var(--action-bar-border-radius);background-color:var(--action-bar-background-color, rgb(var(--contrast-100)))}:host(limel-action-bar),.items{gap:0.25rem}@media (pointer: coarse){:host(limel-action-bar),.items{gap:0.5rem}}.items{display:inline-flex;max-width:100%;min-width:0}:host(limel-action-bar.is-full-width){width:100%}:host(limel-action-bar.is-floating){--action-bar-border-radius:100vw;padding-right:0.125rem;padding-left:0.125rem;max-width:calc(100% - 2rem);box-shadow:var(--shadow-depth-16)}";
+
+const ActionBar = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.itemSelected = index.createEvent(this, "itemSelected", 7);
+    this.firstRender = true;
+    this.actionBarItems = [];
+    this.renderActionBarItem = (item, index$1) => {
+      return (index.h("limel-action-bar-item", { item: item, onSelect: this.handleSelect, isVisible: this.isVisible(index$1) }));
+    };
+    this.renderOverflowMenu = (items) => {
+      if (!(this.actions.length - this.overflowCutoff)) {
+        return;
+      }
+      return (index.h("limel-action-bar-overflow-menu", { openDirection: this.openDirection, items: items, onSelect: this.handleSelect }));
+    };
+    this.handleSelect = (event) => {
+      event.stopPropagation();
+      if (isItem(event.detail)) {
+        this.itemSelected.emit(event.detail);
+      }
+    };
+    this.handleIntersection = (entries) => {
+      const intersectingItems = entries.filter((entry) => entry.isIntersecting);
+      const notIntersectingItems = entries.filter((entry) => !entry.isIntersecting);
+      if (this.firstRender) {
+        this.overflowCutoff = intersectingItems.length;
+      }
+      else {
+        this.overflowCutoff =
+          this.overflowCutoff +
+            intersectingItems.length -
+            notIntersectingItems.length;
+      }
+      this.firstRender = false;
+    };
+    this.actions = [];
+    this.accessibleLabel = undefined;
+    this.layout = undefined;
+    this.openDirection = undefined;
+    this.overflowCutoff = this.actions.length;
+  }
+  render() {
+    let overflowActions = [];
+    if (this.actions.length) {
+      overflowActions = this.actions.slice(this.overflowCutoff);
+    }
+    return (index.h(index.Host, { "aria-label": this.accessibleLabel, class: {
+        'is-full-width': this.layout === 'fullWidth',
+        'is-floating': this.layout === 'floating',
+      } }, index.h("div", { class: "items" }, this.actions.map(this.renderActionBarItem)), this.renderOverflowMenu(overflowActions)));
+  }
+  componentDidRender() {
+    var _a;
+    if (this.haveItemsChanged()) {
+      (_a = this.intersectionObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+      this.createIntersectionObserver();
+    }
+  }
+  disconnectedCallback() {
+    var _a;
+    (_a = this.intersectionObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    this.actionBarItems = [];
+  }
+  isVisible(index) {
+    return index < this.overflowCutoff;
+  }
+  createIntersectionObserver() {
+    const options = {
+      root: this.host.shadowRoot.querySelector('.items'),
+      rootMargin: '0px',
+      threshold: 1.0,
+    };
+    this.actionBarItems = [];
+    this.intersectionObserver = new IntersectionObserver(this.handleIntersection, options);
+    this.host.shadowRoot
+      .querySelectorAll('limel-action-bar-item')
+      .forEach((actionBarItem) => {
+      this.observe(actionBarItem);
+    });
+  }
+  observe(actionBarItem) {
+    this.intersectionObserver.observe(actionBarItem);
+    this.actionBarItems.push(actionBarItem);
+  }
+  haveItemsChanged() {
+    const someItemRemoved = this.actionBarItems.some((actionBarItem) => !this.host.shadowRoot.contains(actionBarItem));
+    const someItemAdded = Array.from(this.host.shadowRoot.querySelectorAll('limel-action-bar-item')).some((actionBarItem) => !this.actionBarItems.includes(actionBarItem));
+    return someItemRemoved || someItemAdded;
+  }
+  get host() { return index.getElement(this); }
+};
+ActionBar.style = actionBarCss;
+
+exports.limel_action_bar = ActionBar;

package/dist/cjs/limel-flatpickr-adapter.cjs.entry.js

@@ -6912,7 +6912,11 @@ function style(node, value) {
     node.setAttribute("style", value);
   } else if (isObject(value)) {
     forEach(value, (val, key) => {
-      if (isNumber(val) && isUnitlessNumber[key] !== 0) {
+      if (key.indexOf("-") === 0) {
+        // CSS custom properties (variables) start with `-` (e.g. `--my-variable`)
+        // and must be assigned via `setProperty`.
+        node.style.setProperty(key, val);
+      } else if (isNumber(val) && isUnitlessNumber[key] !== 0) {
         node.style[key] = val + "px";
       } else {
         node.style[key] = val;

package/dist/cjs/{limel-menu-list.cjs.entry.js → limel-menu_2.cjs.entry.js}

@@ -3,13 +3,133 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-287e25e0.js');
+const randomString = require('./random-string-4c3b7f1c.js');
+const zipObject = require('./zipObject-93a471fa.js');
 const component = require('./component-66df95e7.js');
 const component$1 = require('./component-67144c1c.js');
 const ponyfill = require('./ponyfill-98ca4766.js');
 const component$2 = require('./component-cf490570.js');
+require('./_assignValue-7c18d8d6.js');
+require('./_defineProperty-8f56146d.js');
+require('./_getNative-60328036.js');
+require('./eq-9a943b00.js');
+require('./isObject-e28b7997.js');
 require('./keyboard-9477d3a8.js');
 require('./util-b0f5741e.js');
 
+const menuCss = ":host(limel-menu){isolation:isolate;position:relative;display:inline-block;--badge-background-color:var(\n      --notification-badge-background-color,\n      rgb(var(--color-red-default))\n  );--badge-text-color:var(\n      --notification-badge-text-color,\n      rgb(var(--color-white))\n  )}:host([hidden]){display:none}.menu__trigger{border-color:transparent;border-width:1px;border-style:solid;background:none;color:rgb(var(--contrast-800));height:2.25rem}.menu__trigger-enabled:hover{border-color:rgb(var(--contrast-800));color:rgb(var(--contrast-1100))}.mdc-menu-surface--anchor{position:relative}limel-badge{position:absolute;top:-0.25rem;right:-0.25rem}";
+
+const Menu = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.cancel = index.createEvent(this, "cancel", 7);
+    this.select = index.createEvent(this, "select", 7);
+    this.setTriggerAttributes = (element) => {
+      const attributes = {
+        'aria-haspopup': true,
+        'aria-expanded': this.open,
+        disabled: this.disabled,
+        role: 'button',
+      };
+      for (const [key, value] of Object.entries(attributes)) {
+        if (!value) {
+          element.removeAttribute(key);
+        }
+        else {
+          element.setAttribute(key, String(value));
+        }
+      }
+    };
+    this.onClose = () => {
+      this.cancel.emit();
+      this.open = false;
+    };
+    this.onTriggerClick = (event) => {
+      event.stopPropagation();
+      if (this.disabled) {
+        return;
+      }
+      this.open = !this.open;
+    };
+    this.handleSelect = (event) => {
+      event.stopPropagation();
+      this.select.emit(event.detail);
+      this.open = false;
+    };
+    this.setListElement = (element) => {
+      this.list = element;
+    };
+    this.focusMenuItem = () => {
+      var _a;
+      const activeElement = this.list.shadowRoot.activeElement;
+      activeElement === null || activeElement === void 0 ? void 0 : activeElement.blur();
+      const MenuItems = this.items.filter(this.isMenuItem);
+      const selectedIndex = Math.max(MenuItems.findIndex((item) => item.selected), 0);
+      const menuElements = Array.from(this.list.shadowRoot.querySelectorAll('[role="menuitem"]'));
+      (_a = menuElements[selectedIndex]) === null || _a === void 0 ? void 0 : _a.focus();
+    };
+    this.renderNotificationBadge = () => {
+      if (this.items.some(this.hasNotificationBadge)) {
+        return index.h("limel-badge", null);
+      }
+    };
+    this.hasNotificationBadge = (item) => this.isMenuItem(item) && item.badge !== undefined;
+    this.items = [];
+    this.disabled = false;
+    this.openDirection = 'bottom-start';
+    this.open = false;
+    this.badgeIcons = false;
+    this.gridLayout = false;
+    this.portalId = randomString.createRandomString();
+  }
+  openWatcher() {
+    if (!this.open) {
+      return;
+    }
+    const observer = new IntersectionObserver(() => {
+      observer.unobserve(this.list);
+      this.focusMenuItem();
+    });
+    observer.observe(this.list);
+  }
+  render() {
+    const cssProperties = this.getCssProperties();
+    const dropdownZIndex = getComputedStyle(this.host).getPropertyValue('--dropdown-z-index');
+    return (index.h("div", { class: "mdc-menu-surface--anchor", onClick: this.onTriggerClick }, index.h("slot", { name: "trigger" }), this.renderNotificationBadge(), index.h("limel-portal", { visible: this.open, containerId: this.portalId, openDirection: this.openDirection, position: "absolute", containerStyle: { 'z-index': dropdownZIndex } }, index.h("limel-menu-surface", { open: this.open, onDismiss: this.onClose, style: cssProperties, class: {
+        'has-grid-layout': this.gridLayout,
+      } }, index.h("limel-menu-list", { class: {
+        'has-grid-layout has-interactive-items': this.gridLayout,
+      }, items: this.items, type: "menu", badgeIcons: this.badgeIcons, onSelect: this.handleSelect, ref: this.setListElement })))));
+  }
+  componentDidRender() {
+    const slotElement = this.host.shadowRoot.querySelector('slot');
+    slotElement.assignedElements().forEach(this.setTriggerAttributes);
+  }
+  getCssProperties() {
+    const propertyNames = [
+      '--menu-surface-width',
+      '--list-grid-item-max-width',
+      '--list-grid-item-min-width',
+      '--list-grid-gap',
+      '--notification-badge-background-color',
+      '--notification-badge-text-color',
+    ];
+    const style = getComputedStyle(this.host);
+    const values = propertyNames.map((property) => {
+      return style.getPropertyValue(property);
+    });
+    return zipObject.zipObject(propertyNames, values);
+  }
+  isMenuItem(item) {
+    return !('separator' in item);
+  }
+  get host() { return index.getElement(this); }
+  static get watchers() { return {
+    "open": ["openWatcher"]
+  }; }
+};
+Menu.style = menuCss;
+
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -867,4 +987,5 @@ const MenuList = class {
 };
 MenuList.style = menuListCss;
 
+exports.limel_menu = Menu;
 exports.limel_menu_list = MenuList;

package/dist/cjs/{limel-popover_4.cjs.entry.js → limel-popover_2.cjs.entry.js}

@@ -138,102 +138,5 @@ const PopoverSurface = class {
 };
 PopoverSurface.style = popoverSurfaceCss;
 
-const tooltipCss = ".trigger-anchor{position:relative}";
-
-const DEFAULT_MAX_LENGTH = 50;
-const Tooltip = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.showTooltip = () => {
-      const tooltipDelay = 500;
-      this.showTooltipTimeoutHandle = window.setTimeout(() => {
-        this.open = true;
-      }, tooltipDelay);
-    };
-    this.hideTooltip = () => {
-      clearTimeout(this.showTooltipTimeoutHandle);
-      this.open = false;
-    };
-    this.elementId = undefined;
-    this.label = undefined;
-    this.helperLabel = undefined;
-    this.maxlength = DEFAULT_MAX_LENGTH;
-    this.open = undefined;
-    this.portalId = randomString.createRandomString();
-    this.tooltipId = randomString.createRandomString();
-  }
-  connectedCallback() {
-    this.setOwnerAriaLabel();
-    this.addListeners();
-  }
-  disconnectedCallback() {
-    this.removeListeners();
-  }
-  render() {
-    const tooltipZIndex = getComputedStyle(this.host).getPropertyValue('--tooltip-z-index');
-    return (index.h("div", { class: "trigger-anchor" }, index.h("limel-portal", { openDirection: "bottom-start", visible: this.open, containerId: this.portalId, containerStyle: {
-        'z-index': tooltipZIndex,
-        'pointer-events': 'none',
-      } }, index.h("limel-tooltip-content", { label: this.label, helperLabel: this.helperLabel, maxlength: this.maxlength, role: "tooltip", "aria-hidden": !this.open, id: this.tooltipId }))));
-  }
-  setOwnerAriaLabel() {
-    const owner = this.getOwnerElement();
-    owner === null || owner === void 0 ? void 0 : owner.setAttribute('aria-describedby', this.tooltipId);
-  }
-  addListeners() {
-    const owner = this.getOwnerElement();
-    owner === null || owner === void 0 ? void 0 : owner.addEventListener('mouseover', this.showTooltip);
-    owner === null || owner === void 0 ? void 0 : owner.addEventListener('mouseout', this.hideTooltip);
-    owner === null || owner === void 0 ? void 0 : owner.addEventListener('click', this.hideTooltip);
-  }
-  removeListeners() {
-    const owner = this.getOwnerElement();
-    owner === null || owner === void 0 ? void 0 : owner.removeEventListener('mouseover', this.showTooltip);
-    owner === null || owner === void 0 ? void 0 : owner.removeEventListener('mouseout', this.hideTooltip);
-    owner === null || owner === void 0 ? void 0 : owner.removeEventListener('click', this.hideTooltip);
-  }
-  getOwnerElement() {
-    let element = this.host;
-    do {
-      element = element.parentNode;
-    } while (element &&
-      element.nodeType !== Node.DOCUMENT_FRAGMENT_NODE &&
-      element.nodeType !== Node.DOCUMENT_NODE);
-    return element === null || element === void 0 ? void 0 : element.getElementById(this.elementId);
-  }
-  get host() { return index.getElement(this); }
-};
-Tooltip.style = tooltipCss;
-
-const tooltipContentCss = ":host{animation:display-tooltip 0.2s ease;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}@keyframes display-tooltip{0%{opacity:0;transform:translate3d(0, 0, 0) scale(0.94)}100%{opacity:1;transform:translate3d(0, 0, 0) scale(1)}}";
-
-const TooltipContent = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.label = undefined;
-    this.helperLabel = undefined;
-    this.maxlength = undefined;
-  }
-  render() {
-    let isLabelsTextLong = false;
-    if (this.helperLabel && this.maxlength) {
-      isLabelsTextLong =
-        this.label.length + this.helperLabel.length > this.maxlength;
-    }
-    const props = {};
-    if (this.maxlength) {
-      props.style = {
-        '--tooltip-max-width-of-text': `${this.maxlength}` + 'ch',
-      };
-    }
-    return [
-      index.h("text", Object.assign({ class: { 'has-column-layout': isLabelsTextLong } }, props), index.h("div", { class: "label" }, this.label), index.h("div", { class: "helper-label" }, this.helperLabel)),
-    ];
-  }
-};
-TooltipContent.style = tooltipContentCss;
-
 exports.limel_popover = Popover;
 exports.limel_popover_surface = PopoverSurface;
-exports.limel_tooltip = Tooltip;
-exports.limel_tooltip_content = TooltipContent;

package/dist/cjs/limel-tooltip_2.cjs.entry.js

@@ -0,0 +1,104 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-287e25e0.js');
+const randomString = require('./random-string-4c3b7f1c.js');
+
+const tooltipCss = ".trigger-anchor{position:relative}";
+
+const DEFAULT_MAX_LENGTH = 50;
+const Tooltip = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.showTooltip = () => {
+      const tooltipDelay = 500;
+      this.showTooltipTimeoutHandle = window.setTimeout(() => {
+        this.open = true;
+      }, tooltipDelay);
+    };
+    this.hideTooltip = () => {
+      clearTimeout(this.showTooltipTimeoutHandle);
+      this.open = false;
+    };
+    this.elementId = undefined;
+    this.label = undefined;
+    this.helperLabel = undefined;
+    this.maxlength = DEFAULT_MAX_LENGTH;
+    this.open = undefined;
+    this.portalId = randomString.createRandomString();
+    this.tooltipId = randomString.createRandomString();
+  }
+  connectedCallback() {
+    this.setOwnerAriaLabel();
+    this.addListeners();
+  }
+  disconnectedCallback() {
+    this.removeListeners();
+  }
+  render() {
+    const tooltipZIndex = getComputedStyle(this.host).getPropertyValue('--tooltip-z-index');
+    return (index.h("div", { class: "trigger-anchor" }, index.h("limel-portal", { openDirection: "bottom-start", visible: this.open, containerId: this.portalId, containerStyle: {
+        'z-index': tooltipZIndex,
+        'pointer-events': 'none',
+      } }, index.h("limel-tooltip-content", { label: this.label, helperLabel: this.helperLabel, maxlength: this.maxlength, role: "tooltip", "aria-hidden": !this.open, id: this.tooltipId }))));
+  }
+  setOwnerAriaLabel() {
+    const owner = this.getOwnerElement();
+    owner === null || owner === void 0 ? void 0 : owner.setAttribute('aria-describedby', this.tooltipId);
+  }
+  addListeners() {
+    const owner = this.getOwnerElement();
+    owner === null || owner === void 0 ? void 0 : owner.addEventListener('mouseover', this.showTooltip);
+    owner === null || owner === void 0 ? void 0 : owner.addEventListener('mouseout', this.hideTooltip);
+    owner === null || owner === void 0 ? void 0 : owner.addEventListener('click', this.hideTooltip);
+  }
+  removeListeners() {
+    const owner = this.getOwnerElement();
+    owner === null || owner === void 0 ? void 0 : owner.removeEventListener('mouseover', this.showTooltip);
+    owner === null || owner === void 0 ? void 0 : owner.removeEventListener('mouseout', this.hideTooltip);
+    owner === null || owner === void 0 ? void 0 : owner.removeEventListener('click', this.hideTooltip);
+  }
+  getOwnerElement() {
+    let element = this.host;
+    do {
+      element = element.parentNode;
+    } while (element &&
+      element.nodeType !== Node.DOCUMENT_FRAGMENT_NODE &&
+      element.nodeType !== Node.DOCUMENT_NODE);
+    return element === null || element === void 0 ? void 0 : element.getElementById(this.elementId);
+  }
+  get host() { return index.getElement(this); }
+};
+Tooltip.style = tooltipCss;
+
+const tooltipContentCss = ":host{animation:display-tooltip 0.2s ease;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}@keyframes display-tooltip{0%{opacity:0;transform:translate3d(0, 0, 0) scale(0.94)}100%{opacity:1;transform:translate3d(0, 0, 0) scale(1)}}";
+
+const TooltipContent = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.label = undefined;
+    this.helperLabel = undefined;
+    this.maxlength = undefined;
+  }
+  render() {
+    let isLabelsTextLong = false;
+    if (this.helperLabel && this.maxlength) {
+      isLabelsTextLong =
+        this.label.length + this.helperLabel.length > this.maxlength;
+    }
+    const props = {};
+    if (this.maxlength) {
+      props.style = {
+        '--tooltip-max-width-of-text': `${this.maxlength}` + 'ch',
+      };
+    }
+    return [
+      index.h("text", Object.assign({ class: { 'has-column-layout': isLabelsTextLong } }, props), index.h("div", { class: "label" }, this.label), index.h("div", { class: "helper-label" }, this.helperLabel)),
+    ];
+  }
+};
+TooltipContent.style = tooltipContentCss;
+
+exports.limel_tooltip = Tooltip;
+exports.limel_tooltip_content = TooltipContent;