@limetech/lime-elements 40.24.0 → 40.25.0

package/dist/types/components/chart/chart.types.d.ts

@@ -55,4 +55,27 @@ export interface ChartItem<T extends number | [number, number] = number | [numbe
      */
     clickable?: boolean;
 }
+/**
+ * A group of items that are drawn in a color of their own, such as the
+ * revenue of each month, next to the costs of each month.
+ * @beta
+ */
+export interface ChartSeries {
+    /**
+     * Name of the series, shown in the legend, the tooltips, and the table
+     * for assistive technology.
+     */
+    text: string;
+    /**
+     * Color of the series. Defaults to one of eight colors, by the place of
+     * the series among the others. An item's own `color` is used for that
+     * item instead.
+     */
+    color?: Color;
+    /**
+     * Items of the series. Items of different series that have the same
+     * `text` are drawn together, at the same place on the axis.
+     */
+    items: ChartItem[];
+}
 //# sourceMappingURL=chart.types.d.ts.map

package/dist/types/components/chart/options.d.ts

@@ -1,8 +1,10 @@
 import type { BarSeriesOption, GaugeSeriesOption, LineSeriesOption, PieSeriesOption, ScatterSeriesOption } from 'echarts/charts';
 import type { GridComponentOption, PolarComponentOption, TooltipComponentOption } from 'echarts/components';
 import { type ComposeOption } from 'echarts/core';
-import { ChartItem } from './chart.types';
+import { ChartItem, ChartSeries } from './chart.types';
+import { AxisRange, DrawnChartType } from './scale';
 import { ValueStyle } from './format';
+import { ItemPosition, SeriesGrid } from './series';
 import { ChartTheme } from './theme';
 type SeriesOption = BarSeriesOption | GaugeSeriesOption | LineSeriesOption | PieSeriesOption | ScatterSeriesOption;
 export type ChartOption = ComposeOption<SeriesOption | GridComponentOption | PolarComponentOption | TooltipComponentOption>;
@@ -10,8 +12,22 @@ export type ChartOption = ComposeOption<SeriesOption | GridComponentOption | Pol
  * What the chart draws, from the props of `limel-chart`.
  */
 export interface ChartSettings extends ValueStyle {
-    /** The items, each with its color resolved by the theme. */
+    /**
+     * The items, each with its color resolved by the theme. A chart that
+     * draws series leaves them out.
+     */
     items: ChartItem[];
+    /**
+     * The series, which are drawn instead of the items when the type can
+     * draw series. The color of each series, and of each of its items, is
+     * resolved by the theme.
+     */
+    series?: ChartSeries[];
+    /**
+     * Whether the series are stacked on each other, when the type can stack
+     * them and the values are not dates.
+     */
+    stacked?: boolean;
     orientation: 'landscape' | 'portrait';
     maxValue?: number;
     axisIncrement?: number;
@@ -29,12 +45,23 @@ export interface ChartSettings extends ValueStyle {
  */
 export interface ChartDrawing {
     option: ChartOption;
-    /** The series that draws the items, when they are not series of their own. */
-    seriesIndex: number;
+    /**
+     * The series of ECharts that draws the items of each series, or the
+     * items of a chart without series, when the items are not series of
+     * their own.
+     */
+    seriesIndexes: number[];
+    /**
+     * The series of the chart that each series of ECharts draws a part of.
+     * A series of ECharts that is not in it draws the first series.
+     */
+    partsOfSeries?: number[];
     /** Whether every item is a series of its own, as in a proportion bar. */
     itemsAreSeries: boolean;
     /** The axis that shows the texts of the items, when they are shown on one. */
     itemTextAxis?: 'xAxis' | 'yAxis';
+    /** The range of the value axis, when the items are drawn on axes. */
+    valueRange?: AxisRange;
 }
 /**
  * The position of an item within the drawn series.
@@ -52,17 +79,57 @@ export interface ItemLocation {
  */
 export declare function drawChart(settings: ChartSettings, theme: ChartTheme, itemSpace?: number): ChartDrawing;
 /**
- * The index of the item drawn at a position, if an item is drawn there.
+ * The item drawn at a position, if an item is drawn there. A position in a
+ * series of ECharts that draws no items of its own, such as the invisible
+ * column of an item, belongs to the first series.
  * @param drawing - the drawing of the chart
  * @param location - a position within the drawn series
  */
-export declare function getItemIndex(drawing: Omit<ChartDrawing, 'option'>, location: Partial<ItemLocation>): number;
+export declare function findItem(drawing: Omit<ChartDrawing, 'option'>, location: Partial<ItemLocation>): ItemPosition;
 /**
  * Where an item is drawn, for highlighting it and showing its tooltip.
  * @param drawing - the drawing of the chart
- * @param index - the index of the item
+ * @param position - where the item is among the series
+ */
+export declare function locateItem(drawing: Omit<ChartDrawing, 'option'>, position: ItemPosition): ItemLocation;
+type ItemsAndSeries = Pick<ChartSettings, 'type' | 'items' | 'series'>;
+/**
+ * The series that the chart draws: its series, when its type can draw them.
+ * @param settings - what the chart is given
+ */
+export declare function getDrawnSeries(settings: Pick<ChartSettings, 'type' | 'series'>): ChartSeries[] | undefined;
+/**
+ * The series whose items the chart draws as its items: its first series,
+ * when its type cannot draw series and it has no items.
+ * @param settings - what the chart is given
+ */
+export declare function getSeriesOfDrawnItems(settings: ItemsAndSeries): ChartSeries | undefined;
+/**
+ * The items that the chart draws when it draws no series: its items, or the
+ * items of its first series when it has no items.
+ * @param settings - what the chart is given
  */
-export declare function locateItem(drawing: Omit<ChartDrawing, 'option'>, index: number): ItemLocation;
+export declare function getDrawnItems(settings: ItemsAndSeries): ChartItem[];
+/**
+ * Whether the chart stacks its series on each other. Only the types that
+ * can stack series do, and never with dates, since a sum of dates means
+ * nothing.
+ * @param settings - what the chart is given
+ */
+export declare function isStacked(settings: Pick<ChartSettings, 'type' | 'series' | 'stacked' | 'valueFormat'>): boolean;
+/**
+ * The series that the chart draws lined up by category, or the items it
+ * draws as the only series when it draws no series.
+ * @param settings - what the chart is given
+ */
+export declare function getSeriesGrid(settings: ItemsAndSeries): SeriesGrid;
+/**
+ * The style of the marker of a series, in the legend and in the tooltip: a
+ * square for bars and areas, a line for lines, and a dot for dots.
+ * @param type - the chart type
+ * @param color - the color of the series
+ */
+export declare function getSwatchStyle(type: DrawnChartType, color?: string): Record<string, string>;
 /**
  * Shows the text of every item on the axis, cut short to the space of the
  * item, so that no text runs into the next one. When the items are too close
@@ -84,5 +151,13 @@ export declare function getItemLabel(settings: Pick<ChartSettings, 'items' | 'ty
  * @param index - the index of the item
  */
 export declare function getTooltip(settings: ChartSettings, index: number): string;
+/**
+ * The tooltip of a category of a chart with series, as HTML: its text, and
+ * the name and value of each series that has an item there.
+ * @param grid - the series of the chart, lined up by category
+ * @param style - how the chart writes values
+ * @param index - the index of the category
+ */
+export declare function getCategoryTooltip(grid: SeriesGrid, style: ValueStyle, index: number): string;
 export {};
 //# sourceMappingURL=options.d.ts.map

package/dist/types/components/chart/scale.d.ts

@@ -26,6 +26,16 @@ export declare function isPartOfWhole(type: DrawnChartType): boolean;
  * @param type - the chart type
  */
 export declare function usesAxisIncrement(type: DrawnChartType): boolean;
+/**
+ * Whether a chart of this type can draw `series`.
+ * @param type - the chart type
+ */
+export declare function canDrawSeries(type: DrawnChartType): boolean;
+/**
+ * Whether a chart of this type can stack its `series` on each other.
+ * @param type - the chart type
+ */
+export declare function canStack(type: DrawnChartType): boolean;
 /**
  * Whether the item has a `[start, end]` range, or an `[x, y]` point in a
  * `scatter` chart, as its value.

package/dist/types/components/chart/series.d.ts

@@ -0,0 +1,71 @@
+import { ChartItem, ChartSeries } from './chart.types';
+/**
+ * Series lined up by category, so that the items of each series that belong
+ * together are at the same place.
+ */
+export interface SeriesGrid {
+    /** The texts of the categories, in the order they first appear. */
+    categories: string[];
+    series: GridSeries[];
+}
+/**
+ * A series whose items are lined up by category.
+ */
+export interface GridSeries {
+    text: string;
+    color?: string;
+    /** The item of the series at each category, if it has one there. */
+    items: Array<ChartItem | undefined>;
+}
+/**
+ * Where an item is: the index of its series, and of its category. An item of
+ * a chart without series is in the first and only series.
+ */
+export interface ItemPosition {
+    series: number;
+    index: number;
+}
+/**
+ * Lines up the items of the series by their text, since items of different
+ * series that have the same text belong to the same category. When a series
+ * has several items with the same text, its second item with that text lines
+ * up with the second one of the other series, and so on.
+ * @param series - the series
+ */
+export declare function alignSeries(series: ChartSeries[]): SeriesGrid;
+/**
+ * The item at a position, if there is one.
+ * @param grid - the series
+ * @param position - where the item is
+ */
+export declare function getItemAt(grid: SeriesGrid, position: ItemPosition): ChartItem | undefined;
+/**
+ * The series that has an item at a place on the axis and is nearest to a
+ * series: the series itself when it has an item there, otherwise the closest
+ * one, and the earlier of two that are as close.
+ * @param grid - the series
+ * @param position - the place on the axis, and the series to start from
+ */
+export declare function getNearestSeries(grid: SeriesGrid, position: ItemPosition): number | undefined;
+/**
+ * The items of every series, in no particular order.
+ * @param grid - the series
+ */
+export declare function getAllItems(grid: SeriesGrid): ChartItem[];
+/**
+ * The items that the value axis has to reach: every item, or, when the
+ * series are stacked, the two ends of the stack at each place on the axis.
+ * Positive and negative values are stacked on their own side of zero, and a
+ * range adds its extent to the stack.
+ * @param grid - the series
+ * @param stacked - whether the series are stacked on each other
+ */
+export declare function getAxisItems(grid: SeriesGrid, stacked: boolean): ChartItem[];
+/**
+ * Whether the item at a position ends its stack, since no later series has
+ * an item on the same side of zero at that place on the axis.
+ * @param grid - the stacked series
+ * @param position - where the item is
+ */
+export declare function endsStack(grid: SeriesGrid, position: ItemPosition): boolean;
+//# sourceMappingURL=series.d.ts.map

package/dist/types/components.d.ts

@@ -16,7 +16,7 @@ import { Button } from "./components/button/button.types";
 import { CalloutType } from "./components/callout/callout.types";
 import { Image } from "./global/shared-types/image.types";
 import { ListSeparator as ListSeparator1 } from "./global/shared-types/separator.types";
-import { ChartItem, ChartType, ChartValueFormat } from "./components/chart/chart.types";
+import { ChartItem, ChartSeries, ChartType, ChartValueFormat } from "./components/chart/chart.types";
 import { Label, LabelValue } from "./components/dynamic-label/label.types";
 import { Link } from "./global/shared-types/link.types";
 import { Chip, ChipType } from "./components/chip-set/chip.types";
@@ -68,7 +68,7 @@ export { Button } from "./components/button/button.types";
 export { CalloutType } from "./components/callout/callout.types";
 export { Image } from "./global/shared-types/image.types";
 export { ListSeparator as ListSeparator1 } from "./global/shared-types/separator.types";
-export { ChartItem, ChartType, ChartValueFormat } from "./components/chart/chart.types";
+export { ChartItem, ChartSeries, ChartType, ChartValueFormat } from "./components/chart/chart.types";
 export { Label, LabelValue } from "./components/dynamic-label/label.types";
 export { Link } from "./global/shared-types/link.types";
 export { Chip, ChipType } from "./components/chip-set/chip.types";
@@ -528,8 +528,6 @@ export namespace Components {
      * @exampleComponent limel-example-chart-orientation
      * @exampleComponent limel-example-chart-max-value
      * @exampleComponent limel-example-chart-display-item-percentage
-     * @exampleComponent limel-example-chart-value-format
-     * @exampleComponent limel-example-chart-value-format-date
      * @exampleComponent limel-example-chart-type-bar
      * @exampleComponent limel-example-chart-type-dot
      * @exampleComponent limel-example-chart-type-area
@@ -545,9 +543,13 @@ export namespace Components {
      * @exampleComponent limel-example-chart-multi-axis-area-with-negative-start-values
      * @exampleComponent limel-example-chart-type-scatter-negative
      * @exampleComponent limel-example-chart-axis-increment
+     * @exampleComponent limel-example-chart-value-format
+     * @exampleComponent limel-example-chart-value-format-date
      * @exampleComponent limel-example-chart-clickable-items
      * @exampleComponent limel-example-chart-accessibility
      * @exampleComponent limel-example-chart-axis-labels
+     * @exampleComponent limel-example-chart-series
+     * @exampleComponent limel-example-chart-series-stacked
      * @exampleComponent limel-example-chart-styling
      * @beta 
      */
@@ -561,7 +563,7 @@ export namespace Components {
          */
         "accessibleLabel"?: string;
         /**
-          * Helps users of assistive technologies to understand what the values in the chart represent. Defaults to the translation for "value" in the current language.
+          * Helps users of assistive technologies to understand what the values in the chart represent. Defaults to the translation for "value" in the current language. In a chart with series, the series name the columns of values, and this label, when it is set, heads them all.
          */
         "accessibleValuesLabel"?: string;
         /**
@@ -595,7 +597,7 @@ export namespace Components {
         /**
           * List of items in the chart, each representing a data point.
          */
-        "items": ChartItem[];
+        "items"?: ChartItem[];
         /**
           * Defines the language for translations, and for the way values are written, such as `1 234,5` in Swedish.
           * @default 'en'
@@ -615,6 +617,15 @@ export namespace Components {
           * @default 'landscape'
          */
         "orientation"?: 'landscape' | 'portrait';
+        /**
+          * Groups of items that are drawn side by side, each in a color of its own, such as the revenue and the costs of each month. Items of different series that have the same `text` are drawn together, at the same place on the axis. When there are two series or more, a legend names them.  `bar`, `dot`, `line`, and `area` charts draw `series` instead of `items`. Other types draw `items`, or the items of the first series when `items` is not set.
+         */
+        "series"?: ChartSeries[];
+        /**
+          * Stacks the `series` on each other, so that each place on the axis shows their total, such as the revenue of each product, which adds up to the revenue of the month. Positive and negative values are stacked on their own side of zero, and a range adds its extent to the stack. Applies to `bar`, `line`, and `area` charts, but not when `valueFormat` is `date`.
+          * @default false
+         */
+        "stacked": boolean;
         /**
           * Defines how items are visualized in the chart. `stacked-bar` is the old name of `proportion-bar`. It still works, but logs a warning.
           * @default 'proportion-bar'
@@ -5015,8 +5026,6 @@ declare global {
      * @exampleComponent limel-example-chart-orientation
      * @exampleComponent limel-example-chart-max-value
      * @exampleComponent limel-example-chart-display-item-percentage
-     * @exampleComponent limel-example-chart-value-format
-     * @exampleComponent limel-example-chart-value-format-date
      * @exampleComponent limel-example-chart-type-bar
      * @exampleComponent limel-example-chart-type-dot
      * @exampleComponent limel-example-chart-type-area
@@ -5032,9 +5041,13 @@ declare global {
      * @exampleComponent limel-example-chart-multi-axis-area-with-negative-start-values
      * @exampleComponent limel-example-chart-type-scatter-negative
      * @exampleComponent limel-example-chart-axis-increment
+     * @exampleComponent limel-example-chart-value-format
+     * @exampleComponent limel-example-chart-value-format-date
      * @exampleComponent limel-example-chart-clickable-items
      * @exampleComponent limel-example-chart-accessibility
      * @exampleComponent limel-example-chart-axis-labels
+     * @exampleComponent limel-example-chart-series
+     * @exampleComponent limel-example-chart-series-stacked
      * @exampleComponent limel-example-chart-styling
      * @beta 
      */
@@ -7793,8 +7806,6 @@ declare namespace LocalJSX {
      * @exampleComponent limel-example-chart-orientation
      * @exampleComponent limel-example-chart-max-value
      * @exampleComponent limel-example-chart-display-item-percentage
-     * @exampleComponent limel-example-chart-value-format
-     * @exampleComponent limel-example-chart-value-format-date
      * @exampleComponent limel-example-chart-type-bar
      * @exampleComponent limel-example-chart-type-dot
      * @exampleComponent limel-example-chart-type-area
@@ -7810,9 +7821,13 @@ declare namespace LocalJSX {
      * @exampleComponent limel-example-chart-multi-axis-area-with-negative-start-values
      * @exampleComponent limel-example-chart-type-scatter-negative
      * @exampleComponent limel-example-chart-axis-increment
+     * @exampleComponent limel-example-chart-value-format
+     * @exampleComponent limel-example-chart-value-format-date
      * @exampleComponent limel-example-chart-clickable-items
      * @exampleComponent limel-example-chart-accessibility
      * @exampleComponent limel-example-chart-axis-labels
+     * @exampleComponent limel-example-chart-series
+     * @exampleComponent limel-example-chart-series-stacked
      * @exampleComponent limel-example-chart-styling
      * @beta 
      */
@@ -7826,7 +7841,7 @@ declare namespace LocalJSX {
          */
         "accessibleLabel"?: string;
         /**
-          * Helps users of assistive technologies to understand what the values in the chart represent. Defaults to the translation for "value" in the current language.
+          * Helps users of assistive technologies to understand what the values in the chart represent. Defaults to the translation for "value" in the current language. In a chart with series, the series name the columns of values, and this label, when it is set, heads them all.
          */
         "accessibleValuesLabel"?: string;
         /**
@@ -7860,7 +7875,7 @@ declare namespace LocalJSX {
         /**
           * List of items in the chart, each representing a data point.
          */
-        "items": ChartItem[];
+        "items"?: ChartItem[];
         /**
           * Defines the language for translations, and for the way values are written, such as `1 234,5` in Swedish.
           * @default 'en'
@@ -7876,7 +7891,7 @@ declare namespace LocalJSX {
          */
         "maxValue"?: number;
         /**
-          * Fired when a chart item with `clickable` set to `true` is clicked
+          * Fired when a chart item with `clickable` set to `true` is clicked. The detail is the item itself, the same object as in `items` or in `series`, so a chart with series can tell which series the item belongs to by comparing it with the items of each series.
          */
         "onInteract"?: (event: LimelChartCustomEvent<ChartItem>) => void;
         /**
@@ -7884,6 +7899,15 @@ declare namespace LocalJSX {
           * @default 'landscape'
          */
         "orientation"?: 'landscape' | 'portrait';
+        /**
+          * Groups of items that are drawn side by side, each in a color of its own, such as the revenue and the costs of each month. Items of different series that have the same `text` are drawn together, at the same place on the axis. When there are two series or more, a legend names them.  `bar`, `dot`, `line`, and `area` charts draw `series` instead of `items`. Other types draw `items`, or the items of the first series when `items` is not set.
+         */
+        "series"?: ChartSeries[];
+        /**
+          * Stacks the `series` on each other, so that each place on the axis shows their total, such as the revenue of each product, which adds up to the revenue of the month. Positive and negative values are stacked on their own side of zero, and a range adds its extent to the stack. Applies to `bar`, `line`, and `area` charts, but not when `valueFormat` is `date`.
+          * @default false
+         */
+        "stacked"?: boolean;
         /**
           * Defines how items are visualized in the chart. `stacked-bar` is the old name of `proportion-bar`. It still works, but logs a warning.
           * @default 'proportion-bar'
@@ -12139,6 +12163,7 @@ declare namespace LocalJSX {
         "displayItemText": boolean;
         "displayItemValue": boolean;
         "displayItemPercentage": boolean;
+        "stacked": boolean;
         "type": ChartType;
         "orientation": 'landscape' | 'portrait';
         "maxValue": number;
@@ -13028,8 +13053,6 @@ declare module "@stencil/core" {
              * @exampleComponent limel-example-chart-orientation
              * @exampleComponent limel-example-chart-max-value
              * @exampleComponent limel-example-chart-display-item-percentage
-             * @exampleComponent limel-example-chart-value-format
-             * @exampleComponent limel-example-chart-value-format-date
              * @exampleComponent limel-example-chart-type-bar
              * @exampleComponent limel-example-chart-type-dot
              * @exampleComponent limel-example-chart-type-area
@@ -13045,9 +13068,13 @@ declare module "@stencil/core" {
              * @exampleComponent limel-example-chart-multi-axis-area-with-negative-start-values
              * @exampleComponent limel-example-chart-type-scatter-negative
              * @exampleComponent limel-example-chart-axis-increment
+             * @exampleComponent limel-example-chart-value-format
+             * @exampleComponent limel-example-chart-value-format-date
              * @exampleComponent limel-example-chart-clickable-items
              * @exampleComponent limel-example-chart-accessibility
              * @exampleComponent limel-example-chart-axis-labels
+             * @exampleComponent limel-example-chart-series
+             * @exampleComponent limel-example-chart-series-stacked
              * @exampleComponent limel-example-chart-styling
              * @beta 
              */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limetech/lime-elements",
-  "version": "40.24.0",
+  "version": "40.25.0",
   "description": "Lime Elements",
   "author": "Lime Technologies",
   "license": "Apache-2.0",
@@ -80,7 +80,7 @@
     "eslint": "^10.14.0",
     "flatpickr": "^4.6.13",
     "glob": "^14.0.3",
-    "globals": "^17.13.0",
+    "globals": "^17.14.0",
     "hast-util-from-dom": "^5.0.1",
     "hast-util-to-mdast": "^10.1.2",
     "html-escaper": "^3.0.3",

package/dist/lime-elements/p-2d698983.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as s,H as n}from"./p-BU9IJqli.js";import{t as e}from"./p--i932i_D.js";import{a}from"./p-DQ5DmW_Y.js";import{p as h}from"./p-CSC2LJ7P.js";const r=class{constructor(s){t(this,s),this.jump=i(this,"jump",7),this.open=!1,this.page=1,this.pageCount=1,this.loading=!1,this.language="en",this.value="",this.shouldFocusField=!1,this.handleChange=t=>{var i;t.stopPropagation(),this.value=String(null!==(i=t.detail)&&void 0!==i?i:"")},this.handleKeyDown=t=>{t.key===a&&(t.preventDefault(),this.commit())},this.commit=()=>{const t=this.target;null===t||this.loading||this.jump.emit(t)},this.setField=t=>{this.field=t},this.translate=(t,i)=>e.get(t,this.language,i)}componentWillLoad(){this.handleOpenChange()}handleLanguageChange(){this.numberFormat=void 0}handleOpenChange(){this.open&&(this.value=String(this.page),this.shouldFocusField=!0)}async componentDidRender(){this.shouldFocusField&&(this.shouldFocusField=!1,await this.focusField())}render(){if(this.open)return s(n,{onKeyDown:this.handleKeyDown},s("limel-input-field",{type:"number",label:this.translate("pagination.page-number"),placeholder:this.pageRange,value:this.value,onChange:this.handleChange,min:1,max:this.pageCount,step:1,ref:this.setField}),s("limel-button",{primary:!0,label:this.translate("pagination.go"),disabled:this.loading,onClick:this.commit}))}get target(){var t,i;const s=null!==(i=null===(t=this.nativeField)||void 0===t?void 0:t.value)&&void 0!==i?i:this.value;return h(s,this.pageCount)}get pageRange(){return this.translate("pagination.page-range",{first:this.formatNumber(1),last:this.formatNumber(this.pageCount)})}get nativeField(){var t,i;return null===(i=null===(t=this.field)||void 0===t?void 0:t.shadowRoot)||void 0===i?void 0:i.querySelector("input")}async focusField(){const t=this.field;t&&(await t.componentOnReady(),requestAnimationFrame((()=>{var i,s;t.focus(),null===(s=null===(i=t.shadowRoot)||void 0===i?void 0:i.querySelector("input"))||void 0===s||s.select()})))}formatNumber(t){var i;return null!==(i=this.numberFormat)&&void 0!==i||(this.numberFormat=this.createNumberFormat()),this.numberFormat.format(t)}createNumberFormat(){try{return new Intl.NumberFormat(this.language)}catch(t){return new Intl.NumberFormat("en")}}static get watchers(){return{language:[{handleLanguageChange:0}],open:[{handleOpenChange:0}]}}};r.style=":host{display:flex;flex-direction:column;gap:0.75rem;padding:0.75rem;min-width:12rem}:host(:not([open])){display:none}";export{r as limel_pagination_jump}